Tema
/
HTML ir CSS pagrindai HTML
Pamoka 1 / 7 Žiniatinklis ir pirmasis puslapis ~45 min
Namų darbas

Namų darbas — patikrink ir sulaužyk

Namų darbas — patikrink puslapį ir sulaužyk jį sąmoningai.

  1. Paleisk per serverį. Įsitikink, kad index.html guli aplanke ir turi antraštę (<h1>), pastraipą (<p>) ir nuorodą (<a>). Paleisk npx serve (arba python3 -m http.server, arba „Live Server") ir atidaryk http://localhost:3000. Puslapis turi veikti, o nuoroda — vesti į NASA.
  2. Patikrink validatoriumi. Nueik į validator.w3.org, skirtuke „Validate by Direct Input" įklijuok visą savo HTML ir paspausk „Check". Perskaityk, ką jis rašo, ir ištaisyk kiekvieną klaidą bei įspėjimą, kol lieka žalia „Document checking completed. No errors or warnings to show." Validatorius yra objektyvus antras skaitytojas — juo naudosies visą laiką.
  3. Sulaužyk kodavimą. Pakeisk antraštę į lietuvišką, ištrink <meta charset="UTF-8">, perkrauk. Įsimink, kaip atrodo sugadintas tekstas — atpažinsi jį realiame projekte. Grąžink eilutę.
  4. Sulaužyk su file://. Uždaryk serverį ir atidaryk tą patį index.html dvigubu spustelėjimu (adresas file:///…). Šiandien šis puslapis dar veikia — bet atsidaryk konsolę (F12 → Console) ir įsidėmėk, kad jokios užklausos čia nėra: failas skaitomas tiesiai iš disko, ne per serverį. Grįžk prie localhost ir palygink Network skirtuką: per serverį matai tikrą užklausą su būsenos kodu. Tai ir yra skirtumas, dėl kurio serviruojame aplanką.

Privalomas rezultatas:

  • Puslapis veikia per http://localhost:3000 ir turi antraštę, pastraipą ir nuorodą.
  • Validatorius rodo žalią — nulis klaidų, nulis įspėjimų.

Atsiskaitymui: ekrano nuotraukos: (1) veikiantis puslapis per localhost, (2) žalias validatoriaus rezultatas, (3) sugadintas tekstas ištrynus <meta charset>.