Editor web: differenze tra le versioni

Versione delle 11:22, 8 giu 2023

Versione attuale delle 10:28, 18 ago 2025

(5 versioni intermedie di 4 utenti non mostrate)

Riga 1:

Un '''editor web''' (detto anche '''editor [[HTML]]''') è un'applicazione utile per la creazione di [[paginaPagina web|pagine web]]. Il codice [[HTML]] si può anche scrivere con un normale editor di testo, tuttavia delle applicazioni create appositamente potrebbero risultare più efficaci, ad esempio evidenziando la sintassi, correggendo gli errori di sintassi o ancora consentendo di creare la pagina usando un'interfaccia e senza conoscere nemmeno le basi di HTML.

Molte di queste applicazioni non permettono solo di gestire l'HTML ma anche i fogli di stile, [[Foglio di stile|CSS]], [[XML]] e [[JavaScript]]. In alcuni casi possono anche integrare dei [[client]] FTP per comunicare con [[server]] remoti via [[File Transfer Protocol|FTP]].

Principalmente esistono due tipi di editor HTML: editor testuali e visuali, questi ultimi sono anche chiamati editor [[WYSIWYG]] che sta per "What You See Is What You Get", ovvero "ciò che vedi è ciò che ottieni".

Riga 17:

== Editor visuali ==

Gli editori visuali sono caratterizzati da una comoda interfaccia attraverso la quale si possono creare le proprie pagine, il più delle volte hanno anche una sorta di browser integrato per visualizzare l'anteprima della pagine realizzate e constatare se il risultato raggiunto sia ciò che si desiderava o meno. La maggior parte di questi applicativi consente la realizzazione della pagine in tre modalità:

*[[Codice sorgente]]: si scrive normalmente il codice come se fosse un editor testuale

Riga 23 ⟶ 22:

*Codice sorgente/Interfaccia: In sostanza si può agire in entrambi i modi, modificando l'interfaccia e vedere cosa succede nell'[[HTML]] o modificare il sorgente e vedere subito i cambiamenti.

L'interfaccia degli editor visuali è basato sul motore di [[rendering]] del layout dei normali [[browser web|browser]], ogni cambiamento che si fa nell'interfaccia produrrà immediatamente il risultato che più si avvicina alla sua visualizzazione in un browser. Lo scopo principale di un editor visuale è quello di far risparmiare tempo allo sviluppatore che crea codice automatico tramite [[interfaccia grafica]] anziché programmare personalmente da zero<ref>{{Cita web|url=https://devlounge.net/pros-and-cons-of-wysiwigs/|titolo=Pros and Cons of WYSIWYG Editors|sito=devlounge.net|accesso=2021-02-18}}</ref>.

=== Critiche ===

Riga 50 ⟶ 49:

=== WYSIWYM ===

[[File:Meditor.png|alt=WYMeditor|miniatura|WYMeditor]]

Gli editor [[WYSIWYM]] sono una tipologia leggermente diversa da quelli WYSIWYG perché anziché far concentrare l'attenzione dell'autore sulla presentazione del documento o del suo layout, questi editor si concentrano sulla formattazione di ogni singolo elemento dell'HTML ad esempio i paragrafi e sulla loro funzione nel contesto pagina. Il suo [[acronimo]] infatti sta per: ''What you see is what you mean'', ovvero ''ciò che vedi è ciò che intendi''.{{senza fonte}}

== Editor e standard W3C ==

Riga 60 ⟶ 59:

== Editor HTML nel browser ==

Nei browser è possibile visualizzare il codice della pagina web corrente (HTML, CSS e JS), generalmente scegliendo l'opzione "''visualizza codice sorgente''" che esce cliccando con il tasto destro del [[mouse]] su un punto qualsiasi della pagina. Si può inoltre simulare modifiche del codice sorgente della pagina con i browser solitamente con l'opzione "''ispeziona''" o "''esamina''" che esce cliccando con il tasto destro del mouse su un punto qualsiasi della pagina. In questo caso il browser si comporta come un editor HTML testuale ma solo visivamente, infatti queste modifiche non verranno salvate<ref>{{Cita web|url=https://www.labnol.org/internet/design/edit-web-pages-like-wiki/3832/|titolo=How to Edit Any Web Page in your Browser|autore=Amit Agarwal|sito=Digital Inspiration|lingua=en|accesso=2021-02-18}}</ref>.

[[File:Ispeziona-codice.png|centro|miniatura|350x350px|Opzione "ispeziona elemento" o "esamina"]]

[[File:Visualizza-sorgente.png|alt=Visualizza sorgente|centro|miniatura|350x350px|Opzione "visualizza sorgente"]]

Riga 75 ⟶ 74:

*[[Lista di editor HTML]]

*[[Pagina web]]

==Altri progetti==

{{interprogetto}}

==Collegamenti esterni==

Riga 83 ⟶ 85:

* {{cita web | 1 = http://v03.browsershots.org/ | 2 = browsershots.org, utilità per valutare la visualizzazione su diversi browser | accesso = 7 settembre 2007 | urlarchivio = https://web.archive.org/web/20071011012850/http://v03.browsershots.org/ | dataarchivio = 11 ottobre 2007 | urlmorto = sì}}{{cita web|https://browsershots.org/|Ultima versione disponibile}}

{{Controllo di autorità}}

{{Portale|internet}}

[[Categoria:Editor HTML| ]]