HTML5/CSS3. Tworzenie stron internetowych – poziom podstawowy

O szkoleniu

Podczas szkolenia 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.

Poznaj program szkolenia

  1. Co zyskasz dzięki szkoleniu ?
  2. 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.
  3. Czy to szkolenie jest dla Ciebie ?
  4. 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.

  5. Czas trwania
  6. Przed nami:

    • 3 dni, 32 godziny szkoleniowe
  7. Szczegółowy program szkolenia
  8. 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

  9. Ścieżka rozwoju
  10. 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
  11. W ramach szkolenia zapewniamy
  12. W ramach szkolenia zapewniamy

    • materiały szkoleniowe
    • certyfikat potwierdzający udział w kursie
    • pełna obsługa cateringowa (dla szkoleń stacjonarnych)
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.

Czas trwania

Przed nami:

  • 3 dni, 32 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.

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)

Najbliższe szkolenia

Masz pytania? Skontaktuj się z nami!

31-864 Kraków

ul. Prof. Michała Życzkowskiego 33