Crearea unei pagini web în HTML

Primul lucru pe care îl vom face este să ne apucăm de treabă și să creăm o pagină web simplă. Vom explora ce se întâmplă în curând, dar pentru moment, trebuie doar să urmați instrucțiunile cât de bine puteți.

Pentru a vă crea pagina web, aveți nevoie de:

Un browser (folosiți unul chiar acum)
Un editor de text simplu (aveți deja unul pe calculator)

Pasul 1: Deschideți un editor de text

Un editor de text este un program care editează fișiere text simplu. Când creați HTML, nu utilizați Word, Wordpad, Pages sau orice alt program care nu salvează fișierele ca text simplu.

Utilizatori Windows: deschideți Notepad ( Start | Programe | Accesorii | Notepad )
Utilizatori Mac OS X: deschideți vi sau TextEdit ( Aplicații | TextEdit )
Linux și alți utilizatori UNIX: deschideți vi sau emacs

Din păcate, Notepad și TextEdit nu sunt editori de text foarte buni. În mod implicit, Notepad încearcă întotdeauna să salveze și să deschidă fișiere cu extensia .txt. Trebuie să lupți constant cu el pentru a-l face să salveze și să deschidă pagini web (fișiere cu extensia .htm sau .html). Dacă insistați, veți reuși.

De asemenea, TextEdit nu folosește text simplu în mod implicit. Înainte de a utiliza TextEdit pentru a edita HTML, accesați Preferințe și setați Formatul pentru documentele noi să fie Text simplu. Pentru o măsură bună, este posibil să trebuiască să convertiți documentul existent în text simplu ( Format | Faceți text simplu ).

Folosirea Notepad-ului pentru a scrie HTML este un fel de a folosi un cuțit de unt pentru a tăia un tort de aniversare – este instrumentul greșit pentru muncă. O alegere mai bună ar fi un editor de text mai avansat, cum ar fi:

Notepad++ (Windows, gratuit)
TextWrangler (OS X, gratuit)
jEdit (Windows/OS X/Linux, gratuit)
Sublime Text (Windows/OS X/Linux, nu este gratuit, dar merită banii)

Toate aceste editoare evită problemele cu extensiile de fișiere și textul simplu descrise mai sus și au numeroase funcții suplimentare pentru utilizatorii avansați. Nu trebuie să descărcați unul dintre acești editori chiar acum, dar dacă veți continua cu dezvoltarea web, va trebui să vă actualizați instrumentele.

Pasul 2: Creați și salvați pagina web

Copiați și inserați textul din Exemplul 1.1, „O pagină web simplă” în editorul dvs. de text, începând cu textul „<html>”.

Exemplul 1.1. O pagină web simplă

<html>
<head>
<title>O pagină web simplă</title>
</head>
<body>
Aceasta este o pagină web simplă.
</body>
</html>

Cuvintele care sunt înconjurate cu paranteze unghiulare (< >) se numesc elemente. Vom vorbi despre ce este un element în curând, dar mai întâi să terminăm cu crearea și afișarea paginii dvs. web.

După ce ați copiat textul în editorul dvs. de text, salvați fișierul în directorul dvs. de acasă sau pe desktop ca fișierul simple.html.

Notă: Notepad va încerca să atașeze o extensie .txt la numele fișierului. Nu lăsați acest lucru să se întâmple. În caseta de dialog Salvare ca, setați Nume fișier la simple.html și schimbați Salvare ca tip din Documente text la Toate fișierele (*.*).

Pasul 3: Afișați pagina web în browser

Deschideți fișierul simple.html tastând Ctrl-O (Cmd-O pentru utilizatorii de Mac) și selectând fișierul. Utilizatorii Internet Explorer ar trebui să selecteze Browse pentru a găsi fișierul.

După ce selectați simple.html, faceți clic pe Open. Pagina dvs. web ar trebui să apară în fereastra browserului. Comparați-l cu Exemplul 1.1. Se potrivește?

Dacă da, felicitări! Să trecem la următoarea secțiune, unde vom încerca să răspundem la întrebarea, ce naiba se întâmplă?