Cum funcționează web-ul — HTML & CSS de la zero

Înainte să scrii o linie de cod, ai nevoie de imaginea corectă despre ce se întâmplă când deschizi o pagină web. Totul pornește de la o cerere: browserul cere un fișier de la un server, serverul răspunde cu text, iar browserul transformă acel text într-o pagină vizuală. Cele trei limbaje ale web-ului împart munca: HTML dă structura și conținutul, CSS dă aspectul, JavaScript dă comportamentul.

Cererea și răspunsul

Când scrii o adresă, browserul trimite o cerere HTTP către server. Serverul returnează un document HTML ca text simplu. Browserul îl citește de sus în jos, construiește un arbore de elemente (DOM), descarcă resursele legate (CSS, imagini, scripturi) și „desenează" pagina. Fiecare pagină pe care ai văzut-o vreodată e, la bază, text interpretat.

Cele trei limbaje și rolurile lor

HTML: ce e pe pagină — titluri, paragrafe, imagini, linkuri, formulare.
CSS: cum arată — culori, spațiere, fonturi, poziționare, layout.
JavaScript: ce se întâmplă — reacții la click, validare, actualizarea paginii fără reîncărcare.

Client vs. server

Codul care rulează în browser (HTML, CSS, JS) se numește „client-side" sau „front-end". Codul care rulează pe server (PHP, Python, Node) e „server-side" sau „back-end". În acest curs lucrezi exclusiv client-side: fișiere pe care le deschizi direct în browser.

De ce ai nevoie

Un editor de cod (Visual Studio Code e standardul gratuit) și un browser modern. Nimic altceva. Nu ai nevoie de server, de instalări complicate sau de conexiune la internet ca să începi.

Prima ta pagină

Creează un fișier index.html cu conținutul de mai jos și deschide-l în browser cu dublu-click. Ai o pagină web funcțională.
<!DOCTYPE html>
<html lang="ro">
<head><meta charset="UTF-8"><title>Test</title></head>
<body><h1>Salut!</h1><p>Prima mea pagină.</p></body>
</html>

Exercițiu

Instalează Visual Studio Code. Creează un folder pentru curs și, în el, un fișier index.html cu structura de bază. Modifică titlul și textul, salvează, reîncarcă în browser și observă schimbarea.

Greșeli frecvente

Crezi că ai nevoie de un server ca să vezi o pagină HTML locală — un dublu-click e de ajuns.
Confunzi front-end cu back-end și cauți „unde rulează PHP" într-un curs de HTML.
Editezi în Word sau Notepad, care adaugă formatare invizibilă — folosește un editor de cod.
Nu salvezi fișierul înainte de a reîncărca browserul.

De reținut

O pagină web e text trimis de un server și interpretat de browser.
HTML = structură, CSS = aspect, JavaScript = comportament.
Client-side rulează în browser; server-side rulează pe server.
Îți trebuie doar un editor de cod și un browser.

Pe scurt

Web-ul e mai simplu decât pare: fișiere text pe care browserul le desenează. HTML pune conținutul, CSS îl aranjează, JS îl face să răspundă. Începi cu un singur fișier.