Cele szkolenia

W trakcie szkolenia uczestnik dowie się jak tworzy się strony internetowe, Z jaki elementów strona się składa, Jak się ją koduje z wykorzystaniem języka HTML i CSS. Uczestnik pozna najważniejsze elementami kodu języka HTML5, i arkuszy stylów CSS3. Uczestnik dowie się jak pisać kod HTML i CSS dzięki któremu można tworzyć strony internetowe a nawet całe serwisy www. Ponadto zostanie przekazana wiedza na temat poprawnego łączenia elementów HTML5 i CSS ze sobą, wzbogacona wprowadzeniem do pozycjonowania stron SEO.

Umiejętności

• Po kursie użytkownik będzie potrafił: zbudować proste strony www z użyciem HTML5 oraz arkuszy CSS, przetestować je w różnych przeglądarkach i opublikować w sieci.

Profil uczestników

Szkolenie przeznaczone jest dla osób, które chcą nauczyć się tworzyć strony www i rozumieć pisany kod strony. Szkolenie zalecane jest szczególnie osobom tworzącym front-end www bez umiejętności kodowania lub projektantom serwisów www, nie znającym HTML lub CSS. Szkolenie skierowane jest również do osób, które trochę rozumieją HTML i CSS ale chcą usystematyzować swoją wiedzę lub ją odświeżyć.

Przygotowanie uczestników

Od uczestników szkolenia wymagana jest znajomość obsługi różnych przeglądarek www.

Przed nami:

• 3 dni, 32 godziny szkoleniowe

Szczegółowy program szkolenia

Tworzenie strony internetowej / serwisu www

• Ogólny model funkcjonowania serwisu www w internecie 
• Model funkcjonowania strony internetowej w serwisie www
• Domena, Hosting, adres IP, DNS

Wstęp do Tworzenia stron www

• Struktura dokumentu (strony)
• Plik: index.html
• Kodowanie w językach HTML5 oraz CSS
• Kodowanie w HTML5 - środowisko pracy, przeglądarki
•  Gdzie sprawdzać najnowsze informacje o kodzie HTML5

Pisanie kodu HTML5 

• Znaczniki HTML5 (podstawowy element języka)

Tworzenie, podział i rodzaje znaczników

• Znaczniki Blokowe, liniowe, wstawiane, strukturalne i semnatyczne
• Architektura kodu strony WWW
• Elementy opisujące stronę WWW
• Elementy treści strony WWW
• Wstęp do pozycjonowania - SEO
• Interpretacja HTML5 przez różne przeglądarki
• Sprawdzanie poprawności pisania kodu
• Testowanie przeglądarek i walidacja strony WWW

Definiowanie ustawień ogólnych dla strony WWW

• Font/krój pisma i używanie fontów przez przeglądarki
• Wielkość pisma, rodzaje fontów internetowych
• Kolor tekstu i kolor tła strony www
• Wypełnienie tła strony grafiką – zdjęciem lub patternem
• Powtarzanie grafiki w tle (tekstury) oraz ustalanie położenia pojedynczych elementów tła

Akapit i jego elementy

• Akapit i font (czcionka)
• Tagi formatujące bloki tekstu
• Znaki specjalne

Nagłówki i ich rodzaje

• Nagłowki i font (czcionka)
• Tagi formatujące nagłówki
• Formatowanie przeglądarki
• Formatowanie wbudowane

Listy punktowane i numerowane

• Tworzenie listy wypunktowanej
• Tworzenie listy numerowanej
• Tworzenie listy definicji

Obrazy

• Rodzaje grafiki dla stron www
• Osadzanie grafiki na stronie www
• Funkcje elementów graficznych
• Optymalizacja grafiki

Tabele

• Tworzenie tabel
• Elementy: <table>, <th>, <tr> i <td>
• Wykorzystanie tabel

Linki (hiperłącza)

• Tworzenie linków
• Atrybuty linków
• Osadzanie linków

Tworzenie wyglądu strony www

• Ustawienie marginesów
• Tworzenie bloków – kontenerów
• Formatowanie kontentu

Warstwy

• Znacznik DIV
•  Atrybuty znacznika DIV
• Osadzanie obiektów HTML na warstwach

Formularze

• Podstawowe elementy formularzy
• Atrybuty formularzy
• Nowe elementy formularzy HTML5
• Walidacja danych

Nowe Znaczniki strukturalne HTML5

• Elementy header i footer
• Elementy nav – przygotowanie panelu nawigacji
• Elementy section i article
•  Element aside

Style CSS

• Formatowanie elementów HTML za pomocą CSS 
• Rodzje jednostek 
• Właściwości i wartości CSS,
• Formatowanie szerokości i wysokości kontenerów
• Marginesy wewnętrzne, zewnętrzne
• Obramowanie
• Model pudełkowy w CSS
• Tworzenie selektorów prostych 
• Formatowanie tekstu, akapitów, tabel,
• Formatowanie linków
• Formatowanie obrazków
• Formatowanie elementów strukturalnych: section, footer, header, article, aside, nav itd.

Osadzanie stylów w dokumencie HTML

• Sposoby osadzanie stylów w dokumencie CSS 
• linkowanie i importowanie CSS

Tworzenie prostych przykładów stron internetowych 

• Tworznie prostych interaktywności
• Formatowanie wyglądu strony www
• Formatowanie kontenerów
• Budowanie stron z wykorzystaniem wiedzy ze szkolenia

Testowanie stron www w przeglądarce

• Uruchamianie strony w różnych przeglądarkach
• Narzędzia do testowania stron

Metoda realizacji szkolenia

Szkolenie realizowane jest w formie naprzemiennie następujących po sobie mini wykładów oraz ćwiczeń praktycznych. Szkolenie łączy w sobie fachową wiedzę merytoryczną z praktycznymi przykładami jej wykorzystania w środowisku pracy.

POBIERZ PROGRAM W PDF

Po zakończeniu szkolenia rekomendowane jest skorzystanie z:

• HTML5/CSS3. Tworzenie stron internetowych – poziom zaawansowany
• JavaScript – podstawy pisania skryptów do interakcji ze stroną internetową 
• XML – poziom podstawowy

W ramach szkolenia zapewniamy

• materiały szkoleniowe
• certyfikat potwierdzający udział w kursie
• pełna obsługa cateringowa (dla szkoleń stacjonarnych)