Invatare Atomica

Criterii de calitate si publicarea sitului

Modulul 2: Crearea Documentelor Web | Lectia 5 din 5

Progres lectie:
0%
🎯

Obiectivul lectiei

Ai construit deja paginile sitului tau — structura (lectia 2), continutul (lectia 3) si navigarea intre pagini (lectia 4). Inainte sa il faci public, situl trebuie verificat dupa niste criterii clare de calitate: se incarca repede, se citeste usor, arata la fel pe toate paginile si respecta ce ai planificat. Apoi il publici si il pregatesti sa fie gasit in Google. Aceste criterii fac parte din cerintele curriculumului de T.I.C. pentru clasa a XII-a la calificarile tehnologice — vei invata sa recunosti un sit de calitate si sa il faci vizibil pe internet.

Dupa aceasta lectie vei putea:

  • Sa explici de ce viteza de incarcare depinde in primul rand de greutatea imaginilor si sa reduci aceasta greutate
  • Sa evaluezi raportul text-imagine al unei pagini si sa il corectezi cand e dezechilibrat
  • Sa recunosti si sa corectezi probleme de lizibilitate: contrast slab si font prea mic
  • Sa mentii un design consecvent pe toate paginile unui sit, folosind un singur fisier CSS comun
  • Sa verifici conformitatea sitului finalizat cu proiectul initial, inainte de publicare
  • Sa explici ce inseamna publicarea unui sit si sa scrii corect titlul, descrierea si structura de titluri ale unei pagini pentru motoarele de cautare

Incearca singur!

Provocare — inainte sa citesti:

Un coleg de la un atelier de tamplarie iti arata pe telefon situl pe care tocmai l-a facut pentru afacerea familiei: 15 fotografii facute direct cu telefonul, fiecare de 4-6 MB, urcate exact asa cum au iesit din camera, fara nicio descriere de text langa ele. Pe telefonul lui, cu internet bun, arata perfect. Clientii insa se plang ca situl "nu se incarca" sau ca "sta si se invarte". Scrie mai jos, in cuvintele tale, ce crezi ca se intampla si ce ai schimba tu la acest sit inainte sa il declari gata.

💡 Ai nevoie de un indiciu?

Ganditi-va la un depozit care trimite marfa: daca ambalezi o piesa mica intr-o cutie uriasa si grea, transportul dureaza mult mai mult decat e nevoie, desi piesa ajunge la fel de intreaga. La fel si o fotografie facuta cu telefonul: are o rezolutie facuta pentru print sau zoom, mult mai mare decat spatiul pe care il ocupa efectiv pe ecran. Trimisa "neambalata" pe internet, ea incarca vizitatorul cu megabytes inutile.

Lectia de azi iti arata exact cum se "ambaleaza" corect un sit inainte de a fi trimis in lume.

1

Viteza de incarcare — cea mai mare vina o poarta greutatea imaginilor

Viteza de incarcare a unei pagini este timpul care trece de la accesarea adresei pana cand pagina apare complet pe ecran. La un sit facut din HTML si CSS simplu (fara animatii complexe), aproape tot acest timp se duce pe descarcarea imaginilor — textul HTML cantareste de obicei cativa KB, in timp ce o singura fotografie nesalvata corect poate cantari mai mult decat toata pagina de text la un loc.
De ce conteaza pentru un sit de meserie:

Un client care cauta pe telefon, din masina sau de pe santier, un atelier de tamplarie, o pepiniera silvica sau un service auto, foloseste adesea o conexiune mobila mai slaba decat internetul de acasa. Daca situl sta 8-10 secunde sa se incarce, o parte dintre vizitatori inchid pagina inainte sa apuce sa citeasca oferta.

Formatele de imagine si cand se folosesc:

JPG (.jpg / .jpeg) — potrivit pentru fotografii (produse, echipe, santiere); comprima bine, fisier mic la o calitate vizuala buna.
PNG (.png) — potrivit pentru logo-uri, desene sau grafica cu putine culori si fundal transparent; la fotografii rezulta fisiere mult mai mari decat JPG.
WEBP (.webp) — format mai nou, comprima mai bine decat JPG la aceeasi calitate vizuala; suportat de browserele moderne.

Cum reduci greutatea, pas cu pas:

