HTML5/CSS3. Tworzenie stron internetowych – poziom podstawowy

    Czas trwania
    Godzina rozpoczęcia
    Stopień trudności

      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)

      Masz pytania? Skontaktuj się z nami!

      31-864 Kraków

      ul. Prof. Michała Życzkowskiego 33