Projekt Finalny HTML dla Uczniów

Temat projektu: Strona internetowa składająca się z minimum 3 stron o dowolnej tematyce.

Wytyczne projektu:

1. Struktura strony:

   • Strony muszą być zbudowane przy użyciu znaczników semantycznych HTML5.
   • Każda strona powinna posiadać przejrzysty układ, z wyróżnionymi nagłówkami, sekcjami treści i stopką.

2. Formularz:

   • Na jednej ze stron należy umieścić formularz, który zawiera:
     • Pola tekstowe
     • Pole typu email
     • Pola liczby i zakresu
     • Listę rozwijaną
     • Pola wyboru typu radio
     • Checkboxy
     • Przycisk przesyłania formularza
   • Formularz powinien zawierać walidację danych.
   • Formularz powinien być wysyłany metodą GET na adres "/dane".

3. Nawigacja i linki:

   • Projekt musi zawierać:
     • Linki zewnętrzne prowadzące do innych stron internetowych.
     • Linki wewnętrzne pozwalające na przejście pomiędzy stronami projektu.
     • Kotwice umożliwiające nawigację do konkretnej sekcji na stronie.
     • Link umieszczony w obrazie.

4. Tabela:

   • Na jednej ze stron należy umieścić tabelę z zastosowaniem znaczników semantycznych.
   • W tabeli powinny być połączone wiersze i/lub kolumny przy użyciu atrybutów rowspan i colspan.

5. Media:

   • Projekt musi zawierać:
     • Element audio oraz wideo, które można odtworzyć na stronie.
     • Obraz responsywny, który zmienia swój rozmiar wraz z szerokością okna przeglądarki.

6. Listy:

   • W projekcie muszą znaleźć się:
     • Lista nieuporządkowana i uporządkowana.
     • Lista definicyjna.
     • Zagnieżdżona lista.

7. Formatowanie tekstu:

   • Użyj znaczników HTML do formatowania tekstu.
   • W projekcie powinny znaleźć się cytaty oraz bloki cytatów.

8. Metatagi:

   • W każdej stronie powinny być zastosowane odpowiednie metatagi:
     • Kodowanie znaków
     • Respontywność
     • SEO
     • Oznaczenie języka dokumentu

9. Przekierowanie strony:

   • Jeden z linków w projekcie powinien prowadzić do strony, która po kilku sekundach przekieruje użytkownika na stronę główną przy użyciu metatagu.

Cel projektu: Celem projektu jest sprawdzenie praktycznych umiejętności uczniów w zakresie tworzenia i organizowania stron internetowych przy użyciu wyłącznie HTML. Projekt pozwoli uczniom na zastosowanie poznanych technik i rozwiązań do budowy kompletnej, wielostronicowej witryny.

Ocena projektu: Podczas oceny projektu nauczyciel zwróci uwagę na:

• Poprawność struktury HTML i zastosowanie znaczników semantycznych.
• Kompleksowość i funkcjonalność formularza oraz poprawność jego walidacji.
• Obecność wymaganych elementów.
• Zastosowanie metatagów i prawidłowe połączenia między stronami.