1. Stabileste la ce latime se afiseaza imaginea pe pagina (ex. 600 px).
2. Redimensioneaza fotografia la acea latime, intr-un editor de imagini (ex. in Paint: fila Pornire, grupul Imagine → Redimensionare si inclinare, scurtatura Ctrl+W, sau in GIMP: Image → Scale Image).
3. Salveaz-o in format JPG, cu o calitate de aproximativ 70-85% (suficient de buna vizual, mult mai mica ca fisier).
4. Verifica marimea fisierului rezultat in File Explorer, in coloana Dimensiune.

Exemplu numeric — o pagina cu 8 fotografii:

Inainte de optimizare: 8 fotografii × 3 MB fiecare = 24 MB de descarcat.
La o conexiune de 16 Mbps (16 megabiti pe secunda = 16 ÷ 8 = 2 MB pe secunda), timpul de incarcare este 24 MB ÷ 2 MB/s = 12 secunde.
Dupa redimensionare si compresie la 300 KB per fotografie: 8 × 300 KB = 2400 KB ≈ 2,34 MB.
Timpul devine 2,34 MB ÷ 2 MB/s ≈ 1,2 secunde — de 10 ori mai rapid, cu aceleasi 8 fotografii vizibile pe ecran la fel de clar.

Greseala tipica — cum o recunosti:

Fotografiile urcate direct de pe telefon, fara redimensionare, au de obicei intre 3 si 10 MB fiecare si dimensiuni de mii de pixeli. O recunosti usor: in File Explorer, selecteaza fisierul si vezi proprietatile (clic dreapta → Proprietati → Detalii) — daca latimea trece de 2000 pixeli si greutatea trece de 1 MB pentru o imagine care pe pagina ocupa jumatate de ecran, e semn ca trebuie redimensionata inainte de publicare.

2

Raportul text-imagine — nici numai poze, nici numai text

Raportul text-imagine este echilibrul dintre cantitatea de text si cantitatea de imagini de pe o pagina. O pagina buna combina ambele: textul explica (ce este, ce contine, ce pret are, cum se comanda), iar imaginile arata (produsul, echipa, lucrarea finalizata). Nici extrema "numai poze" si nici extrema "numai text" nu functioneaza bine.
Pagina dezechilibrata spre imagini:

O galerie de 20 de fotografii cu mobila din lemn masiv, fara niciun cuvant despre esenta lemnului, dimensiuni sau pret, obliga vizitatorul sa suna sau sa scrie ca sa afle informatii de baza — si se incarca greu, pentru ca fiecare imagine adauga la greutatea totala din Atomul 1.

Pagina dezechilibrata spre text:

Un perete de text fara nicio imagine, la o pagina de prezentare a unei pepiniere silvice, nu lasa vizitatorul sa vada rapid puietii sau plantatia; pagina pare neterminata sau nesigura.

Un raport care functioneaza, pe un exemplu real:

Pagina unui produs de tamplarie ar putea avea: un titlu (Usa de interior din lemn masiv de stejar), 2-3 propozitii de descriere (esenta lemnului, dimensiuni standard, finisaj), o lista scurta cu optiuni (culori, dimensiuni disponibile) si 2-3 fotografii relevante (produsul finit, un detaliu de finisaj). Textul explica ce nu se vede in poza (pretul, dimensiunile exacte, garantia); pozele arata ce e greu de descris in cuvinte.

Legatura cu atributul alt (din lectia 3):

Chiar si atunci cand o imagine e prezenta, un motor de cautare "vede" doar textul din atributul alt al acelei imagini, nu si continutul vizual propriu-zis. Atributul alt se scrie direct in tagul <img>, ca o descriere scurta si concreta a ceea ce se vede in poza — nu "poza1" sau lasat gol, ci de exemplu:

<img src="usa-stejar.jpg" alt="Usa de interior din lemn masiv de stejar, finisaj natural">

O pagina cu imagini fara text de insotire si fara atribute alt completate corect este aproape invizibila pentru o cautare relevanta.

3

Lizibilitate — contrast si dimensiune de font

Lizibilitatea este cat de usor se poate citi textul unei pagini. Depinde in principal de doi factori pe care ii poti controla direct: contrastul dintre culoarea textului si culoarea fundalului, si dimensiunea fontului.
Contrastul — regula practica:

