R.2.6 |
W panelu lewym zapisano tabelę o wymiarach 3x3, ostatnia kolumna ma scalone 2 wiersze. Treść tabeli zgodna z Tabelą 1 arkusza |
R.2.7 |
W panelu środkowym umieszczono obraz logo-duze.png z tekstem alternatywnym "ogłoszenia" |
R.2.8 |
W panelu prawym umieszczono pole numeryczne poprzedzone tekstem: "Podaj liczbę ogłoszeń:" oraz pole typu checkbox z tekstem "Policz upust na newsletter" |
R.2.9 |
Umieszczono przycisk z treścią: "Oblicz" |
R.3 |
Rezultat 3: Styl CSS witryny internetowej |
R.3.1 |
Styl CSS zapisano w pliku styl5.css, formatowanie witryny pochodzi od stylów zdefiniowanych w pliku CSS |
R.3.2 |
W pliku CSS ustawiono kolor tła dla banera i stopki na #009999; panelu lewego i prawego: #669999, środkowego: #99CCCC |
R.3.3 |
W pliku CSS ustawiono wyrównanie tekstu dla banera i panelu środkowego do środka i dla stopki do prawej strony |
R.3.4 |
W pliku CSS ustawiono biały kolor czcionki dla banera i stopki |
R.3.5 |
W pliku CSS ustawiono wysokość banera na 80px, paneli lewego, środkowego, prawego na 600px |
R.3.6 |
W pliku CSS ustawiono szerokość paneli lewego i prawego na 30%, środkowego na 40% |
R.3.7 |
W pliku CSS ustawiono styl tabeli/komórek tabeli: obramowanie 1px linią ciągłą, zieloną, wyrównanie tekstu do środka |
R.3.8 |
W pliku CSS ustawiono styl przycisku: bez obramowania, marginesy zewnętrzne: 10px, zielony kolor tła, biały kolor czcionki |
R.3.9 |
W pliku CSS ustawiono styl paneli informacyjnych: krój czcionki Arial, kolor tła #009999, biały kolor czcionki, wyrównanie tekstu do środka, szerokość 25%, wysokość 150px (wystarczą 4 z 6 cech) |
R.4 |
Rezultat 4: Skrypt UWAGA: w R.4.7 dopuszczalne błędy literowe na zasadach opisanych w R2 Jeżeli skrypt nie uruchamia się, to R.4.1- R.4.6 należy sprawdzić w kodzie |
R.4.1 |
Skrypt napisano w języku JavaScript |
R.4.2 |
Do przycisku "Oblicz" przypisano funkcję zdefiniowaną w skrypcie |
R.4.3 |
Skrypt pobiera dane z pola numerycznego (,value) |
R.4.4 |
Skrypt pobiera dane z pola typu checkbox (.checked) |
R.4.5 |
Skrypt oblicza koszt ogłoszeń jako iloczyn ich liczby i ceny zgodnie z tabelą 1 arkusza |
R.4.6 |
Skrypt uwzględnia rabat -0,2 PLN na każde ogłoszenie, gdy zaznaczono checkbox |
R.4.7 |
Wynik działania skryptu jest wyświetlony na stronie pod przyciskiem: "Koszt ogłoszeń: ... PLN", gdzie w miejscu kropek znajduje się obliczona skryptem wartość |