Editor web

Un editor web (numit și editor HTML ) este o aplicație utilă pentru crearea de pagini web . Codul HTML poate fi scris și cu un editor de text normal, cu toate acestea aplicațiile special create pot fi mai eficiente, de exemplu prin evidențierea sintaxei, corectarea erorilor de sintaxă sau chiar permițându-vă să creați pagina folosind o interfață și fără a cunoaște măcar elementele de bază ale HTML.

Multe dintre aceste aplicații nu numai că vă permit să gestionați HTML, ci și foi de stil, CSS , XML și JavaScript . În unele cazuri, aceștia pot integra și clienți FTP pentru a comunica cu servere la distanță prin FTP .

Există în principal două tipuri de editori HTML: editori textuali și vizuali, aceștia din urmă sunt numiți și editori WYSIWYG, care înseamnă „Ceea ce vedeți este ceea ce obțineți”.

Editorii de text

Blocați notele

Editorii de text au, în general, următoarele caracteristici:

• Evidențierea sintaxei
• Bare de instrumente pentru a facilita gestionarea etichetelor
• Comenzi rapide de la tastatură pentru a introduce rapid eticheta
• Proceduri ghidate pentru definirea aspectelor
• Sfaturi pentru scrierea codului
• Completarea automată a etichetelor

Editorii vizuali

Editorii vizuali se caracterizează printr-o interfață convenabilă prin care vă puteți crea propriile pagini, de cele mai multe ori au și un fel de browser integrat pentru a previzualiza paginile create și pentru a vedea dacă rezultatul obținut este ceea ce ați dorit sau mai puțin. Majoritatea acestor aplicații permit crearea paginilor în trei moduri:

Adobe Dreamweaver

• Cod sursă : în mod normal, scrieți codul ca și cum ar fi un editor de text
• Interfață utilizator : funcționează printr-o interfață care generează codul html necesar în fundal
• Cod sursă / interfață: Practic puteți face ambele moduri, schimbând interfața și văzând ce se întâmplă în HTML sau editând sursa și văzând modificările imediat.

Interfața editorilor vizuali se bazează pe motorul de redare a aspectului browserelor normale, fiecare modificare pe care o faceți în interfață va produce imediat rezultatul cel mai apropiat de vizualizarea sa într-un browser. Scopul principal al unui editor vizual este de a economisi timp dezvoltatorului care creează cod automat prin interfață grafică, mai degrabă decât să se programeze de la zero ^[1] .

Critici

În partea de sus o porțiune a unei pagini web dintr-un browser, în partea de jos aceeași porțiune a paginii într-un editor WYSIWYG care nu o poate afișa în același mod ca browserul

Editorii vizuali au fost adesea criticați din diferite motive ^{[2] [3]} :

• Nu produc cea mai bună sintaxă posibilă și de multe ori „murdăresc” codul. De exemplu, în loc să folosești foi de stil, aspectul tinde să fie definit printr-un abuz de etichete precum tabel , p , font , centru etc. Există, de asemenea, unele optimizatoare de cod, însă acestea sunt ușor confundate chiar și printr-o mică mijlocire din partea celui care creează pagina.
• O pagină produsă printr-un editor vizual este de obicei interpretată în cele mai disparate moduri de diferite browsere. Rezoluția ecranului în acest sens ar putea afecta, de asemenea. Pentru a depăși această problemă, unele browsere acceptă propriile foi de stil care le înlocuiesc pe cele ale creatorului paginii.
• Sintaxa produsă de un editor vizual, dacă nu este verificată corect, ar putea fi de neînțeles pentru roboții motoarelor de căutare și, în plus, ar putea provoca incompatibilitate cu browserele numai text.

   <! - Cod produs de un editor WYSIWYG cu elemente goale inutil -> 
  < h2 class = "heading" >
    < span class = "heading-text" > Wikipedia </ span >
    < span class = "heading-line" > </ span >
  </ h2 >
  <! - Cod echivalent mai corect și mai curat -> 
  < h2 class = "heading" > Wikipedia </ h2 >
  

Nu este întotdeauna WYSIWYG

Editorii vizuali nu își respectă întotdeauna promisiunile și uneori acronimul WYSIWYG se remarcă ca ceva relativ. Motivele sunt aceleași pentru care acești editori sunt criticați ^{[2] [4]} :

