Testy funkcjonalności strony Internetowej.(2h)

Zadanie 1

Przygotuj dokument cw281.html w którym umieścisz analizę wybranej strony internetowej.

Strony do analizy:

https://www.zst-radom.edu.pl/

Twój projekt Parallax

1. Tytuł strony - nagłówek poziomu 1: "Analiza funkcjonalności wybranych serwisów internetowych" i poniżej nagłówek poziomu 2 o treści: Wykonał: IMIĘ NAZWISKO KLASA/GRUPA
2. Tabela zawierająca informacje - zrzuty ekranowe + własne spostrzeżenia (analizę):
   • Adres (link) badanej strony
   • Czas wczytywania strony
   • Poprawność kodu HTML
   • Poprawność kodu CSS
   • Meta tagi:
     • tytuł strony
     • język strony
     • kodowanie znaków narodowych
     • opis strony
     • słowa kluczowe
   • Poprawność łączy (czy działają)
   • Grafika (np, atrybut alt)
   • Praca strony w różnych rozdzielczościach (różnych przeglądarkach)
   • Wersja mobilna
   • Uwagi odnośnie funkcjonalności serwisu (np, układ menu, czytelność informacji)
   • Czego Ci zabrakło na badanej stronie, a co jest zbędne
3. Zoptymalizuj grafiki na swojej stronie (rozmiar, układ)
4. Dobierz formatowanie CSS (w pliku zewnętrznym) tak, żeby strona była czytelna
5. Wszystkie pliki graficzne zapisz w folderze IMG
6. Powodzenia

Narzędzia:

WAVE Web Accessibility Evaluation Tool Analiza konstrukcji strony internetowej

W3C Walidator kodu HTML Analiza składni kodu HTML

W3C Walidator kodu CSS Analiza składni CSS

W3C Link Checker Sprawdzanie poprawności działania hiperłączy

Web Page Test Analiza działania strony - czasy ładowania poszczególnych elementów strony

Browsers Shot Zrzuty ekranowe testowanej strony w różnych przeglądarkach

SEO Site Checkup Analiza SEO

Grammar, Style and Spell Checker Sprawdzanie błędów językowych

Pytania i odpowiedzi: