From MJanik
(Difference between revisions)
|
|
| (3 intermediate revisions not shown) |
| Line 5: |
Line 5: |
| | | | |
| | Można się posiłkować poniższym przykładem: | | Można się posiłkować poniższym przykładem: |
| - | | + | [http://www.if.pw.edu.pl/~majanik/data/test2.html Testowy layout]. |
| | | | |
| | <h2>Wygląd strony: grafika oraz kolory</h2> | | <h2>Wygląd strony: grafika oraz kolory</h2> |
| Line 21: |
Line 21: |
| | <li> Jeden z linków w menu powinien być wyróżniony (podświetlać się na inny kolor). | | <li> Jeden z linków w menu powinien być wyróżniony (podświetlać się na inny kolor). |
| | </ul> | | </ul> |
| | + | |
| | + | Na koniec należy upiększyć stronę. Można się posiłkować na przykład poniższym przykładem: [http://doktoranci.if.pw.edu.pl/ strona z nieruchomym tłem i nawigacją u góry]. |
| | | | |
| | <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]. | | Poprawność swojego kodu możesz sprawdzić za pomocą strony [http://validator.w3.org/#validate_by_uri+with_options W3C Markup Validation Service]. |
Latest revision as of 12:21, 20 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:
Testowy layout.
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).
Na koniec należy upiększyć stronę. Można się posiłkować na przykład poniższym przykładem: strona z nieruchomym tłem i nawigacją u góry.
Poprawność swojego kodu możesz sprawdzić za pomocą strony W3C Markup Validation Service.
