Slajdy układu prezentacji

Przygotuj szablon prezentacji złożony z różnych układów slajdów oraz wariantów kolorystycznych. Każdy element powinien być reprezentowany przez przykładową treść. Graficzny wzór szablonu prezentacji został przedstawiony w dwóch plikach: WebTmplt-XYZ1.png oraz WebTmplt-XYZ2.png.

Przygotowanie struktury

W pliku graficznym WebTmplt-Layouts.png są zaprezentowane wizualne układy każdego slajdu, natomiast w pliku WebTmplt-Layouts-No.png jest wersja z ponumerowanymi slajdami. Każde zadanie dostało plik tekstowy z numerami slajdów do wykonania.

• Część HTML

  Wybór znacznika dla całej prezentacji: MAIN, ARTICLE, SECTION, DIV
  Wybór znacznika dla slajdu: ARTICLE, SECTION, DIV
  Wybór znaczników dla fragmentów slajdu: HEADER, FOOTER, SECTION, DIV
  Wybór znaczników dla treści fragmentów: H1-H6, P, Q, FIGURE, UL, OL

• Część CSS

  Stworzenie arkusza z układami prezentacji oraz slajdów
  Stworzenie arkusza z wariantami kolorystycznymi
  Dobór czcionek i rozmiarów czcionek
  

Numeracja układów slajdów dla obu szablonów

Układ slajdu #1 i #2 dla szablonu Alizarin

Układ slajdu #1 i #2 dla szablonu Midnight

• Przygotowanie struktury zgodnie z deklaracją HTML5 i jej poprawna walidacja.

• Prawidłowy nagłówek dokumentu z kodowaniem, tytułem, metadanymi dokumentu i autora, oraz linkowaniem zasobów (arkusze, skrypty, inne).

• Minimalizm, czyli stosowanie selektorów bezklasowych oraz bez identyfikatorów tam, gdzie to możliwe, a stosowanie nazw klas lub identyfikatorów tam, gdzie to konieczne.

• Uniwersalność zastosowanych selektorów (powtarzalność reguł dla slajdów w prezentacji) oraz brak kodu CSS w dokumencie HTML.

• Elastyczność, czyli możliwość skalowania slajdu w zależności od szerokości okna przeglądarki.

• Ciało dokumentu wizualnie wykonane zgodnie z szablonem (HTML i CSS).