CREAREA ŞI EDITAREA UNEI PAGINI WEB - Alegerea programului de editare

Există o multitudine de programe pe care le puteţi folosi la crearea paginilor web.
Editoarele de text sunt cele mai simple editoare care permit crearea şi salvarea fişierelor fără coduri de formatare ascunse, care pot afecta modul de afişare a unei pagini web în browsere.
Editoarele specializate HTML le permit utilizatorilor să creeze documente web într-un mod rapid şi uşor şi, prin urmare, foarte eficient, doar prin apăsarea câtorva butoane sau prin apelarea câtora funcţii predefinite. În loc de a scrie de mână codul sursă HTML, aceste programegenerează ele însele acest cod în locul vostru. Acest tip de editoare reprezintă unelte excelente pentru dezvoltatorii web cu experienţă. Chiar şi în acest caz este necesar să înţelegeţi limbajul HTML pentru a putea edita codul şi a înlătura eventualele neajunsuri din documentele web.
În prezent, chiar şi versiunile Microsoft Word vă permit salvarea documentelor in format pagină web, dar, dacă veţi analiza conţinutul codului sursă, veţi avea surpriza să constataţi cât de mult a fost “înzorzonat” faţă de varianta scrisă de mână.
Pentru exemplificarea practică a noţiunilor teoretice prezentate în acest ghid, vă recomand să instalaţi editorului Notepad++. Acesta este un editor gratuit de cod-sursă care suporta mai multe limbaje de programare şi ruleaza sub Windows. Oferă facilităţi precum Syntax Highlighting, stiluri personalizate, editare simultană a mai multor fişiere, multiview si bookmarks. Acest produs, bazat pe componentele de editare Scintilla (un component de editare foarte puternic) este sub licenţă GPL (General Public License). Programul poate fi gasit la adresa http://notepad-plus.sourceforge.net/.
Datorită folosirii unor culori diferite, acest program vă permite să efectuaţi o distingere clară a elementelor, atributelor şi valorilor, contribuind în acest fel la înţelegerea noţiunilor generale de programare.
Dar mai întâi va trebui să selectaţi tipul de limbaj folosit, în cazul nostru HTML, din meniul Language.

Există o schemă de culori implicită pentru afişarea codurilor dar poate fi definită şi de utilizator din meniul Settings à Styler configurator....

Pentru exemplificare, am ales culoarea albastră pentru tag-uri, culoarea roşie pentru atribute, culoarea portocalie pentru valori şi culoarea neagră pentru textul general.
În Notepad++ codurile unui document HTML se vor vedea astfel: