Crearea și organizarea paginilor web

O pagină web poate avea titlu, paragrafe, imagini, liste, tabele și legături spre alte pagini. Într-un editor vizual putem așeza conținutul fără să scriem cod, apoi adăugăm, mutăm ori ștergem obiecte și previzualizăm rezultatul. O hiperlegătură trimite spre o altă adresă sau spre o parte a paginii. Înainte de publicare, verificăm informația, sursele imaginilor și datele personale afișate.

Exemplu rezolvat pe pași. Elevul vrea o pagină despre clubul de șah al școlii. Pasul 1: stabilește conținutul, adică un titlu, un paragraf despre ora de întâlnire, o listă cu trei reguli și un tabel cu trei coloane, „Nume”, „Clasa” și „Telefon”. Pasul 2: așază obiectele în editor în această ordine, de sus în jos, cu titlul primul. Pasul 3: scrie legătura cu textul „Regulamentul clubului”, nu „click aici”, și îi indică pagina regulamentului. Pasul 4: previzualizează și apasă legătura; dacă se deschide pagina greșită, schimbă destinația. Pasul 5: șterge din tabel coloana „Telefon”, fiindcă datele personale nu se publică.

Aprofundare

În structura unei pagini, antetul tehnic păstrează informații despre document, inclusiv titlul afișat de navigator, iar corpul conține materialul vizibil. Editorul poate ascunde codul sau poate afișa elementele structurale; în ambele cazuri autorul trebuie să ordoneze informația pentru cititor. Titlurile marchează niveluri de idei, paragrafele dezvoltă conținutul, listele grupează elemente, tabelele aliniază date, iar imaginile informative au text alternativ care descrie informația transmisă, pentru cititorul de ecran sau când imaginea nu se încarcă. O imagine pur decorativă primește atributul alt gol. O hiperlegătură are text vizibil și destinație; textul „Programul bibliotecii” este mai clar decât „apasă aici”. Editarea privește conținutul și ordinea obiectelor; formatarea privește culorile, fundalul, alinierea și dimensiunea.

Previzualizarea testează citirea pe ecrane diferite și funcționarea legăturilor. Dacă o imagine acoperă textul pe un ecran îngust, îi reducem dimensiunea în editor și previzualizăm din nou. Publicarea face pagina accesibilă altora și cere verificarea datelor, permisiunilor și drepturilor asupra conținutului. Exemplu analizat: pentru o pagină despre biblioteca școlii, elevul pune titlul „Biblioteca”, un paragraf despre împrumut, o listă cu reguli, o fotografie realizată la școală cu acord și o legătură numită „Programul bibliotecii”. La verificare observă că legătura duce spre altă pagină și o corectează înainte de publicare.

Greșeli frecvente

• Greșit: Titlul din antetul tehnic este același lucru cu orice titlu vizibil din corp.
  Corect: Antetul păstrează informații despre document, iar titlurile din corp organizează textul vizibil; rolurile lor sunt diferite.
• Greșit: O legătură funcționează corect dacă textul ei este colorat.
  Corect: Destinația trebuie testată prin previzualizare.
• Greșit: O imagine ajunge pe pagină doar prin copierea ei din orice căutare, fiindcă este vizibilă pentru toți.
  Corect: Folosim fotografii proprii sau cu drept de utilizare și notăm sursa.

Înainte și după