» » » » » Tipuri de editoare HTML

Tipuri de editoare HTML

postat în: Dezvoltarea web | 3

w3c_amaya_10_fullmode_enwiki_xfce4therapy Editor HTML Amaya 10

Există diferite tipuri de editoare HTML: text, obiect şi WYSIWYG (What You See Is What You Get).

Editoare de text

Editoarele de text (sursă) folosite pentru HTML oferă de obicei posibilitatea evidenţierii sintaxei. Template-uri, bare de utilităţi şi accesul rapid al tastaturii pot introduce uşor elemente şi structuri HTML. Wizard, bulele informative şi autocompletarea pot ajuta în sarcinile obişnuite.

Editoarele de text HTML includ de obicei funcţiuni integrate sau integrarea cu instrumente externe pentru astfel de sarcini precum sursa şi controlul versiunii, verificare linkuri, verificare cod şi validare, curăţire cod şi formatare, verificare gramatică, încărcare prin FTP sau WebDAV, şi structurare ca un proiect.

Editoarele de text necesită înţelegerea de către utilizator a HTML şi a oricărei alte tehnologii web pe care designerul vrea să o folosească, precum CSS, JavaScript şi limbaje scripting pentru server.

Pentru a scrie o pagină folosind editoarele de text:

Porniţi Notepad: Start > All Programs > Accessories > Notepad

Scrieţi codul HTM în Notepad, de exemplu:

<!DOCTYPE html>
<html>
<body>
<h1>Afacerea mea online</h1>
<p>Servicii oferite de Firma SRL.</p>
</body>
</html>

Salvaţi textul ca pagină web cu extensia .htm sau .html, din meniul Notepad: File > Save as. Gata, aţi creat prima dvs. pagină web!

Pentru a vizualiza pagina nou creată, porniţi browserul web şi deschideţi pagina în acesta din meniul lui (de exemplu, pentru Mozilla Firefox folosiţi File > Open File), sau folosiţi Windows Explorer sau altă aplicaţie pentru a ajunge în locaţia în care aţi salvat pagina, şi faceţi dublu clic pe ea.

Pagina va arăta astfel:

html1

Editoare de obiecte

Unele editoare permit editarea alternativă a textului sursă al obiectului într-un mod vizual mai organizat decât simpla evidenţiere prin colorare, dar fără WYSIWYG. Unele editoare WYSIWYG includ opţiunea de folosire a ferestrei de paletă care permite editarea parametrilor pe bază de text ai obiectelor selectate. Aceste palete permit editarea parametrilor în câmpuri pentru fiecare parametru, sau ferestre de text pentru a edita întregul grup de text de sursă pentru obiectul selectat. Ele pot include widgeturi pentru a prezenta şi selecta opţiuni cînd sunt editaţi parametrii. Adobe GoLive oferă un editor pentru a expanda şi colapsa obiecte HTML şi proprietăţi, edita parametri, şi vizualiza grafice ataşate obiectelor expandate.

Editoare WYSIWYG

Editoarele HTML WYSIWYG oferă o interfaţă de editare care arată cum va fi afişată pagina într-un browser web. Unele editoare, precum cele sub forma extensiilor de browser, permit editarea într-un browser web. Întrucât folosirea unui editor WYSIWYG nu necesită cunoştinţe HTML, sunt uşor de folosit de un utilizator mediu de calculator.

Vizualizarea WYSIWYG este realizată prin inserarea unui dispozitiv asemănător cu cel folosit într-un browser web. Acest dispozitiv a fost îmbunătăţit considerabl de dezvoltatorii editoarelor pentru a permite tipărirea, copierea, ştergerea şi mutarea conţinutului. Scopul este ca, oricând pe perioada editării, rezultatul trebuie să fie văzut aşa cum se va vedea el într-un browser web.

Editoarele WYSIWYG fac web designul mai rapid şi mai uşor, dar mulţi profesionişti încă folosesc editoarele text, în ciuda faptului că cele mai multe editoare WYSIWYG au şi un mod de editare manual pentru codul HTML. Webul nu a fost creat iniţial ca un mediu vizual, iar încercările de a avea mai mult control, precum prin CSS, a fost foarte puţin sprijinite de majoritatea browserelor web. Din această cauză, codul generat automat de editoarele WYSIWYG dăunau adesea mărimii fişierelor şi compatibilităţii cu browserele, pentru a crea un design care să pară la fel pentru cele mai folosite browsere web. Acest cod generat automat poate fi editat şi corectat manual.

Editoare WYSIWYM

What You See Is What You Mean (WYSIWYM) este o paradigmă alternativă la editoarele WYSIWYG . În loc să se focalizeze pe formatul prezentării documentului, prezervă sensul intenţional al fiecărui element. De exemplu, antetele paginii, secţiuni, paragrafe, etc., sunt etichetate ca în programul de editare, şi afişate adecvat în browser.

WYMeditor este un exemplu de editor XHTML WYSIWYM.

(Traducere şi adaptare din Wikipedia sub licenţa GNU)

3 Responses

  1. Daniel P.
    |

    Puteti sa adaugati in articol si Notepad ++ ,o unealta puternica (pentru unii aproape indispensabila) si foarte populara (si gratuita) pe care o mai folosesc si eu. Felicitari pt. articolele de pe site – foarte explicite (tre’ sa recunosc ca…ai rabdare, nu gluma!) Mult succes in continuare!

  2. Razvan Ungureanu
    |

    dar nu am inteles niciodata WYSIWYG

  3. Razvan Ungureanu
    |

    mai stiu si eu cate ceva din HTML

Lasă un răspuns

Adresa ta de email nu va fi publicată. Câmpurile obligatorii sunt marcate cu *