Popolare editor HTML visuali

07/03/2020

Gli editor visuali HTML funzionano secondo il principio WYSIWYG. Questa è un'abbreviazione per ciò che vedi è ciò che ottieni, che si traduce come: "Quello che vedi è ciò che ottieni".

Gli editori esperti correggono immediatamente il risultato quando apportano le modifiche. Tutte le modifiche dei caratteri, l'aggiunta di tabelle, l'inserimento di nuovi elementi vengono effettuate premendo i pulsanti corrispondenti. Questi strumenti di sviluppo ti aiutano a costruire rapidamente un sito web. WYSIWYG Gli editor visivi HTML esistono sia nelle applicazioni desktop che nelle versioni online.

WYSIWYG Web Builder

Editor visuale WYSIWYG

Questo è un semplice ed utile editor con cui una persona senza esperienza nel web design può lavorare. Per impostazione predefinita, il programma ha 10 modelli, sulla base dei quali vengono sviluppati i siti. C'è un'opportunità per ottenere modelli aggiuntivi che possono essere trovati sul sito ufficiale del programma. Gli strumenti per la modifica sono suddivisi in categorie. Eccoli:

  • navigazione;
  • disegno;
  • media;
  • forme;
  • Extra.

La funzionalità comporta l'aggiunta di codice JavaScript per creare effetti visivi. Per vedere il risultato, l'utente deve premere il pulsante F5 - la pagina apparirà nel browser, che viene usata di default.

Se lavori con l'albero delle pagine, puoi spostarti all'interno di un gestore speciale. Il programma controlla le prestazioni dei collegamenti forniti, valuta le dimensioni della pagina, crea una mappa del sito. Editor HTML con navigazione visiva WYSIWYG Web Builder supporta l'implementazione di estensioni, che consente di aumentare le capacità del software. Per utilizzare i componenti aggiuntivi, il programma deve essere registrato.

Creatore di pagine Web

Editor di Visual Web Page Maker

HTML e CSS Web Page Maker è un editor visuale per la creazione di siti multipagina a tutti gli effetti. Integra file grafici, video, tabelle, moduli di trasferimento file, testo, ecc. Come nel programma precedente, ci sono modelli base per un avvio rapido. Il programma prevede la possibilità di posizionare un elemento su più pagine.

La finestra del programma è divisa in due parti. A sinistra è presente il pannello Contenuti del sito, progettato per navigare tra le pagine del sito. Il lato destro è l'area di lavoro in cui il lavoro sta andando.

Un'altra opzione utile è creare un sito basato su una pagina esistente. È necessario specificare l'indirizzo della pagina Web che si desidera copiare. La libreria ha esempi di codice javascript. Sono utilizzati per posizionare un orologio nell'angolo dello schermo, mostrare l'ora, aggiungere una presentazione. L'editor HTML visuale per il sito può funzionare con FTP. Dopo aver creato il sito è possibile caricarlo sul server.

CoffeeCup Visual Site Designer

CoffeeCup Editor

Questo è un editor HTML visuale a pagamento. Viene fornito con dieci modelli gratuiti, tuttavia, è possibile acquistare ulteriori - per $ 9 per modello. Il posto di lavoro occupa l'intera finestra del programma, che è molto conveniente. Ci sono vari modi per aggiungere trasparenza, ombre, volume, cambiare la forma del blocco quando ci si passa sopra cursore del mouse.

Il programma ha un client FTP integrato. Dopo aver scaricato il sito sul server, puoi modificarlo direttamente dall'editor, se hai attivato la sincronizzazione dei dati. Il sito viene aggiornato automaticamente.

WebSite X5 Evolution 8

Editor di testo visuale WebSite X5

L'editor visuale HTML di WebSite X5 Evolution utilizza metodi di creazione di siti leggermente diversi. La libreria del programma contiene più di un centinaio di opzioni di progettazione. La creazione della pagina avviene in fasi.

  1. Innanzitutto, le parti principali del sito sono configurate. Qui puoi inserire il nome, il nome dell'autore, la lingua, le parole chiave, le icone. Seleziona come visualizzare il menu.
  2. È necessario riflettere sulla struttura e creare una mappa del sito, contrassegnare le risorse nascoste, specificare la frequenza di aggiornamento della pagina.
  3. Per modificare una pagina, fai clic su di essa. Quando viene visualizzata la finestra di lavoro, viene indicato il numero di blocchi sulla pagina, vengono inseriti file multimediali, testo, tabelle e presentazioni.
  4. Ulteriori impostazioni, come flash, pubblicità e news feed, sono configurate all'ultimo stadio.

Dopo la fine del lavoro, il sito viene caricato sul server utilizzando il client FTP integrato.

KompoZer

Compositore - editor visuale

L'editor HTML con un'anteprima visiva di KompoZer è un programma open source completamente gratuito. Funziona su tutti i sistemi operativi più diffusi (Windows, Mac, Linux), capisce perfettamente il linguaggio JavaScript, supporta tutti gli standard moderni. Per estendere le funzionalità di base dal sito ufficiale, è possibile scaricare moduli di terze parti.

Per lavorare pacchetto installato per la russificazione del programma. L'editor è in grado di lavorare contemporaneamente con diverse pagine, caricare il sito sul server, modificare i codici letteralmente al volo. Il programma ha un correttore ortografico integrato. KompoZer è progettato per i webmaster professionisti.

HTML online

Questo è uno degli editor online più popolari. Per iniziare, vai alla pagina dell'applicazione web. Il programma supporta la formattazione del documento di testo in HTML-markup, funziona alla grande con Google Docks, PDF, Excel. CSS, JavaScript è modificato in schede separate. Il layout viene aggiornato nella finestra del browser quando si apportano modifiche. Uno dei vantaggi è che HTML online non ha bisogno di essere installato su un computer.

staffe

Ambiente di sviluppo di Bracketts

Questo non è solo un editor per il layout del sito Web, è un ambiente di sviluppo IDE completo. Adatto per scrivere codice in qualsiasi linguaggio di programmazione. Inoltre, ci sono molti strumenti utili per accelerare il processo di editing.

Elenco di estensioni popolari per i web designer:

  • Emmet - accelera la scrittura di CSS, codice HTML abbreviando i comandi di base.
  • Abbellisci i formati HTML, CSS, file Javascript.
  • La convalida del W3C controlla il codice per la conformità con gli standard stabiliti.

Questa è una breve descrizione dei popolari editor visuali HTML. Scegli quello che ti è veramente piaciuto. Ognuno di loro ha i suoi vantaggi e svantaggi. Per apprezzare questi programmi solo dopo aver testato personalmente la funzionalità.