Cu cat textul si fundalul sunt mai apropiate ca luminozitate, cu atat contrastul e mai slab si textul mai greu de citit. Un text negru sau gri foarte inchis (ex. #222222) pe fundal alb se citeste bine. Un text gri deschis (ex. #cccccc) pe fundal alb aproape dispare, mai ales pe un ecran de telefon la lumina puternica — exact situatia unui client care se uita pe sit intr-un depozit sau pe un santier, nu intr-o camera intunecata.

Dimensiunea fontului — regula practica:

Pentru corpul textului (paragrafele obisnuite), o dimensiune uzual recomandata este de cel putin 16 pixeli. Sub 13-14 pixeli, textul devine greu de citit pe telefon fara zoom, iar vizitatorii renunta rapid sa mai citeasca.

Unde apare cel mai des problema:

Titluri decorative scrise cu un font foarte subtire si o culoare pastel pe fundal deschis (ex. text galben pal pe fundal alb) arata "elegant" pe monitorul de proiectare, dar devin practic invizibile pentru multi vizitatori, inclusiv pentru cei cu deficiente usoare de vedere. Regula simpla de verificare: mijeste ochii sau muta ecranul mai departe — daca textul dispare, contrastul e prea slab.

Greseala tipica — cum o repari:

Greseala: un titlu de sectiune scris cu text gri deschis pe fundal gri si mai deschis, pentru ca "arata modern". Reparatia: pastreaza contrastul puternic (text inchis pe fundal deschis, sau invers) mai ales pentru textul important — pretul, numarul de telefon, butonul de comanda — si rezerva combinatiile subtile doar pentru elemente decorative, nu pentru informatie esentiala.

4

Design consecvent — acelasi sit pe orice pagina

Design consecvent inseamna ca toate paginile unui sit folosesc aceleasi culori, acelasi font, aceeasi pozitie a meniului de navigare si a subsolului (footer), si acelasi stil de titluri. Vizitatorul trebuie sa recunoasca instant, cand trece de la pagina principala la pagina de Contact, ca este tot pe situl aceluiasi atelier sau aceleiasi firme.
Ce se strica atunci cand lipseste consecventa:

Daca pagina principala are meniul sus si culorile albastru-alb, iar pagina de Contact are meniul jos si culorile verde-gri cu alt font pentru titluri, vizitatorul are impresia ca a parasit site-ul sau ca acesta e nefinalizat, chiar daca fiecare pagina, luata separat, e corecta din punct de vedere tehnic.

Metoda tehnica pentru consecventa — un singur fisier CSS comun:

Asa cum ai vazut in lectia 2, fiecare pagina HTML leaga in <head> catre un fisier de stiluri extern, cu o linie de forma <link rel="stylesheet" href="stiluri.css">. Daca toate paginile sitului leaga la acelasi fisier stiluri.css, orice culoare, font sau spatiere definita acolo se aplica automat pe toate paginile deodata. Daca in schimb copiezi stiluri diferite in fiecare pagina in parte (sau folosesti atribute style direct pe elemente), riscul de a uita sa actualizezi o pagina si de a ramane cu design inconsecvent creste mult.

Checklist rapid de consecventa, de verificat pe fiecare pagina:

Acelasi logo si nume de firma in acelasi loc (de obicei sus).
Acelasi meniu de navigare, cu aceleasi legaturi, in aceeasi ordine.
Aceleasi culori pentru titluri, text si butoane.
Acelasi font pe tot situl (sau cel mult doua fonturi folosite consecvent — unul pentru titluri, unul pentru text).
Acelasi subsol (footer) cu datele de contact, pe toate paginile.

5

Conformitatea cu proiectul — verificarea inainte de publicare

Conformitatea cu proiectul inseamna compararea sitului finalizat cu planul stabilit la inceput — planul de pagini si continut din lectiile 2-4 — pentru a confirma ca nimic nu lipseste, nimic nu e stricat si continutul raspunde chiar la cerintele temei sau ale clientului.
Checklist de verificat, pagina cu pagina, inainte de publicare:

1. Toate paginile planificate exista — daca planul avea Acasa, Despre noi, Servicii, Contact, verifici ca toate cele 4 fisiere sunt prezente.
2. Toate legaturile de navigare functioneaza — dai clic pe fiecare buton din meniu, pe fiecare pagina, si confirmi ca ajungi unde trebuie, fara pagina "Fisierul nu a fost gasit".
3. Toate imaginile au atributul alt completat — nu lasat gol sau uitat.
4. Continutul corespunde temei — textele si imaginile raspund la cerintele stabilite (ex. daca proiectul cerea o pagina de servicii cu preturi, preturile chiar sunt acolo).
5. Textul nu are greseli evidente — o recitire atenta inainte de publicare.

Greseala tipica — legatura "moarta" (link mort):

Se intampla frecvent ca, in timpul lucrului, un fisier sa fie redenumit (ex. din galerie.html in galerie-produse.html), dar legatura din meniu sa ramana neschimbata catre numele vechi. Rezultatul: la clic, browserul afiseaza o pagina de eroare ("404 — pagina nu a fost gasita"). Singura metoda sigura de a o depista este testarea manuala a fiecarei legaturi, nu doar o privire rapida pe cod.

De ce se face chiar inainte de publicare:

Dupa ce situl e publicat (Atomul 6), o legatura stricata sau o pagina lipsa devine vizibila publicului si clientilor, nu doar tie. Verificarea de conformitate este ultimul control de calitate facut "acasa", inainte ca situl sa ajunga pe internet.

6

Publicarea sitului si aparitia in motoarele de cautare

A publica un sit inseamna a urca fisierele lui (HTML, CSS, imagini) pe un server web — un calculator conectat permanent la internet, care ramane pornit si "serveste" paginile oricui introduce adresa sitului in browser. Pana la publicare, situl exista doar pe calculatorul tau si e vizibil numai tie.
Ce presupune, in pasi, publicarea:

1. Un nume de domeniu — adresa sitului (ex. atelier-tamplarie.ro), inregistrata la un furnizor de domenii.
2. Un serviciu de gazduire (hosting) — spatiul de pe server unde stau fisierele sitului, pastrat pornit permanent de furnizorul de gazduire.
3. Transferul fisierelor — fisierele HTML, CSS si imaginile sunt copiate de pe calculatorul tau pe server, fie cu un program de transfer de fisiere (client FTP), fie prin panoul de control oferit de furnizorul de gazduire, fie printr-o platforma de publicare care preia direct folderul sitului.

Cum "gasesc" motoarele de cautare paginile noi:

Un sit nou, abia publicat, nu are inca nicio legatura din exterior catre el, asa ca nu se "descopera" singur imediat. Trebuie anuntat activ: te inregistrezi gratuit in Google Search Console (un instrument oficial Google pentru proprietarii de site-uri) si trimiti acolo adresa sitului, eventual insotita de un fisier sitemap.xml — o lista cu toate paginile sitului, care ajuta motorul de cautare sa le gaseasca pe toate, nu doar pe cea principala. Chiar si asa, indexarea (aparitia efectiva in rezultatele de cautare) nu e instantanee — poate dura de la cateva zile pana la cateva saptamani. Dupa ce situl e cunoscut de motorul de cautare, un meniu clar si legaturi corecte intre pagini (lectia 4) il ajuta sa "citeasca" complet toate paginile, nu doar pe cea de la care a pornit.

Titlul paginii — <title>:

Fiecare pagina are un element <title> unic in <head>, care apare in fila (tab-ul) browserului si ca titlu clickabil in rezultatele de cautare. Un titlu vag ("Pagina 1") nu spune nimic vizitatorului; un titlu clar ("Ateliere de tamplarie Ionescu — mobila din lemn masiv") il ajuta sa decida daca da clic.

Descrierea paginii — meta description:

In <head>, elementul <meta name="description" content="..."> contine un rezumat scurt (1-2 propozitii) al paginii. Nu se vede pe pagina propriu-zisa, dar apare de obicei sub titlu, in rezultatele motorului de cautare, si influenteaza daca vizitatorul alege sa dea clic pe situl tau sau pe altul din lista.

<!-- In interiorul lui <head> --> <title>Ateliere de tamplarie Ionescu — mobila din lemn masiv</title> <meta name="description" content="Mobila din lemn masiv, facuta la comanda, in Piatra Neamt. Usi, mese si dulapuri cu finisaj natural.">
Structura de titluri — h1 pana la h6:

Fiecare pagina foloseste un singur <h1> — titlul principal al paginii. Sectiunile din interiorul paginii folosesc <h2>, iar subsectiunile din interiorul unei sectiuni folosesc <h3>, si asa mai departe pana la <h6>. Aceasta ierarhie (nu sarita, ex. de la h1 direct la h3) ajuta atat motorul de cautare, cat si cititoarele de ecran pentru nevazatori, sa "vada" scheletul logic al continutului. De exemplu, pagina de Servicii a unui atelier de tamplarie ar putea arata asa:

<h1>Servicii — Ateliere de tamplarie Ionescu</h1> <h2>Mobila la comanda</h2> <h3>Usi si dulapuri din lemn masiv</h3> <h2>Restaurare mobilier vechi</h2>
Greseala tipica — titlu si descriere identice pe toate paginile:

Copierea aceluiasi <title> si a aceleiasi descrieri pe toate paginile sitului (ex. toate cu titlul "Acasa") face imposibila diferentierea lor in rezultatele de cautare — Google nu poate arata clar care rezultat e pagina de Contact si care e pagina de Servicii. Fiecare pagina are nevoie de titlul si descrierea ei proprii, specifice continutului acelei pagini.

7

Recapitulare si conexiuni

Un sit de calitate se recunoaste inainte de publicare dupa cinci criterii care se verifica impreuna, nu izolat: viteza de incarcare, echilibrul text-imagine, lizibilitatea, consecventa vizuala si conformitatea cu proiectul. Abia dupa ce toate cinci sunt in ordine, situl e pregatit pentru publicare si pentru a fi gasit in motoarele de cautare.
Cele cinci criterii, pe scurt:

Viteza de incarcare — imaginile redimensionate si comprimate la dimensiunea reala de afisare.
Raportul text-imagine — text care explica, imagini care arata, niciodata doar unul dintre ele.
Lizibilitate — contrast puternic text/fundal, font de cel putin 16px pentru corpul textului.
Design consecvent — aceleasi culori, font, meniu si footer pe toate paginile, printr-un singur CSS comun.
Conformitate cu proiectul — toate paginile planificate exista, toate legaturile functioneaza, continutul respecta tema.

Apoi, publicarea:

Domeniu + gazduire + transfer de fisiere = situl devine accesibil oricui, oriunde. Titlul, descrierea si structura de titluri (h1-h6) ale fiecarei pagini sunt ceea ce citesc motoarele de cautare ca sa decida cand si pentru ce cautari sa arate situl tau.

Legatura cu tot modulul 2:

Lectia 1 te-a invatat cu ce instrumente lucrezi; lectia 2, cum se structureaza o pagina; lectia 3, ce elemente de continut poti adauga; lectia 4, cum leg pagina una de alta; lectia 5, de azi, iti arata cand acel sit e cu adevarat gata sa iasa in lume — competentele acumulate in acest modul fac parte din cerintele curriculumului de T.I.C. pentru clasa a XII-a.

Exercitii practice

Exercitiul 1 (Nivel minim) — Gaseste problemele

Un elev a facut pagina de prezentare a unei pepiniere silvice cu urmatoarele caracteristici: 6 fotografii facute cu telefonul, fiecare de 5 MB (in total 30 MB), fara niciun text de descriere langa ele; titlul textului de pe pagina scris cu font gri deschis pe fundal alb. Identifica trei probleme de calitate din cele invatate azi (numeste criteriul incalcat pentru fiecare) si explica pe scurt de ce e o problema.

Vezi rezolvarea

Trei probleme, cu criteriul incalcat:

  1. Viteza de incarcare - 6 fotografii x 5 MB = 30 MB nesalvate optimizat; pagina se incarca foarte lent, mai ales pe conexiune mobila.
  2. Raportul text-imagine - doar fotografii, fara niciun text explicativ; vizitatorul nu afla ce specii sau ce servicii ofera pepiniera.
  3. Lizibilitate - font gri deschis pe fundal alb: contrast slab, titlul devine greu de citit, mai ales afara la lumina puternica.

Exercitiul 2 (Nivel standard) — Calculeaza timpul de incarcare

O pagina a unui sit de mobila din lemn are 10 fotografii, fiecare de 2,5 MB (nesalvate optimizat), plus restul paginii (text si cod) de neglijabil sub 100 KB. Conexiunea la internet a unui vizitator este de 20 Mbps (20 megabiti pe secunda). a) Calculeaza timpul de incarcare, in secunde, inainte de optimizare. b) Daca fiecare fotografie este redimensionata si comprimata la 250 KB, recalculeaza timpul de incarcare dupa optimizare. c) Cu cate secunde s-a scurtat incarcarea?

