From MJanik
(Difference between revisions)
|
|
| Line 14: |
Line 14: |
| | <li> img - wszystkie obrazki powinny mieć ramkę która je owija | | <li> img - wszystkie obrazki powinny mieć ramkę która je owija |
| | </ul> | | </ul> |
| | + | |
| | | | |
| | Dodatkowo, dla wybranych elementów stworzyć klasy, które będą w szczególny sposób wyróżniać dany tekst. | | Dodatkowo, dla wybranych elementów stworzyć klasy, które będą w szczególny sposób wyróżniać dany tekst. |
| Line 22: |
Line 23: |
| | | | |
| | <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]. |
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.
