From MJanik
(Difference between revisions)
|
|
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> |
Revision as of 12:07, 20 November 2015
Zadanie #3
Dziś napiszemy kilka śmiesznych skryptów. Każdy z nich należy podlinkować pod stronę główną.
Testowanie
Poprawność swojego kodu PHP możesz sprawdzić za pomocą strony http://phptester.net/.
Rzut kostką
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.
Obliczanie silni
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ć.
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
Wakacje
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.