HTML: Ćwiczenia Struktura dokumentu

Utwórz szablon witryny przyspieszający oraz ujednolicający wykonywanie

przyszłych zadań z dziedziny projektowania Witryn i Webaplikacji.
Przygotowana struktura HTML powinna zawierać bazowe znaczniki HTML
tworzące stronę WWW wraz z metaznacznikami oraz odpowiednio dobrane
znaczniki o konkretnym znaczeniu semantyczny. Do szablonu należy wprowadzić
informacje identyfikujące ucznia oraz wykonywane przez niego zadanie.

Wytyczne przygotowania szablonu

Podziel strukturę dokumentu na część metadanych dokumentu oraz część treści:
1. Deklaracja typu dokumentu oraz jego kodowanie
2. Tytuł dokumentu (nazwa zadania)
3. Metaznaczniki:
 data wykonania (odpowiedni format),
 autor dokumentu (nazwisko i imię),
 opis zadania,
 załączenie arkusza CSS (style.css),
 załączenie skryptu JavaScript (skrypt.js)
4. Kontener nagłówka zawierający:
 tytuł witryny (data wykonania, nazwa zadania)
 kotwicę powrotu do góry strony
 menu nawigacyjne Witryny (3 odnośniki – kontakt ma prowadzić do #6)
5. Kontener Głównej treści
6. Stopka zawierająca informacje o autorze:
 klasa, nazwisko i imię

Wizualizacja szablonu:
#1, #2, #3
#4: Tytuł witryny
Odnośniki: Główna Strona1 Kontakt
#5:
#6: klasa, autor
Odnośnik powrotu do początku strony

Ocenie podlega
 Przygotowanie struktury zgodnie z wizualizacją projektu.
 Dobór odpowiednich znaczników zwykłych i/lub semantycznych zgodnych
z przechowywaną informacją.
 Poprawna walidacja dokumentu (wraz z dostarczenie screenshota)
 Zawarcie w dokumencie wszystkich wskazanych w instrukcji informacji.

Technologie Web Grzegorz Petri / 2020