Szkolenia informatyczne: biuro, technologie internetowe, egzaminy technik

CENA - OFERTA: Jesteś zainteresowany/na kursem – zapraszam do kontaktu ze mną, szczegóły: www.poswojsku.pl .

kurs tworzenie witryn www
szkolenie technik informatyk programista inf.03 ee.09 inf.04 egzamin przygotowanie

 

HTML5 i CSS3 Fundamenty nowoczesnej strony www

flag language

HTML5 i CSS3 Fundamenty nowoczesnej strony www

Strony internetowe można robić co najmniej na kilka sposobów, korzystając z różnorodnych technologii. Najnowsze trendy preferują „lekkie”, szybkie strony, wzbogacone atrakcyjną kolorystyką, grafiką a nawet filmami i dźwiękiem. Najprostszą metodą projektowania takich właśnie stron www, jest skorzystanie z bezpłatnych narzędzi i bezpłatnych języków programowania.

HTML5 i CSS3 Fundamenty nowoczesnej strony www

HTML5 i CSS3 Fundamenty nowoczesnej strony www

 

W tym kursie poznasz najpierw podstawy wiedzy o dwóch podstawowych technologiach: HTML5 i CSS3, potem uzyskasz minimalną niezbędną wiedzę z zakresu jQuery, będącej niczym innym jak biblioteką JavyScript. Kolejny krok, to analiza dołączonych do szkolenia plików z kodami stron internetowych HTML5, co spowoduje, że zarys teorii będziesz mógł/ła zestawić z praktycznymi zapisami, faktycznie działających stron www.

 

HTML5 i CSS3 Fundamenty nowoczesnej strony www

Budując stronę www w HTML5, możesz oczywiście pisać zupełnie od podstaw kod html, css czy jQuery, ale szybszym rozwiązaniem będzie sięgnięcie po już istniejące pliki, np. dostarczoną strukturę html (pliki w załączeniu do szkolenia). Szczególnie, że początek budowy strony html, to opracowanie właśnie „drzewa” html 5– tzw. DOM (ang. Document Object Model). Oczywiście załączone pliki opierają się na przykładowym układzie znaczników i  w przyszłości zapewne sam/a będziesz dokonywał/a zmian w załączonej strukturze html, czyniąc swój kod jak najbardziej dopasowany do realizowanych projektów. O ile niektóre znaczniki typu div można ustawiać bardzo różnorodnie, o tyle podstawowa struktura zawsze jest niermal niezmienna. Zerknij poniżej na HTML 5.
HTML5 stanowi strukturę (tzw. DOM ang. Document Object Model) strony internetowej.

Stronę buduje się za pomocą znaczników, za pomocą których definiuje się różne części strony WWW. Oto przykład kodu HTML 5 prostej strony internetowej:
<!doctype html>
<html>
 <head>
 <meta charset="UTF-8">
 <title> Projektowanie i tworzenie responsywnych stron www </title>
 </head>
 <body>
 <p>TREŚĆ STRONY</p>
 </body>
</html>
Powyższa strona (a właściwie kod stronywww) zawiera wszystkie podstawowe elementy.
Na początku dokumentu znajduje się deklaracja typu dokumentu:
<!doctype html>
dalej znacznik <html>  - w nawiasach trójkątnych,
nagłówek
<head>
Treść
<body>

Każdy ze znaczników jest zamknięty, a dokument kończy znacznik zamykający </html>. Przeanalizuj miejsce otwarcia i zamknięcia każdego ze znaczników. Taki układ będzie w budowanych stronach internetowych opartych na HTML, CSS i JS.

Znacznik języka HTML5:  <!doctype html>  jest nowym typem dokumentów pisanych w języku HTML5. Język ten - HTML5 - w stosunku do swoich poprzedników (np. HTML4) ma być łatwiejszy w użyciu, prostszy od poprzednich wersji i ma stanowić jedynie strukturę strony, wszelkiego rodzaju „upiększenia” i interakcje pozostawiając innym technologiom, np. CSS i JS. Dlatego unika się nadawania właściwości znacznikom bezpośrednio w dokumencie html. W html 5 umieszcza się jedynie odnośniki do selektorów i ich właściwości zawartych w pliku arkusza stylów css. Właśnie się pogubiłeś/aś? Nie przejmuj się. Istnieje sporawa szansa, że po zapoznaniu się z tym szkoleniem i analizie dołączonych plików html i css – zrozumiesz podstawy budowy responsywnych stron css.
Ważna informacja - plik z rozszerzeniem .html
•    edytujesz w posiadanym programie do edycji np. Notepad++
•    otwierasz w przeglądarce internetowej.

 

HTML5 i CSS3 Fundamenty nowoczesnej strony www

Struktura HTML 5 - minimum co musi być zawarte w kodzie HTML 5

    <!DOCTYPE html>
    <html lang="pl">
    <head>
       <meta charset="utf-8">
       <title>Page Title</title>
       <link rel="stylesheet" href="//www.poswojsku.info/style.css">
       <script src="//www.poswojsku.info/script.js"></script>
    </head>
    <body>
    ... <!-- The rest is content -->
    </body>
    </html>

 HTML 5 zawiera uproszczone ładowanie skryptów js:

    <script src="//www.poswojsku.info/script.js"></script>


 SZKOLENIE STACJONARNE a także DORADZTWO IT

Jeżeli jesteś zainteresowana/y

* szkoleniem stacjonarnym- przeprowadzam szkolenia zarówno otwarte jak i zamknięte  i/lub

* doradztwem it- tworzę responsywne i mobilne strony www, doradzam w zakresie niezbędnych zmian odnośnie już istniejących  stron www

z zakresu Tworzenie responsywnych i mobilnych stron www, w tym HTML5, CSS3, JavaScript, Drupal 7, JSON, jQuery, Angularjs, Backbonejs, nodejs - zapraszam do kontaktu: marketing@poswojsku.eu


 

 Ciąg dalszy: Bezpłatne programy do pisania kodu html najlepsze free edytory css ..

Zobacz w bocznym menu podobne artykuły do: HTML5 i CSS3 Fundamenty nowoczesnej strony www ..

Polski

Budowa responsywnych i mobilnych stron internetowych

bezpłatny kurs internetowy szkolenia, filmy: kliknij w temat, którego chcesz się nauczyć

szkolenia bezpłatne kolejne lekcje
kursy, porady, artykuły znajdziesz w Menu Tematycznym