Galeria obrazów z przyciskami nawigacji

Część praktyczna egzaminu z kwalifikacji EE.09 „Programowanie, tworzenie i administrowanie stronami internetowymi i bazami danych” (formuła 2017, poprzedniczka INF.03) z sesji styczeń 2023 (zadanie 02) trwa 150 minut. Baza gory powstaje z importu pliku szczyty.sql, a import dokumentuje zrzut ekranu w formacie JPEG. W pliku kwerendy.txt zdający zapisuje zapytania wybierające nazwę i pasmo szczytów wyższych niż 1500 m, nazwę najwyższego szczytu, tworzące użytkownika leon@localhost z hasłem oraz nadające mu wyłącznie prawa do manipulowania danymi we wszystkich tabelach bazy gory. Poza zrzutami kw1-kw4 wymagany jest obraz grants.png z wynikiem polecenia SHOW GRANTS przy zaznaczonej opcji „Pełne teksty”.

Plik zdjecie.jpg trzeba wykadrować do orientacji pionowej tak, by był widoczny zamek i fragment gór, w wymiarach zbliżonych do 300 na 424 px. Strona galeria.html w HTML5 z tytułem „Galeria” i arkuszem styl2.css ma baner, dwa bloki obok siebie i stopkę. Lewy blok zawiera zdjęcie dnia, nagłówek i tabelę z autorami zdjęć, a prawy przyciski „prev” i „next”, duże zdjęcie, linię poziomą i pięć miniatur. Stopka zawiera odnośnik do pixabay.com otwierany w nowej karcie i informację o autorze. Styl CSS ustala m.in. krój Garamond, tło MistyRose, kolor czcionki w RGB, cień i paski przewijania lewego bloku, kropkowaną ramkę miniatury po najechaniu kursorem oraz kreskowe obramowanie tabeli.

Skrypt JavaScript składa się z trzech funkcji i zmiennej z numerem aktywnego zdjęcia. Przycisk „next” przechodzi do następnego zdjęcia, a po piątym wraca do pierwszego; „prev” działa odwrotnie, z przejściem z pierwszego na piąte. Kliknięcie miniatury ustawia ją jako aktywne zdjęcie, a nawigacja miniaturami i przyciskami zachowuje wspólny stan.

Ocenie podlegają operacje na bazie danych, zawartość i działanie witryny, styl CSS oraz skrypt JavaScript.