May 1, 2025, Thursday, 120

HTML+PHP/Zadanie2

From MJanik

(Difference between revisions)
Jump to: navigation, search
(Created page with "<h1>Zadanie #2</h1> <h2>Wygląd strony: użycie tabeli</h2> Przy użyciu tabel zmodyfikować wygląd (ang. "layout") swojej strony w ten sposób, by posiadała menu po lewej s...")
 
(5 intermediate revisions not shown)
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 7: 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 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>
 +
 +
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]. </p>
+
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.

Retrieved from "http://www.if.pw.edu.pl/~majanik/wiki/index.php/HTML%2BPHP/Zadanie2"