Web & Programare · Începător

HTML & CSS de la zero

Construiește pagini web reale, de la structură la layout responsive.

8 lecții 1h 48m · lectură estimată Autor: GabrielDev

Proiectul cursului: atelier demonstrativ de biciclete

Construiești o pagină statică în HTML și CSS: structură semantică, servicii în grilă, navigare flexibilă, întrebări expandabile și formular demonstrativ cu etichete. Proiectul este fictiv; formularul nu expediază mesaje și butonul este dezactivat explicit.

Parcursul celor opt lecții

Browser, fișiere locale, HTTP, resurse lipsă și căi relative.
Document semantic complet, titluri, linkuri, etichete și controale native.
Selectoare, cascadă, moștenire și modelul de cutie măsurat.
Tipografie, spațiere, contrast și preferințe de text.
Flexbox: axe, distribuție, împachetare și ordinea tastaturii.
Grid: trasee, fracții, minime și carduri adaptabile.
Responsive: praguri, text lung, reflow și imprimare.
Pregătirea publicării, verificarea căilor, versiuni și revenire.

Materiale

Manualul include toate cele opt lecții aprofundate. Caietul conține sarcini, repere de rezolvare și fișierele finale index.html și styles.css. Registrul CSV organizează dovezile de lucru. Primele două lecții, caietul și registrul sunt publice; manualul urmează accesul la curs.

Ediție completă — 19 octombrie 2026

Exemplele proiectului final au fost verificate în Chromium pe Linux: structură, navigare, formular demonstrativ, lățimi 320–1280px, variații de conținut, font rădăcină dublat, spațiere personalizată și reguli de imprimare. Calculele de box model, Flexbox, Grid și contrast au rezultate de control. Mărirea fontului nu este un test de zoom nativ; telefoanele fizice și publicarea într-un cont GitHub al cursantului nu au fost executate în această verificare. Nu este o certificare de accesibilitate.

Format

Lecții text cu cod complet, explicații, diagnostic și exerciții rezolvate. Durata afișată estimează lectura; practica și configurarea mediului necesită timp suplimentar. Exemplele nu descriu clienți sau rezultate comerciale reale.

Pentru cine este cursul

Pentru începători care vor să construiască și să înțeleagă o pagină statică în HTML și CSS. Proiectul este un atelier fictiv de biciclete, cu servicii, întrebări și formular demonstrativ fără expediere.

Începi cu fișiere locale, apoi verifici cererile HTTP și layoutul în browser. Nu este necesar un framework sau un serviciu plătit pentru exercițiile locale.

Ce vei învăța

✓HTML semantic
✓CSS responsive
✓Formular cu etichete
✓Checklist de publicare

Cerințe

• Browser modern și editor de text simplu
• Python 3 pentru laboratorul HTTP local; partea file: funcționează fără el
• Git și un cont propriu la platforma aleasă numai pentru exercițiul de publicare

Conținutul cursului

8 lecții · 1h 48m lectură estimată

01
Cum funcționează web-ul preview gratuit

14 min lectură Deschide
02
HTML: structura și elementele semantice preview gratuit

14 min lectură Deschide
03
CSS: selectoare, box model, culori

13 min lectură
04
Tipografie și spacing

14 min lectură
05
Layout cu Flexbox

13 min lectură
06
Layout cu Grid

13 min lectură
07
Responsive și media queries

14 min lectură
08
Publicarea paginii

13 min lectură

Materiale descărcabile

🔒 Manual PDF — HTML & CSS de la zero
↓ Fișă PDF de proiect — HTML & CSS de la zero
↓ Registru de lucru CSV — HTML & CSS de la zero

Întrebări frecvente

Ce format are cursul?

Lecții text, aplicații cu rezolvare orientativă, manual PDF și fișă de proiect. Nu este prezentat ca un curs video.

Ce pot vedea înainte de înscriere sau cumpărare?

Primele două lecții și fișa PDF de proiect sunt publice. Poți verifica structura și modul de lucru înainte de decizie.

Cum verific proiectul final?

Verifică structura, etichetele, tastatura, lățimile și variațiile de text din caiet. Proiectul de referință a fost testat în Chromium/Linux, inclusiv cu font mărit; zoomul nativ și telefoanele fizice se verifică separat. Formularul este demonstrativ și nu expediază mesaje.

Ce reprezintă timpul afișat?

O estimare a lecturii la aproximativ 180 de cuvinte pe minut. Exercițiile și proiectul necesită timp suplimentar variabil.

Certificatul este o calificare acreditată?

Nu. Este o confirmare internă a parcurgerii lecțiilor și testelor disponibile pe INONLINE Academy, nu o calificare profesională acreditată.

Curs realizat de GabrielDev. Conținut actualizat la 19 octombrie 2026.