Lekcja 10: Projekt strony WWW - publikacja i prezentacja (3/3)

Testowanie strony przed publikacja

Przed opublikowaniem strony nalezy ja dokaldnie przetestowac:

• Walidacja HTML - sprawdz poprawnosc kodu na validator.w3.org
• Walidacja CSS - sprawdz styl na jigsaw.w3.org
• Responsywnosc - przetestuj na roznych rozdzielczosciach (F12 w przegladarce)
• Rozne przegladarki - Chrome, Firefox, Edge, Safari
• Dzialanie linkow - sprawdz czy wszystkie linki prowadza we wlasciwe miejsca
• Wydajnosc - sprawdz na PageSpeed Insights

Optymalizacja strony

• Obrazy - kompresuj (TinyPNG), uzyj odpowiednich formatow (WebP, JPEG, PNG), dodaj alt
• Minifikacja - usun zblene spacje i komentarze z CSS
• SEO - dodaj metatagi: title, description, og:image
• Dostepnosc (a11y) - kontrast kolorow, alt dla obrazkow, nawigacja klawiatura

Publikacja strony - darmowy hosting

Istnieje kilka darmowych sposobow na opublikowanie strony:

• GitHub Pages - najpopularniejsze rozwiazanie:
  1. Stworz konto na github.com
  2. Stworz nowe repozytorium z nazwa nazwa.github.io
  3. Wgraj pliki strony
  4. Strona bedzie dostepna pod adresem https://nazwa.github.io
• Netlify - przeciagnij folder z plikami na strone netlify.com
• Vercel - podobne do Netlify, proste wdrozenie

Kryteria oceny projektu

• Struktura HTML (2 pkt) - poprawne semantyczne znaczniki, walidacja
• Styl CSS (2 pkt) - estetyka, spojnosc, responsywnosc
• Tresc (2 pkt) - merytoryczna wartosc, poprawnosc jezykowa
• Funkcjonalnosc (2 pkt) - dzialajace linki, nawigacja, minimum 3 podstrony
• Prezentacja (2 pkt) - umiejetnosc przedstawienia projektu