Lekcja 10: Projekt HTML5 – Landing Page

Finał poziomu średniozaawansowanego! Zbudujemy „Landing Page” (stronę lądowania) dla fikcyjnego produktu – napoju „Energy Code”. Wykorzystamy wideo w tle, nawigację na kotwicach, sekcję FAQ z akordeonem i formularz zamówienia z walidacją. To gotowa baza pod Twój przyszły biznes!

Kluczowe zagadnienia:

  • Praktyczne użycie nowych tagów w projekcie.
  • Budowa sekcji One Page.
  • Integracja multimediów i formularzy.

Pytania do filmu:

  1. Co to jest Landing Page? (Odp: Strona jednego produktu/celu).
  2. Jakiego mechanizmu użyliśmy do nawigacji w menu? (Odp: Kotwice/Anchors).
  3. W jakiej sekcji umieściliśmy wideo reklamowe? (Odp: Header).
  4. Jakim tagiem zrobiliśmy sekcję FAQ (pytania i odpowiedzi)? (Odp: <details>).
  5. Jak zabezpieczyliśmy formularz zamówienia? (Odp: Atrybuty required i type).
  6. Czym jest encja użyta w stopce projektu? (Odp: &copy; / Copyright).
  7. Czy w projekcie użyliśmy zewnętrznych ikon? (Odp: Tak, np. Google Icons).
  8. Dlaczego strona jest długa i przewijana? (Odp: Bo to struktura One Page).
  9. Jaki element pozwala wrócić na początek strony? (Odp: Link do góry/top).
  10. Czy ten projekt zawiera kod CSS? (Odp: Nie, tylko strukturę HTML).