4.4.7 Vahendid veebilehe arendamiseks

iDevice ikoon 4.4.7 Vahendid veebilehe arendamiseks

Joonis 4-19. HTMLi redaktori vaade (Microsoft Expression Web). Allikas: http://expression.microsoft.com/en-us/dd450355

Veebilehe loomiseks võib kasutada erinevaid vahendeid lihtsatest väga keerulisteni. Vahendite valik sõltub sellest, kellele ja millisel eesmärgil sait luuakse (firma saite loovad elukutselised spetsialistid kallimate programmide abiga, harrastaja poolt tehtud sait on loodud lihtsamate vahenditega). Lihtsaks programmiks on näiteks tavaline tekstiredaktor Notepad, keerulisemate hulka kuuluvad MS Expression Web ja Adobe DreamWeaver.

Lihtsaid ja odavaid vahendeid ei ole alati lihtne kasutada. Selleks, et luua veebileht Notepad'iga, tuleb väga hästi tunda HTML-keelt, mis Expression Web'i kasutamisel ei ole üldse kohustuslik. Siin sõltub HTML-keele kasutamise vajadus programmis seadistatud vahendite komplektist.

Veebisaitide loomise programmid jagunevad kahte kategooriasse: visuaalsed ja mittevisuaalsed.

Visuaalseid redaktoreid nimetatakse ka WYSIWYG-redaktoriteks ("What You See Is What You Get" - "Mida näeb, selle ka saad"). Saidi haldamiseks on kiirem ja lihtsam viis kasutada visuaalseid programme, mis lubavad töötada veebilehega disainiaknas. Kasutaja redigeerib ja vormindab teksti, lisab pilte, tabeleid, nagu tekstiredaktoris (näiteks, Wordis) ja programm paneb ise kokku HTML-koodi. Veebileht näeb välja brauseri poolt kuvatuna samasugune, nagu selle loova programmi aknas. Levinumad visuaalprogrammid on DreamWeaver, MS Expression Web ja SeaMonkey.

  • Eelised:
    • lihtne kasutada
    • ei vaja HTMLi tundmist.
  • Puudused:
    • optimeerimata kood, mille tagajärjel suureneb faili maht
    • lehe koodi on raske redigeerida
    • dokumendi kuvamine erinevates brauserites võib olla erinev.

HTML oli esialgu mõeldud käsitsi kodeerimiseks ning allub halvasti automatiseerimisele. Sellepärast ükski visuaalne redaktor ei taga HTMLi täielikku kasutamist ja ei genereeri täiesti korrektset koodi. Nii tulebki igat lehte lõpuks käsitsi korrigeerida. Mittevisuaalsete redaktorite kasutamisel on võimalik luua optimaalne kood, milles saab vältida liigseid konstruktsioone ja mida on hiljem lihtne korrigeerida. Töö lihtsustamiseks on ettenähtud märgendite kiire sisestamine, võtmesõnade märkimine erivärviga, saadud koodi ja viitade kontroll. Mittevisuaalseid redaktoreid nimetatakse tihti lihtsalt HTML-redaktoriteks. Selle liigi redaktorite näideteks on AceHTML, 1st Page, HotDog, Arachnophilia. Professionaalsetel programmidel on reeglina olemas mõlemad kasutusvõimalused - nii visuaalne kui ka koodi redigeerimine.

  • Eelised:
    • optimaalne kood
    • kasutatakse kõike hüperteksti märgistamise võimalusi
    • süntaksi värvi kasutamine, koodi korrektsuse ja viitade kontroll
    • paljud redaktorid on vabalt saadaval.
  • Puudused:
    • peab tundma HTMLi reegleid.
Erinevate redaktorite võrdlused on kättesaadavad Wikipediast: http://en.wikipedia.org/wiki/Comparison_of_HTML_editors