Tworzenie stron internetowych. Szkolenie z podstaw HTML5/CSS3.
Szkolenie z projektowania stron internetowych na poziomie podstawowym.
Instrukcja zapisu na szkolenia
Nasz przewodnik krok po kroku przeprowadzi Cię przez proces rejestracji nowego konta lub logowania do Comarch Cloud w celu rezerwacji miejsca na kursie!
Poznaj program szkolenia
- 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ł:
- budować proste strony www z użyciem HTML5 oraz arkuszy CSS
- testować je w różnych przeglądarkach
- publikować w Internecie
- 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ówOd uczestników szkolenia wymagana jest znajomość obsługi różnych przeglądarek www.
- Czas trwania
Przed nami:
- 3 dni, 24 godziny szkoleniowe
- 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.
- Ścieżka rozwoju
Po zakończeniu szkolenia rekomendowane jest skorzystanie z:
- 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)