HTML+PHP/Zadanie2 - Revision history

Majanik at 12:21, 20 November 2015

2015-11-20T12:21:28Z

← Older revision		Revision as of 12:21, 20 November 2015
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~~	+

Majanik at 12:10, 20 November 2015

2015-11-20T12:10:24Z

← Older revision		Revision as of 12:10, 20 November 2015
Line 8:		Line 8:
	<h2>Rzut kostką</h2>		<h2>Rzut kostką</h2>

-	Strona z nagłówkiem "Rzut kostką". Poniżej wyświetla wylosowananą liczbę od 1 do 6~~. Ładniejszym formatowaniem wyglądu zajmiemy się w piątek~~.	+	Strona z nagłówkiem "Rzut kostką". Poniżej wyświetla wylosowananą liczbę od 1 do 6.

	<h2>Obliczanie silni </h2>		<h2>Obliczanie silni </h2>
Line 30:		Line 30:

	<br>		<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

Majanik at 12:07, 20 November 2015

2015-11-20T12:07:21Z

← Older revision		Revision as of 12:07, 20 November 2015
Line 1:		Line 1:
-	<h1>Zadanie #2</h1>	+	<h1>Zadanie #3</h1>

-	~~<h2>Wygląd strony: użycie tabeli</h2>~~	+	Dziś napiszemy kilka śmiesznych skryptów. Każdy z nich należy podlinkować pod stronę główną.
-	~~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:~~	+	<h2>Testowanie</h2>
-	[http://~~www~~.~~if.pw.edu.pl~~/~~~majanik~~/~~data~~/~~test2~~.~~html Testowy layout~~].	+	Poprawność swojego kodu PHP możesz sprawdzić za pomocą strony [http://phptester.net/ http://phptester.net/].

-	<h2>~~Wygląd strony: grafika oraz kolory~~</h2>	+	<h2>Rzut kostką</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. Ładniejszym formatowaniem wyglądu zajmiemy się w piątek.

-	~~Dodatkowo, dla wybranych elementów stworzyć klasy, które będą w szczególny sposób wyróżniać dany tekst.~~	+	<h2>Obliczanie silni </h2>
-	<ul>	+	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ć.
-	<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~~].	+	Wskazówka: aby sprawdzić, czy parametr został podany, należy skorzystać z dyrektywy isset, np.:
		+	if (!isset ($_GET['silnia']) echo 'Nie podałeś parametru!');
		+	Odliczanie czasu do końca wakacji

-	<br><br>	+	<h2>Wakacje</h2>
-	~~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>

Majanik at 12:07, 11 November 2015

2015-11-11T12:07:45Z

← Older revision		Revision as of 12:07, 11 November 2015
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].

Majanik at 11:06, 11 November 2015

2015-11-11T11:06:55Z

← Older revision		Revision as of 11:06, 11 November 2015
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].

Majanik at 11:06, 11 November 2015

2015-11-11T11:06:39Z

← Older revision		Revision as of 11:06, 11 November 2015
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>

Majanik: Created page with "

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 s..."

2015-11-11T11:00:07Z

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..."

New page

<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 stronie, pasek na banner oraz stopkę.

Można się posiłkować poniższym przykładem:

<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>

<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>