Vezi rezolvarea

a) Inainte de optimizare: 10 x 2,5 MB = 25 MB fotografii + 0,1 MB restul paginii = 25,1 MB = 200,8 megabiti (x 8). Timp = 200,8 / 20 Mbps = 10,04 secunde.

b) Dupa optimizare: 10 x 250 KB = 2500 KB = 2,5 MB + 0,1 MB = 2,6 MB = 20,8 megabiti. Timp = 20,8 / 20 = 1,04 secunde.

c) Diferenta: 10,04 minus 1,04 = 9 secunde mai putin.

Exercitiul 3 (Nivel performanta) — Evaluare completa inainte de publicare

Esti pus sa evaluezi, inainte de publicare, situl unui atelier de reparatii echipamente de protectia mediului (statii de epurare, filtre de aer). Situl are 5 pagini: Acasa, Despre noi, Servicii, Galerie, Contact. La testare gasesti: (1) pagina Galerie are 15 fotografii de 4 MB fiecare, fara text; (2) butonul "Servicii" din meniul paginii Contact duce catre servicii-noastre.html, dar fisierul real se numeste servicii.html; (3) toate cele 5 pagini au acelasi <title>: "Pagina firma". Pentru fiecare din cele 3 probleme, precizeaza ce criteriu de calitate incalca si scrie corectia concreta. La final, scrie tu un <title> si o <meta name="description"> potrivite pentru pagina Servicii a acestui atelier.

