# Egzamin zawodowy — zadanie PE

> Źródło: matura.lol — https://matura.lol/question/a25-2014-wrzesien-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 A25 · wrzesień 2014
- rok: 2014
- typ: open

## Treść

Zadanie egzaminacyjne
Uzupełnij stronę internetową o grafikę w nagłówku oraz o galerię zdjęć.
Uzyskany efekt powinien być analogiczny do przedstawionego w projekcie graficznym wizualizacji,
zapisanym w plikach: projekt zrzutl.tiff oraz projekt zrzut2.tifj, które znajdują się w folderze
A25 egzamin_praktyczny umieszczonym na pulpicie komputera znajdującego się na stanowisku
egzaminacyjnym.
Nasunięcie kursora myszki na miniaturę powinno wyświetlać zaznaczone zdjęcie w dużym wymiarze,
zgodnie z widokiem przedstawionym w pliku projekt zrzut2.tiff.
Galerię należy utworzyć wyłącznie w oparciu o język HTMLS i CSS (galeria sporządzona w językach
skryptowych typu JavaScript nie będzie oceniania).
Galeria powinna działać prawidłowo w 3 różnych przeglądarkach internetowych, które są udostępnione na
komputerze.
Należy zapewnić, aby całość strony była zgodna z aktualnymi standardami W3C.
W celu realizacji zadania wykonaj następujące czynności:
1. ze zdjęcia JB2.tiff przygotuj grafikę jasneblonia.jpg do nagłówka strony; przytnij i przeskaluj zdjęcie
zgodnie z projektem wizualizacji (czyli 900 x 280 px); pozostałe parametry dobierz tak, aby wielkość
otrzymanego pliku nie była większa niż 50 kB, zapisz w formacie JPG do folderu Jasne Blonia/foto,
2. przygotuj materiały do galerii część I: ze zdjęć JBI.tifj, JB2.tiff, JB3.tiff, JB4.tiff, JBS.tiff, JB6.tiff
wykonaj zdjęcia JB/.jpg, JB2.jpg, JB3.jpg, JB4.jpg, JB5 jpg, JBó.jpg o wymiarach 600 x 450 px
i rozdzielczości 300 dpi i umieść w folderze Jasne_Blonia/foto,
3. przygotuj materiały do galerii część II: ze zdjęć JBI jpg, JB2.jpg, JB3.jpg, JB4.jpg, JB5.jpg, JB6.jpg
wykonaj miniaturki JBImin.jpg, JB2min.jpg, JB3min.jpg, JB4min.jpg, JBSmin jpg, JBómin.jpg
o wymiarach 80 x 60 px i rozdzielczości 300 dpi i umieść w folderze Jasne _Blonia/miniatury,
4. dopisz w plikach: index.html (w kontenerze <div class="galeria”>) oraz style.css kod tworzący
galerię zdjęć zgodnie z otrzymanym projektem graficznym i założeniami, pamiętaj o przestrzeganiu
poprawności kodu (zgodności zapisów plików html oraz css ze standardami W3C),
5. zmień nazwę folderu z Jasne Blonia na Jasne Blonia_ PESEL gdzie PESEL to Twój numer PESEL,
6. zmień nazwę folderu 425 egzamin praktyczny na A25 egzamin PESEL gdzie PESEL to Twój
numer PESEL.
Do wykonania zadania wykorzystaj gotową strukturę folderu 425 _egzamin_praktyczny zlokalizowanego na
pulpicie komputera, oraz umieszczone w nim pliki:
- index.html, w którym należy dołączyć galerię zdjęć zgodnie z projektem,
- style.css - odpowiadający za wizualizację strony, w którym należy dopisać całość kodu
odpowiadającego za galerię zdjęć,
- Alfabetyczna lista_stylow.pdf,
a także w folderze materialy zdjęcia w formacie TIFF: JB/.tiff, JB2.tiff, JB3.tifj, JB4.tiff, JBS.tiff, JBÓ.tiff.
Czas przeznaczony na wykonanie zadania wynosi 180 minut.
Ocenie podlegać będą 3 rezultaty:
- Materiały cyfrowe przygotowane do publikacji,
- Strona internetowa z galerią zdjęć,
- Kod html i deklaracje css.

## Odpowiedź

**Odpowiedź (oficjalny klucz CKE):** Wykonywanie i realizacja projektów multimedialnych
A.25
01
A.25-01-14.08
Lp.
Rezultaty podlegające ocenie/kryteria oceny
R.1
Rezultat 1: Materiały cyfrowe przygotowane do publikacji
R.1.1
W folderze Jasne_Blonia_PESEL/foto znajdują się pliki o nazwach odpowiednio: jasneblonia, JB1, JB2,
JB3, JB4, JB5, JB6.
R.1.2
W folderze Jasne_Blonia_PESEL/foto znajdują się pliki: jasneblonia, JB1, JB2, JB3, JB4, JB5, JB6
zapisane w formacie JPEG.
R.1.3
W folderze Jasne_Blonia_PESEL/foto znajduje się plik: jasneblonia.jpg o wielkości 900 x 280 px.
R.1.4
W folderze Jasne_Blonia_PESEL/foto znajdują się pliki: JB1.jpg, JB2.jpg, JB3.jpg, JB4.jpg, JB5.jpg,
JB6.jpg o wielkości 600 x 450 px.
R.1.5
W folderze Jasne_Blonia_PESEL/foto znajdują się pliki: JB1, JB2, JB3, JB4, JB5, JB6 o rozdzielczości 300
dpi.
R.1.6
Plik jasneblonia.jpg ma rozmiar mniejszy niż 50 kB.
R.1.7
W folderze Jasne_Blonia_PESEL/miniatury znajdują się pliki o nazwach odpowiednio: JB1min, JB2min,
JB3min, JB4min, JB5min, JB6min .
R.1.8
W folderze Jasne_Blonia_PESEL/miniatury znajdują się pliki: JB1min, JB2min, JB3min, JB4min, JB5min,
JB6min .o wymiarach 80 x 60 px.
R.1.9
W folderze Jasne_Blonia_PESEL/miniatury znajdują się pliki odpowiednio: JB1min, JB2min, JB3min,
JB4min, JB5min, JB6min o rozdzielczości 300 dpi.
R.2
Rezultat 2: Strona internetowa z galerią zdjęć
R.2.1
Na stronie po załadowaniu w przeglądarce baner górny umiejscowiony jak w projekcie przedstawionym w
pliku projekt_zrzut1.tiff .
R.2.2
Na stronie po załadowaniu w przeglądarce tekst umiejscowiony jak w projekcie przedstawionym w pliku
projekt_zrzut1.tiff .
R.2.3
Na stronie po załadowaniu w przeglądarce miniatury umiejscowione jak w projekcie przedstawionym w pliku
projekt_zrzut1.tiff .
R.2.4
Nasunięcie kursora myszy na kolejne 6 miniaturek - powoduje wyświetlenie się powyżej, odpowiadającego
miniaturce, dużego zdjęcia.
R.2.5
Wyświetlane duże zdjęcia w galerii są wyśrodkowane względem okna przeglądarki.
R.2.6
Wyświetlane duże zdjęcia w galerii mają czarne obramowanie.
R.2.7
Gotowa strona otwiera się w trzech przeglądarkach (Chrome, Firefox, MSIE/Safari/Konqueror)
R.2.8
Galeria na stronie WWW działa poprawnie w trzech przeglądarkach (Chrome, Firefox,
MSIE/Safari/Konqueror)
R.3
Rezultat 3: Kod html i deklaracje css
R.3.1
Plik index.html jest zgodny ze standardami W3C - walidacja http://validator.w3.org/#validate_by_upload -
(pojawiają się max 3 błędy).
R.3.2
Plik style.css jest zgodny ze standardami W3C - walidacja http://jigsaw.w3.org/css-
validator/#validate_by_upload - bez błędów.
Numer
zadania:
Kod
arkusza:
Nazwa
kwalifikacji:
Oznaczenie
kwalifikacji:

## Linki

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

_Ostatnia aktualizacja danych: 2026-10-03_