From MJanik
(Difference between revisions)
|
|
| Line 1: |
Line 1: |
| | <h1>Zadanie #2</h1> | | <h1>Zadanie #2</h1> |
| - |
| |
| - |
| |
| | | | |
| | <h2>Wygląd strony: użycie tabeli</h2> | | <h2>Wygląd strony: użycie tabeli</h2> |
| Line 17: |
Line 15: |
| | </ul> | | </ul> |
| | | | |
| | + | Dodatkowo, dla wybranych elementów stworzyć klasy, które będą w szczególny sposób wyróżniać dany tekst. |
| | + | <ul> |
| | + | <li> Czcionka stopki powinna być mniejsza oraz pochylona. |
| | + | <li> Jeden z linków w menu powinien być wyróżniony (podświetlać się na inny kolor). |
| | + | </ul> |
| | | | |
| | <br><br> | | <br><br> |
| | Poprawność swojego kodu możesz sprawdzić za pomocą strony [http://validator.w3.org/#validate_by_uri+with_options W3C Markup Validation Service]. </p> | | Poprawność swojego kodu możesz sprawdzić za pomocą strony [http://validator.w3.org/#validate_by_uri+with_options W3C Markup Validation Service]. </p> |
Revision as of 11:06, 11 November 2015
Zadanie #2
Wygląd strony: użycie tabeli
Przy użyciu tabel zmodyfikować wygląd (ang. "layout") swojej strony w ten sposób, by posiadała menu po lewej stronie, pasek na banner oraz stopkę.
Można się posiłkować poniższym przykładem:
Wygląd strony: grafika oraz kolory
Napisać plik css oraz zastosować go do utworzonych stron. Plik ze stylami powinien zawierać zestaw uniwersalnych stylów dla elementów:
- body - tło, domyślny kolor, krój i rozmar tekstu, marginesy
- a - kolor linków (ze zmianą wyglądu po najechaniu kursorem)
- img - wszystkie obrazki powinny mieć ramkę która je owija
Dodatkowo, dla wybranych elementów stworzyć klasy, które będą w szczególny sposób wyróżniać dany tekst.
- Czcionka stopki powinna być mniejsza oraz pochylona.
- Jeden z linków w menu powinien być wyróżniony (podświetlać się na inny kolor).
Poprawność swojego kodu możesz sprawdzić za pomocą strony W3C Markup Validation Service. </p>
