e14-2016-pazdziernik-egzamin-zawodowy-praktyczny-zasady-oceniania.pdf

(99 KB) Pobierz
Nazwa kwalifikacji:
T
worzenie aplikacji internetowych i baz danych oraz administrowanie bazami
Oznaczenie kwalifikacji:
Numer zadania:
01
Kod arkusza
: E.14_01_16.08
Lp.
R.1
R.1.1
R.1.2
R.1.3
R.1.4
R.1.5
R.1.6
R.1.7
Rezultaty podlegające ocenie/kryteria oceny
E.14
Rezultat 1: Grafika
Sprawdzając kolory, przyjmujemy,
że
poprawny jest dowolny odcień tego koloru
W folderze z numerem PESEL zapisano plik w formacie PNG zawierający grafikę do strony internetowej
Plik nosi nazwę
haslo
Grafika ma rozmiary 450px na 450px (± 4px)
Tło grafiki jest przezroczyste
Na obrazie znajduje się okrąg (nie posiada wypełnienia) o krawędzi w kolorze czerwonym
Wewnątrz okręgu znajduje się znak zapytania w kolorze czerwonym, wypełniający większą część okręgu (musi być przynajmniej 2
razy większy niż wielkość liter tekstu wpisanego w okrąg)
Wewnątrz okręgu znajduje się tekst: „Jak silne jest Twoje hasło?”. Tekst jest na pierwszym planie, zapisany w dwóch liniach,
złamany po słowie „jest”, koloru niebieskiego
Rezultat 2: Witryna internetowa
R.2
Uwaga:
W kryteriach 3, 6, 8 dopuszcza się w napisach drobne błędy literowe (niezmieniające sensu tekstu), błędy wielkiej/małej
litery i znaków diakrytycznych. Rezultaty powinny być spełnione dla co najmniej jednej podstrony
Witrynę internetową zapisano w plikach
index
,
haslo
,
zasady
Zastosowany właściwy standard kodowania polskich znaków
Nadano tytuł strony: „Miernik jakości hasła” (można sprawdzić albo na karcie przeglądarki, albo w znaczniku <title>)
W części nagłówkowej umieszczono działające połączenie z arkuszem stylów
styl.css
Podzielono stronę zgodnie z rysunkiem 2 w arkuszu na sekcje: baner, panele lewy i prawy (umieszczone obok siebie) oraz stopkę,
Zastosowano znaczniki sekcji: np. div,section, article, header, footer
W banerze zastosowano nagłówek pierwszego stopnia: „Sprawdź swoje hasło”, w panelu lewym nagłówek drugiego stopnia:
„Wybierz ”, w stopce nagłówek trzeciego stopnia: „Miernik jakości hasła” (wystarczy,
że
poprawnie zastosowano dwa z trzech)
W panelu lewym zapisano listę numerowaną, prawidłowo zastosowano znaczniki <ol> i <li>
Kliknięcie odsyłacza: „Sprawdź hasło” prowadzi do strony
haslo
, a kliknięcie odsyłacza „Zasady tworzenia hasła” do strony
zasady
Z każdej podstrony można przejść do strony głównej, klikając napis na banerze
Więcej arkuszy znajdziesz na stronie: arkusze.pl
R.2.1
R.2.2
R.2.3
R.2.4
R.2.5
R.2.6
R.2.7
R.2.8
R.2.9
R.3
R.3.1
R.3.2
R.3.3
R.3.4
R.3.5
R.3.6
R.3.7
R.4
R.4.1
R.4.2
R.4.3
R.4.4
R.4.5
R.4.6
R.4.7
R.4.8
R.4.9
R.4.10
Rezultat 3: Podstrony witryny
Na stronie głównej widoczny jest rysunek lub w kodzie strony prawidłowo użyto znacznika <img>
Na stronie sprawdzającej hasło znajduje się tekst: „Twoje hasło:”, pole tekstowe oraz przycisk „Sprawdź”
Pole tekstowe jest typu password – wpisując dowolne znaki w polu ukazują się kropki
Wciśnięcie przycisku powoduje wywołanie skryptu
Na stronie z zasadami tworzenia haseł znajduje się tabela, a w niej wpisane zasady - zgodnie z tabelą 1 arkusza (w kolumnie opis
wystarczy jeśli zachowano sens zdania)
Tabela ma nagłówki kolumn: „Jakość hasła” oraz „Opis”
Tabela ma rozmiar 4 wiersze na 2 kolumny
Rezultat 4: Styl CSS witryny
Uwaga:
Nie zwracamy uwagi na położenie stylu, gdyż sprawdza to R.2.4. W kryteriach od R.4.1 do R.4.7 dopuszcza się
nieprawidłowe ustawienie jednej z właściwości
Ustawiono formatowanie banera: kolor tła #829EB9, wysokość 50 px, krój pisma Arial, wyrównanie tekstu do
środka
Ustawiono formatowanie panelu lewego: kolor tła #B3C6D9, wysokość 600px, szerokość 25%
Ustawiono formatowanie panelu prawego: kolor tła #E0E9F1, wysokość 600px, szerokość 75%, wyrównanie tekstu do
środka
Ustawiono formatowanie stopki: kolor tła #829EB9, krój pisma Arial, wyrównanie tekstu do prawej strony
Ustawiono formatowanie obrazu: marginesy zewnętrzne (margin) 30px, marginesy wewnętrzne (padding) 10px, obramowanie 2px,
linią przerywaną, koloru #B3C6D9
Ustawiono formatowanie tabeli: marginesy zewnętrzne 30px, obramowanie o szerokości 2px, linią ciągłą, szerokość 70%
Ustawiono formatowanie nagłówków kolumn: kolor tła #B3C6D9, obramowanie o szerokości 2px, linią ciągłą
Ustawiono formatowanie komórek - obramowanie o szerokości 2px, linią ciągłą
Ustawiono formatowanie paragrafu - marginesy zewnętrzne 30px
Zdefiniowano pseudoklasę hover dla wiersza tabeli – po najechaniu myszą na wiersz tabeli, jego kolor tła zmienia się na niebieski,
czcionki na biały
Rezultat 5: Skrypt
R.5
R.5.1
R.5.2
R.5.3
R.5.4
R.5.5
R.5.6
R.5.7
Uwaga:
W kryteriach 2 - 5 dopuszcza się w napisach drobne błędy literowe (niezmieniające sensu tekstu), błędy wielkiej/małej
litery i znaków diakrytycznych
Skrypt zapisany jest w języku wykonywanym po stronie przeglądarki, np. JavaScript
Jeśli pole do wpisywania hasła jest puste, skrypt wypisuje komunikat „WPISZ HASŁO!”
Jeśli wpisano hasło o długości mniejszej niż 4 znaki lub w haśle nie ma cyfr, skrypt wypisuje komunikat „SŁABE”
Jeśli wpisano hasło o długości 4 – 6 znaków, w tym przynajmniej jedną cyfrę, skrypt wypisuje komunikat „ŚREDNIE”
Jeśli wpisano hasło o długości 7 znaków i więcej, w tym przynajmniej jedną cyfrę, skrypt wypisuje komunikat „DOBRE”
Komunikaty są wyświetlane na stronie, pod polem tekstowym
Komunikat o braku hasła ma czerwony kolor czcionki, dla słabego hasła ma kolor
żółty,
dla
średniego
hasła ma kolor niebieski, dla
dobrego hasła ma kolor zielony (Jeśli skrypt ma błędy logiczne i dany napis nie pokazuje się, należy sprawdzić przypisanie w
kodzie koloru
żółtego
dla słabego hasła itd.)

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika:

Zgłoś jeśli naruszono regulamin