MS 55319 HTML5 i CSS

Moduł 1: Krótka historia HTML i sieci

• Życie strony internetowej
• Definicje kodów stanu HTTP
• Najważniejsze rzeczy, które musisz wiedzieć jako programista stron internetowych
• Pierwsze kroki z HTML
• Tworzenie strony internetowej
• Zapoznanie się z opcjami programu Visual Studio
• Eksperymentowanie z tagami

Moduł 2: Podstawowe elementy HTML

• Edytory HTML i CSS
• Tekst, spacje i tabulatory
• Praca z tagami
• Atrybuty
• Komentarze
• Niestandardowe tagi
• Rozszerzenia plików
• Podstawowe elementy strony
• Zagnieżdżanie
• Testowanie HTML
• HTML i tekst

Laboratorium: Podstawowe elementy HTML

• Tworzenie i weryfikacja strony
• Narzędzia przeglądarki
• Dodawanie informacji o prawach autorskich
• Tworzenie arkuszu stylów

Moduł 3: Cascading Style Sheets

• Przed CSS
• Z CSS
• Kaskadowe arkusze stylów (CSS)
• Dodawanie CSS do strony
• Kolejność przetwarzania CSS
• Eksperymentalne przedrostki dostawcy
• Jednostki CSS
• Tryb skrzynki CSS
• Kaskadowe arkusze stylów
• Tworzenie i weryfikacja strony
• CSS Box Model – Dostosowanie nagłówka
• CSS Box Model – Dodawanie zakładek nawigacyjnych
• Praca z pseudoklasą
• Weryfikacja kodu

Moduł 4: Fonty i tekst

Ten moduł bada wykorzystanie fontów i list.

• Fonty
• CSS dla tekstu
• Kleszcze tekstowe CSS!
• Praca z listami
• Aktualizacja do Windows 7

Laboratorium: Fonty i tekst

• Ćwiczenie 1 - Wybór fontów
• Ćwiczenie 2 - Weryfikacja twojego kodu

Moduł 5: Kolory i Tła

• Określanie kolorów
• Stosowanie kolorów
• Gradienty

Laboratorium: Kolory i tła

• Ćwiczenie 1 - Praca z kolorem
• Ćwiczenie 2 - Gradienty

Moduł 6: Kotwice i hiperłącza

• CSS
• Hiperłącza z obrazami i innymi obiektami

Laboratorium: Kotwice i hiperłącza

• Ćwiczenie 1 - Dodaj linki do innych stron
• Ćwiczenie 2 - Linki zewnętrzne
• Ćwiczenie 3 - Linki do obrazów

Moduł 7: Page Layout

• Opcje układu strony
• Tabele danych
• DIV
• Platforma
• SPAN
• Tagi HTML 5 w stylu DIV
• IFRAMES

Laboratorium: Układy stron

• Ćwiczenie 1 - Pływające obrazy
• Ćwiczenie 2 - Float DIVs
• Ćwiczenie 3 - Odkrywanie potęgi arkuszy stylów CSS

Moduł 8: Obrazy

• Favicon
• Przygotowanie obrazów
• Pliki obrazów
• Tag IMG
• Obrazy tła
• Najlepsze praktyki dotyczące obrazów
• CSS Sprites

Laboratorium: Obrazy

• Ćwiczenie 1 - Dodawanie tła do strony
• Ćwiczenie 2 - Dodawanie Obrazu w tle do DIV

Moduł 9: HTML Formy

• Forma podstawowa
• POST vs. GET
• Name vs. ID
• Podstawowe elementy formularza
• Atrybut formularza podstawowego
• Przesyłanie plików
• Ulepszenia formularzy HTML 5
• Lista danych

Laboratorium: Formularze HTML

• Ćwiczenie 1 - Budowa prostego formularza

Moduł 10: Multimedia

Ten moduł bada dodawanie wideo i audio do stron internetowych.

• Wideo i audio
• Wideo HTML 5
• CSS
• JavaScript
• Audio
• Hosting filmów w chmurze
• Praca z animowanymi GIF-ami

Laboratorium: Dodawanie filmów wideo do strony

• Ćwiczenie 1 - Dodawanie wideo do strony
• Ćwiczenie 2 - Dodawanie filmu z YouTube do strony (opcjonalnie)