2024-05-19 08:06:57
  • Hello!
  • Whats ya doin?
  • ByeBye

[&]

18.217.135.23

Zadanie ostylowania dokumentu

exercises: #26-doc-style.html

Ostylowanie dokumentu wg. wzorca

Przygotowanie

  1. Utwórz katalog 26-doc-style do pracy

  2. Pobierz archiwum o nazwie bieżącego ćwiczenia i wypakuj do utworzonego katalogu

1 Wzorzec strony

Należy przygotować arkusz CSS zawierający selektory z regułami odpowiadające częścią dokumentu zgodnie z poniższym wzorcem:

Części strony:

  • Nagłowek (czarna belka)

    • Menu aplikacji (lewa krawędź)

    • Kalendarz (data i godzina)

    • Adres IP (prawa krawędź)

  • Główna treść dokumentu (z obrazem wzorca po prawej strony)

  • Stopka / pasek aplikacji

2 Wytyczne odnośnie implementacji
  • Nie należy ingerować w strukturę dokumentu HTML

  • Można dodawać atrybuty klas

  • Nie można usuwać obrazów ze strony - należy nadać im wysokość i szerokość poprzez reguły CSS

  • Nagłówek i Stopka (panel aplikacji) powinny być wypozycjonowane nad Treścią główną pozostając nieruchomo w oknie przeglądarki podczas przewijania Treści głównej

code

Podsumowanie

  1. None or Empty