Vezi rezolvarea

Cele 3 probleme: (1) 15 x 4 MB = 60 MB pe Galerie, fara text, incalca viteza de incarcare si raportul text-imagine; corectie: redimensionare si comprimare la latimea reala afisata, plus text descriptiv langa fotografii. (2) linkul servicii-noastre.html nu exista (fisierul e servicii.html), incalca conformitatea cu proiectul (legatura de navigare stricata); corectie: href="servicii.html". (3) toate paginile au acelasi <title> Pagina firma, incalca design consecvent / identificarea paginii; corectie: titlu unic pe fiecare pagina.

Pentru pagina Servicii: <title>Servicii reparatii statii de epurare si filtre de aer</title> si <meta name="description" content="Reparatii si mentenanta pentru statii de epurare si filtre de aer, interventie rapida in judetul Neamt.">

Criterii de evaluare: criteriul corect numit pentru fiecare din cele 3 probleme, corectie concreta, title si description specifice paginii Servicii, nu generice.

Ce ai invatat astazi

  • Viteza de incarcare depinde in principal de greutatea imaginilor — redimensioneaza la dimensiunea reala de afisare, apoi comprima (JPG pentru fotografii, PNG pentru grafica/transparenta, WEBP pentru ambele mai bine)
  • Raportul text-imagine echilibrat: text care explica + imagini care arata, niciodata doar unul dintre ele; motoarele de cautare citesc in principal text
  • Lizibilitate = contrast puternic text/fundal + font de cel putin ~16px pentru corpul textului
  • Design consecvent = aceleasi culori, font, meniu si footer pe toate paginile, prin acelasi fisier CSS comun
  • Conformitatea cu proiectul = toate paginile planificate exista, toate legaturile functioneaza (fara pagini 404), continutul respecta tema
  • Publicarea = domeniu + gazduire + transfer de fisiere pe server, ca situl sa fie accesibil din internet
  • Pentru motoarele de cautare: <title> unic si clar, <meta name="description"> cu rezumat, si un singur <h1> pe pagina urmat de <h2>/<h3> pentru sectiuni

Vrei mai mult?

Provocare: Alege un site real, publicat, al unei firme mici (poti cauta pe telefon). Aplica pe el cele 5 criterii din aceasta lectie ca un audit: cronometreaza timpul de incarcare, estimeaza raportul text-imagine, verifica daca textul are contrast bun, si compara doua pagini diferite ale sitului — arata la fel? Noteaza 3 probleme reale gasite.

De ce? De ce se recomanda o singura declaratie de culori si fonturi intr-un SINGUR fisier CSS extern, in loc sa scrii stilul direct pe fiecare element, in fiecare pagina?

Deschidere: Instrumente precum Google PageSpeed Insights sau Lighthouse (integrat direct in Chrome, sub F12) masoara automat exact aceste criterii — viteza, imagini, lizibilitate — si dau un scor. Multi dezvoltatori web arata acest scor clientului ca dovada a calitatii site-ului livrat.

Ai finalizat Modulul 2

Ai parcurs toate cele 5 lectii din Crearea Documentelor Web: instrumente, structura paginii, elemente de continut, navigare intre pagini si, acum, criteriile de calitate si publicarea. Intoarce-te la modul pentru a vedea progresul complet si urmatorii pasi.

Inapoi la modul →