From MJanik

Revision as of 12:10, 20 November 2015 (view source) Majanik (Talk | contribs) ← Older edit		Latest revision as of 12:21, 20 November 2015 (view source) Majanik (Talk | contribs)
Line 1:		Line 1:
-	<h1>Zadanie #3</h1>	+	<h1>Zadanie #2</h1>
-	Dziś napiszemy kilka śmiesznych skryptów. Każdy z nich należy podlinkować pod stronę główną.	+	<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 stronie, pasek na banner oraz stopkę.
-	<h2>Testowanie</h2>	+	Można się posiłkować poniższym przykładem:
-	Poprawność swojego kodu PHP możesz sprawdzić za pomocą strony [http://phptester.net/ http://phptester.net/].	+	[http://www.if.pw.edu.pl/~majanik/data/test2.html Testowy layout].
-	<h2>Rzut kostką</h2>	+	<h2>Wygląd strony: grafika oraz kolory</h2>
		+	Napisać plik css oraz zastosować go do utworzonych stron. Plik ze stylami powinien zawierać zestaw uniwersalnych stylów dla elementów:
		+	<ul>
		+	<li> body - tło, domyślny kolor, krój i rozmar tekstu, marginesy
		+	<li> a - kolor linków (ze zmianą wyglądu po najechaniu kursorem)
		+	<li> img - wszystkie obrazki powinny mieć ramkę która je owija
		+	</ul>
-	Strona z nagłówkiem "Rzut kostką". Poniżej wyświetla wylosowananą liczbę od 1 do 6.
-	<h2>Obliczanie silni </h2>	+	Dodatkowo, dla wybranych elementów stworzyć klasy, które będą w szczególny sposób wyróżniać dany tekst.
-	Skrypt obliczający silnię podaną w URL jako jeden parametr typu GET. Jeśli liczba jest ujemna, wyświetla się błąd. Jeśli nie podano liczby w URL, należy wyświetlić podpowiedź, jak należy to zrobić.	+	<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>
-	Wskazówka: aby sprawdzić, czy parametr został podany, należy skorzystać z dyrektywy isset, np.:	+	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].
-	if (!isset ($_GET['silnia']) echo 'Nie podałeś parametru!');	+
-	Odliczanie czasu do końca wakacji	+
-	<h2>Wakacje</h2>	+	<br><br>
-		+	Poprawność swojego kodu możesz sprawdzić za pomocą strony [http://validator.w3.org/#validate_by_uri+with_options W3C Markup Validation Service].
-	Skrypt wyświetlający informację w stylu:	+
-	Dziś jest dd.mm.rrrr,	+
-	do wakacji pozostało	+
-	xx dni,	+
-	tj. yy godzin,	+
-	tj. zz minut,	+
-	tj. qq sekund.	+
-		+
-	Wskazówka: oby pozbyć się części ułamkowej z wyniku dzielenie, możemy zastosować rzutowanie na typ całkowity, np. zamiast $godziny napiszemy (int) $godziny.	+
-		+
-	<br>	+
-		+
-	<h2>Dodatkowe</h2>	+
-	- Zmodyfikowac rzut kostka w ten sposob, by losowac liczbe dla kostki o dowolnej liczbie scianek (podanej jako parametr typu GET). Np. kostkami K4, K10, K12.	+
-		+
-	- Formatowanie kostki	+

---

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.