# Egzamin zawodowy — zadanie PE

> Źródło: matura.lol — https://matura.lol/question/e14-2015-styczen-egzamin-zawodowy-praktyczny/zad/PE
> Wersja Markdown strony zadania (dla asystentów AI). Przy cytowaniu podaj matura.lol i link powyżej.

- arkusz: Egzamin zawodowy E14 · styczeń 2015
- rok: 2015
- typ: open

## Treść

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
1. 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.
2. Rodzaj czcionki i rozmiar dobierz według uznania.
3. Menu złożone jest z dwóch linków prowadzących do podstron: proste działania i potęgowanie.
4. Baner stanowi link do strony głównej. Z każdej podstrony można przejść do strony głównej klikając
baner.
Menu Treść strony
- proste działania
- potęgowanie
Rysunek 1. Struktura strony internetowej
Wymagania dotyczące banera
1. Baner ma wymiary 800 px na 100 px. Jego wygląd przedstawia rysunek 1.
2. Tło banera powinno być wypełnione dowolnym odcieniem koloru niebieskiego.
3. Czcionka napisu jest dowolna, ale uwzględnia standard kodowania polskich znaków ISO-8859-2;
kolor czcionki czarny.
4. Wypełnienie kształtów - dowolny odcień koloru zielonego, krawędzie kształtów - szerokości
minimum 4 px i kolor czarny .
5. Plik banera powinien być zapisany w formacie JPEG. Nazwij go baner.jpg.
Wymagania dotyczące treści strony głównej
1. Strona główna nosi nazwę index.html.
2. Treść strony głównej to (w wykropkowane miejsce wstaw swój numer PESEL):
Znajdujesz się na stronie o tematyce matematycznej.
Mój PESEL to: cee see see eee see ea te cee eee
3. Czcionka powinna być pochylona.
Wymagania dotyczące podstrony „Proste działania”
1. Podstrona proste działania nosi nazwę stronal.html.
2. Tytuł „PROSTE DZIAŁANIA” powinien być umieszczony w odpowiednim znaczniku sekcji jako
nagłówek 1.
3. Treść strony przedstawiona jest na rysunku 2.
PROSTE DZIAŁANIA
Podaj pierwszą liczbę:
Podaj drugą liczbę:
( DODAWANIE | [ ODEJMOWANIE | [ MNOŻENIE
Rysunek 2. Podstrona proste działania
4. Działanie wszystkich przycisków zaimplementuj w języku Java Script.
5. 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 równa zero. Jeśli tak, wyświetli tekst
Nie wolno dzielić przez zero.
6. W innym przypadku skrypt wykona działania dodawania, odejmowania, mnożenia lub dzielenia
liczb, w zależności od wybranego przycisku.
7. Po wykonaniu działania zostanie wyświetlony wynik poprzedzony tekstem: Wynik działania wynosi:
8. Komunikaty oraz wyniki powinny być wyświetlone w treści strony pod przyciskami.
Wymagania dotyczące podstrony „Potęgowanie”
1. Podstrona potęgowanie nosi nazwę strona2.php.
2. Tytuł „POTĘGOWANIE” powinien być umieszczony w odpowiednim znaczniku sekcji
nagłówkowej, oraz w treści strony jako nagłówek 1.
3. Treść strony przedstawiona jest na rysunku 3. Pola danych umożliwiają wpisanie jedynie wartości
liczbowych
POTĘGOWANIE
Podaj podstawę potęgi:
Podaj dodatni, całkowity wykładnik potęgi:
{ POTĘGOWANIE |
Rysunek 3. Treść podstrony potęgowanie
4. Działanie przycisku POTĘGOWANIE zaimplementuj w języku PHP.
5. Po wybraniu przycisku POTEGOWANIE, 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.
6. Gdy dane są poprawne, skrypt obliczy potęgę dla dowolnych liczb naturalnych.
7. Po wykonaniu działania zostanie wyświetlony wynik poprzedzony tekstem: Wynik działania wynosi:
8. Komunikaty oraz wynik powinny być wyświetlone w treści strony pod przyciskiem.
Przykład:
« podstawa potęgi: 2, wyktadnik: 3, wynik potęgowania wynosi 8,
e dla wykładnika równego 0, przy dowolnej wartości podstawy potęgi wynik wynosi 1.
Czas przeznaczony na wykonanie zadania wynosi 150 minut.
Ocenie podlegać będą 4 rezultaty:
- baner strony internetowej,
- strona główna i struktura witryny,
- podstrona „Proste działania”,
- podstrona „Potęgowanie”.

## Odpowiedź

**Odpowiedź (oficjalny klucz CKE):** Oznaczenie kwalifikacji: E.14
Numer zadania: 01
Lp.
Rezultaty podlegające ocenie/kryteria oceny
R.1
Rezultat 1: Wykonany baner strony internetowej
R.1.1
Baner jest plikiem o nazwie baner.jpg, format JPEG
R.1.2
Baner ma wymiary 800px na 100px (+- 2 px)
R.1.3
Baner ma tło w dowolnym odcieniu niebieskiego
R.1.4
Na banerze znajduje się napis DZIAŁANIA MATEMATYCZNE w kolorze
czarnym, dowolną czcionką
R.1.5
Na banerze znajdują się dwa kształty, są one zgodne ze wzorem
zamieszczonym w treści zadania
R.1.6
Figury posiadają wypełnienie w dowolnym odcieniu zielonego koloru, krawędź w
kolorze czarnym
R.2
Rezultat 2: Wykonana strona główna i struktura witryny
R.2.1
Plik ze stroną główną nazywa się index.html
R.2.2
Strona głowna ma układ zgodny z wzorem zamieszczonym w treści zadania
R.2.3
Podstrona "Proste działania" ma układ zgodny z wzorem zamieszczonym w
treści zadania
R.2.4
Podstrona "Potęgowanie" ma układ zgodny z wzorem zamieszczonym w treści
zadania
R.2.5
Z podstrony "Proste działania" można przejść do strony głównej klikając baner
R.2.6
Z podstrony "Potęgowanie" można przejść do strony głównej klikając baner
R.2.7
Linki menu działają poprawnie - przenoszą na podstrony „proste działania” i
„potęgowanie”
R.2.8
Na stronie głównej wyświetla się tekst:: Znajdujesz się na stronie o tematyce
matematycznej. Mój PESEL to: (PESEL zdającego)
R.2.9
Tekst na stronie głównej jest pochylony
R.3
Rezultat 3: Wykonana podstrona „Proste działania”
R.3.1
Tytuł PROSTE DZIAŁANIA został umieszczony w znaczniku <title> w sekcji
<head> strony lub tytuł treści PROSTE DZIAŁANIA został umieszczony w
znaczniku <h1> strony
R.3.2
Formularz na stronie zawiera dwa pola do wpisania danych oraz cztery przyciski
z nazwami DODAWANIE, ODEJMOWANIE, MNOŻENIE, DZIELENIE
R.3.3
Po niekompletnym wypełnieniu danych (jedno pole puste lub oba pola puste) i
naciśnięciu dowolnego przycisku wyświetlany jest tekst: „Proszę uzupełnić obie
liczby”.
R.3.4
Po wpisaniu w pierwsze pole dowolnej liczby a w drugie pole liczby 0
i naciśnięciu przycisku DZIELENIE wyświetlany jest tekst „Nie wolno dzielić
przez zero”
R.3.5
Po wpisaniu liczb naturalnych w oba pola i wybraniu przycisku DODAWANIE
wypisany jest wynik dodawania
R.3.6
Po wpisaniu liczb naturalnych w oba pola i wybraniu przycisku ODEJMOWANIE
wypisany jest wynik odejmowania
Nazwa kwalifikacji: Tworzenie aplikacji internetowych i baz danych oraz
administrowanie bazami
Kod arkusza : E.14-01-15.01
R.3.7
Po wpisaniu liczb naturalnych w oba pola i wybraniu przycisku MNOŻENIE
wypisany jest wynik mnożenia
R.3.8
Po wpisaniu liczb naturalnych dodatnich w oba pola i wybraniu przycisku
DZIELENIE wypisany jest wynik dzielenia
R.3.9
Wyniki oraz informacja o błędach wypisywane są w treści strony, pod
przyciskami
R.4
Rezultat 4: Wykonana podstrona „Potęgowanie”
R.4.1
Tytuł POTĘGOWANIE został umieszczony w znaczniku <title> w sekcji <head>
strony
R.4.2
Tytuł POTĘGOWANIE został umieszczony w znaczniku <h1> strony
R.4.3
Formularz na stronie zawiera dwa pola do wpisania liczb oraz przycisk
POTĘGOWANIE
R.4.4
Pola danych umożliwiają przyjecie jedynie wartości liczbowych
R.4.5
Po niekompletnym wypełnieniu danych (jedno pole puste lub oba pola puste) i
naciśnięciu przycisku potęgowanie wyświetlony jest tekst: „Wpisz podstawę i
wykładnik potęgi”
R.4.6
Po wprowadzeniu liczby ujemnej w pole wykładnik i naciśnięciu przycisku
potęgowanie wyświetlony jest tekst Wykładnik potęgi musi być dodatni
R.4.7
Po
wprowadzeniu
liczb
naturalnych
dodatnich
i
naciśnięciu
przycisku
potęgowanie obliczana jest potęga i wypisywany wynik (sprawdzić na liczbach
nie większych niż 10)
R.4.8
Po wprowadzeniu liczby naturalnej dodatniej jako podstawa i wprowadzeniu
liczby 0 jako wykładnik, wynik potęgowania jest równy 1
R.4.9
Wynik
oraz informacja
o
błędach
wypisywane
są
w treści
strony, pod
przyciskiem POTĘGOWANIE

## Linki

- [oryginalny arkusz — PDF](https://matura.lol/pdf/e14-2015-styczen-egzamin-zawodowy-praktyczny#page=2)
- [dane JSON](https://matura.lol/api/question/e14-2015-styczen-egzamin-zawodowy-praktyczny/zad/PE)
- [otwórz w wyszukiwarce](https://matura.lol/?problem=e14-2015-styczen-egzamin-zawodowy-praktyczny%2Fzad%2FPE)

## Podobne zadania

- [Zadanie PE](https://matura.lol/question/e14-2015-wrzesien-egzamin-zawodowy-praktyczny/zad/PE) — Zadanie egzaminacyjne Utwórz witrynę internetową, bazę danych oraz grafiki. Wykorzystaj edytor tekstu kolorujący składnię lub/i edytor WYSIWYG, programy graficz
- [Zadanie PE](https://matura.lol/question/e14-2015-czerwiec-egzamin-zawodowy-praktyczny/zad/PE) — Zadanie egzaminacyjne Wykonaj bazę danych, zestaw grafik oraz stronę internetową dla zespołów medycznych zgodnie z wymaganiami dotyczącymi bazy danych, grafiki 
- [Zadanie PE](https://matura.lol/question/e14-2014-wrzesien-egzamin-zawodowy-praktyczny/zad/PE) — Zadanie egzaminacyjne Utwórz bazę danych i stronę internetową zgodnie z wytycznymi. 1. BAZA DANYCH - Oprogramowanie do tworzenia bazy danych: Microsoft Access. 
- [Zadanie PE](https://matura.lol/question/e14-2016-pazdziernik-egzamin-zawodowy-praktyczny/zad/PE) — Zadanie egzaminacyjne Wykonaj witrynę internetową. Do tego celu wykorzystaj edytor zaznaczający składnię HTML, program do obróbki grafiki rastrowej oraz program

_Ostatnia aktualizacja danych: 2026-10-07_