Witryna matematyczna pola figur

Praktyczny egzamin z kwalifikacji INF.03 „Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych” trwa 150 minut i sprawdza przygotowanie prostej witryny internetowej z grafiką, CSS oraz JavaScriptem po stronie klienta. Praca zaczyna się od rozpakowania materiałów i przygotowania animacji GIF: z pliku klatki.jpg trzeba utworzyć pięć klatek 200 × 200 px, ustawić zapętlenie bez końca oraz jednosekundowe opóźnienie, a parametry udokumentować zrzutem ekranu parametry.jpg. Główna część to dwie strony HTML5: index.html oraz kolo.html, połączone wspólnym arkuszem styl.css. Układ wykorzystuje semantyczne znaczniki HTML5, nagłówek, menu, sekcję, panel boczny i stopkę z numerem zdającego. Strona index.html prezentuje grafiki trójkąta i prostokąta, pola edycyjne oraz przycisk obliczający pole wybranej figury. Skrypt JavaScript zmienia duży obraz po kliknięciu miniatury 1m.bmp lub 2m.bmp, a następnie wylicza pole trójkąta albo prostokąta na podstawie dwóch wpisanych wartości. Podstrona kolo.html pokazuje animację kolo.gif oraz wzór na pole koła z poprawnym znakiem Pi i indeksem górnym. Stylizacja wymaga m.in. czcionki Garamond, kolorów Navy, DodgerBlue i SkyBlue, cieni dla miniatur, zaokrągleń, marginesów oraz odpowiedniego formatowania nagłówków i paragrafów. Egzaminator ocenia: poprawność animacji, strukturę i zawartość witryny, działanie interakcji, zgodność CSS z wytycznymi oraz poprawność skryptu. Ważny jest też plik przeglądarka.txt z nazwą użytej przeglądarki.