Co zyskasz dzięki szkoleniu ?
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.
Czy to szkolenie jest dla Ciebie ?
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.
Szczegółowy program szkolenia
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
Ścieżka rozwoju
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
W ramach szkolenia zapewniamy
- materiały szkoleniowe
- certyfikat potwierdzający udział w kursie
- pełna obsługa cateringowa (dla szkoleń stacjonarnych)