• Aceeași sintaxă ar putea fi interpretată diferit de browsere, sau chiar cu același browser, dar la o rezoluție diferită. Cea mai mare diferență poate fi evident observată comparând un browser de text precum Lynx cu unul modern. Același lucru este valabil și pentru browserele vocale, care probabil că nici măcar nu vor putea interpreta codul.
• Dacă tipăriți o pagină cu Firefox sau Internet Explorer (acum învechită în favoarea Microsoft Edge ), puteți obține rezultate diferite. Din fericire, utilizatorul are posibilitatea de a modifica rezoluția și parametrii de imprimare și, în plus, multe dintre aceste probleme pot fi rezolvate prin utilizarea foilor de stil.

Prin urmare, este clar că ceea ce vedeți este ceea ce obțineți ar putea fi valabil pentru o porțiune mai mult sau mai puțin mare de vizitatori, dar nimic nu poate garanta vreodată compatibilitatea paginii generate cu browserele tuturor vizitatorilor.

WYMeditor ^[5]

WYSIWYM

Editorii WYSIWYM sunt un tip ușor diferit de editorii WYSIWYG deoarece, în loc să concentreze atenția autorului asupra prezentării documentului sau a aspectului acestuia, acești editori se concentrează pe formatarea fiecărui element HTML, cum ar fi paragrafele și funcția lor în contextul paginii . De fapt, acronimul său înseamnă: ceea ce vezi este ceea ce vrei să spui sau ceea ce vezi este ceea ce vrei să spui ^[5] .

Standard și editor W3C

HTML este un limbaj de marcare structurat. Browserele sunt capabile să recunoască limbajul HTML și să structureze pagina în funcție de etichetele prezente în codul sursă al paginii. Organizația W3C definește regulile de construcție a paginilor, numite standard sau, în italiană, specifice .

Respectarea standardelor este o operațiune recomandată, pentru a face paginile accesibile pentru cel mai mare număr de utilizatori prin reducerea problemelor de navigație legate de situații de handicap, utilizarea rezoluțiilor mai mici decât cele pentru care este conceput site-ul, limitările lățimii de bandă etc. În acest sens, a fost conturat un principiu conform căruia structura documentului trebuie definită în HTML sau XHTML ; în timp ce aspectul, adică partea de design grafic, ar trebui să fie atribuit exclusiv foilor de stil sau CSS .

Unii editori HTML mai vechi, prin urmare, nu respectă directivele W3C moderne, chiar dacă noii editori WYSIWYG au făcut pași mari în acest sens, în ciuda drumului lung de parcurs. Diferită este situația editorilor de text, cu un pic de trucuri și expertiză, este relativ ușor să creați un cod care să îndeplinească specificațiile.

Editor HTML în browser

În browsere este posibil să vizualizați codul paginii web curente (HTML, CSS și JS), în general, alegând opțiunea „ Vizualizați codul sursă ”, care este ieșită făcând clic cu butonul din dreapta al mouse-ului oriunde pe pagină. De asemenea, puteți simula modificări ale codului sursă al paginii cu browserele, de obicei cu opțiunea „ inspectați ” sau „ examinați ” care apare făcând clic pe butonul din dreapta al mouse-ului oriunde pe pagină. În acest caz, browserul se comportă ca un editor HTML textual, dar numai vizual, de fapt aceste modificări nu vor fi salvate ^[6] .

Opțiunea „Inspectează elementul” sau „examinează”

Opțiunea „Vizualizare sursă”

Notă

Bibliografie

• Editorii HTML ( JPG ), în MCmicrocomputer , n. 171, Roma, Technimedia, martie 1997, pp. 294-298, ISSN 1123-2714 ( WC ACNP ) .

Elemente conexe

• Editor (IT)
• HTML
• Lista editorilor HTML
• pagină web

linkuri externe

• Specificații HTML de pe W3C , la w3.org .
• Validator HTML W3C , la validator.w3.org .
• Validator CS3 W3C , la jigsaw.w3.org .
• browsershots.org, utilitar pentru evaluarea afișajului pe diferite browsere , pe v03.browsershots.org . Adus la 7 septembrie 2007 (arhivat din original la 11 octombrie 2007) .

Portal internet : accesați intrările Wikipedia care se ocupă de internet