Zadanie egzaminacyjne
Wykonaj stronę internetową o tematyce matematycznej, uwzględniając wymagania dotyczące struktury strony, treści podstron i banera. Do wykonania zadania wykorzystaj edytor tekstu kolorujący składnię lub/i edytor WYSIWYG oraz programy graficzne. Do testowania strony wykorzystaj serwer HTTP z obsługą języka PHP.Na stanowisku egzaminacyjnym znajduje się komputer z zainstalowanym systemem operacyjnym i oprogramowaniem, a także dokumentacja w postaci spisu zainstalowanego oprogramowania. Zaloguj się na konto egzamin z uprawnieniami administratora, zabezpieczone hasłem egz@min. Po wykonanej pracy stwórz na pulpicie folder nazwany Twoim numerem PESEL i skopiuj do niego wszystkie pliki źródłowe i grafikę składające się na stronę internetową.
Wymagania dotyczące struktury strony internetowej
- Strona główna oraz podstrony mają układ zgodny z rysunkiem 1. Baner oraz menu są stałe dla wszystkich podstron witryny. Zmienia się tylko treść strony.
- Rodzaj czcionki i rozmiar dobierz według uznania.
- Menu złożone jest z dwóch linków prowadzących do podstron: proste działania i potęgowanie.
- Baner stanowi link do strony głównej. Z każdej podstrony można przejść do strony głównej klikając baner.
Rysunek 1. Struktura strony internetowej
- Baner ma wymiary 800 px na 100 px. Jego wygląd przedstawia rysunek 1 .
- Tło banera powinno być wypełnione dowolnym odcieniem koloru niebieskiego.
- Wypełnienie kształtów - dowolny odcień koloru zielonego, krawędzie kształtów - szerokość minimum 4 px i kolor czarny.
- Czcionka napisu jest dowolna, ale uwzględnia standard kodowania polskich znaków ISO - 8859 - 2; kolor czcionki czarny.
- Plik banera powinien być zapisany w formacie JPEG. Nazwij go baner.jpg.
- Strona główna nosi nazwę index.html.
- Treść strony głównej to (w wykropkowane miejsce wstaw swój numer PESEL)
Znajdujesz się na stronie o tematyce matematycznej.
Mój PESEL to: .................................... - Czcionka powinna być pochylona.
- Podstrona proste działania nosi nazwę strona1.html.
- Tytuł "PROSTE DZIAŁANIA" powinien być umieszczony w odpowiednim znaczniku sekcji jako nagłówek 1.
- Treść strony przedstawiona jest na rysunku 2.
Rysunek 2. Podstrona proste działania - Działanie wszystkich przycisków zaimplementuj w języku JavaScript.
- Po wciśnięciu dowolnego z
przycisków, skrypt sprawdzi czy
a. Jedno lub oba pola są puste, jeśli tak wyświetli tekst: Proszę uzupełnić obie liczby.
b. po wciśnięciu przycisku DZIELENIE, druga liczba jest zero. Jeśli tak, wyświetli tekst Nie wolno dzielić przez zero. - W innym przypadku skrypt wykona działania dodawania, odejmowania, mnożeni a lub dzielenia liczb, w zależności od wybranego przycisku.
- Podstrona potęgowanie działania nosi nazwę strona2.php.
- Tytuł "POTĘGOWANIE" powinien być umieszczony w odpowiednim znaczniku sekcji nagłówkowej, oraz w treści strony jako nagłówek 1.
- Treść strony przedstawiona jest na rysunku 3. Pola danych umożliwiają wpisanie jedynie wartości liczbowych.
Rysunek 3. Treść podstrony potęgowanie - Po wybraniu przycisku POTĘGOWANIE, skrypt powinien sprawdzić czy
a . podstawa i wykładnik zostały wprowadzone. Jeśli nie, wypisany jest tekst: Wpisz podstawę i wykładnik potęgi.
b. wykładnik potęgi jest dodatni. Jeśli nie, wypisany jest tekst: Wykładnik potęgi musi być dodatni. - Gdy dane są poprawne, skrypt obliczy potęgę dla dowolnych liczb naturalnych.
- Po wykonaniu działania zostanie wyświetlony wynik poprzedzony tekstem: Wynik działania wynosi:
- Komunikaty oraz wyniki powinny być wyświetlone w treści strony pod przyciskami.
- podstawa potęgi: 2, wykładnik: 3, wynik potęgowani a wynosi 8,
- dla wykładnika równego 0, przy dowolnej wartości podstawy potęgi wynik wynosi 1.
Ocenie podlegać będą 4 rezultaty:
- baner strony internetowej,
- strona główna i struktura witryny,
- podstrona Proste działania,
- podstrona Potęgowanie.
Kryteria oceny:
http://egzamin-e14.blogspot.com/2016/10/kryteria-oceny-e14-01-1501.html
Przykładowe rozwiązanie
http://egzamin-e14.blogspot.com/2017/01/rozwiazanie-arkusza-e14-01-1501.html
http://egzamin-e14.blogspot.com/2016/10/kryteria-oceny-e14-01-1501.html
Przykładowe rozwiązanie
http://egzamin-e14.blogspot.com/2017/01/rozwiazanie-arkusza-e14-01-1501.html