Să creăm o pagină web simplă.
Pentru a vă crea pagina web, aveți nevoie de:
- Un browser (folositi unul chiar acum)
- Un editor de text simplu (aveți deja unul pe computer)
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 editoare de text foarte bune. În mod implicit, Notepad încearcă întotdeauna să salveze și să deschidă fișiere cu extensia .txt. Trebuie să lupți constant cu ea pentru a o face să salveze și să deschidă pagini web (fișiere cu extensia .htm sau .html). Fiți consecvent, ș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ă, ar putea fi necesar să convertiți documentul existent în text simplu ( Format | Creați text simplu ).
Folosirea Notepad-ului pentru a scrie HTML este ca și cum a-i folosi un cuțit de unt pentru a tăia un tort de ziua de naștere – 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 aceste editoare 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 de 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 simplu.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 simplu.html și schimbați tipul Salvare ca din Documente text la Toate fișierele (*.*).
Pasul 3: Afișați pagina web în browser
Deschideți fișierul simplu.html tastând Ctrl-O (Cmd-O pentru utilizatorii de Mac) și selectând fișierul. Utilizatorii Internet Explorer ar trebui să selecteze Răsfoire pentru a găsi fișierul.
După ce selectați simplu.html, faceți clic pe Deschidere. Pagina dvs. web ar trebui să apară în fereastra browserului. Comparați-o cu Exemplul 1.1. Se potrivește?
Dacă da, felicitări!
Sursa: “The Pocket HTML Tutorial” Copyright 2022 de Evan Goer, licența CC BY 3.0. Traducere și adaptare de Nicolae Sfetcu
Lasă un răspuns