Editor HTML semplice e conveniente. Editor HTML visivo

Gli antipiretici per i bambini sono prescritti da un pediatra. Ma ci sono situazioni di emergenza per la febbre, quando il bambino ha bisogno di medicine immediatamente. Quindi i genitori si assumono la responsabilità e usano farmaci antipiretici. Cosa è permesso dare ai bambini? Come abbassare la temperatura nei bambini più grandi? Quali farmaci sono i più sicuri?

HTML visivo- un editor simile a Macromedia Dreamweaver, ma completamente gratuito. Un ottimo strumento per i principianti che stanno appena iniziando a padroneggiare la scienza della creazione di siti Web.

Perché è bravo? Sì, il fatto che per creare una pagina web non sia necessario preoccuparsi dello studio dei linguaggi di programmazione web. Basta digitare testo, inserire immagini o animazioni e NVU si occupa di tutto il lavoro "sporco" di formattazione del tutto in HTML.

Ora abbiamo un forum a tua disposizione. I tag sono evidenziati e puoi vedere sia l'editor visivo che l'editor di codice in qualsiasi momento allo stesso tempo. Il codice scritto è ordinato per numero di riga e con i pulsanti è possibile nascondere o mostrare parti del codice contenute in un tag specifico attraverso una semplice struttura ad albero.

Non hai più bisogno di un computer, ma puoi apportare modifiche non appena ottieni il file, ovunque. Può anche essere utilizzato per gestire pagine, rinominarle, spostarle, copiarle o eliminarle. Ci sono altre funzionalità a pagamento aggiuntive.

Purtroppo al momento lo sviluppo di NVU è stato sospeso, ma il progetto è cresciuto fino alla prima versione stabile, e questo è già tanto. Diamo un'occhiata più in dettaglio.

Capacità della NVU

  • diverse modalità di visualizzazione della pagina modificata;
  • ampie opportunità per la progettazione del testo;
  • inserimento di immagini (inclusi sfondi);
  • la capacità di lavorare sull'intero sito, e non solo sulle singole pagine;
  • creazione di tabelle e moduli;
  • pubblicazione del sito modificato direttamente dall'editore;
  • proprio editor CSS (Cascading Style Sheet) e console Java Script.

Tutto questo e molto altro ci permette di realizzare un piccolo sito da zero con conoscenze minime (preferibilmente) nel campo dell'HTML (o la loro totale assenza :)).

Contro: alcune funzionalità aggiuntive sono disponibili solo a un costo aggiuntivo. Usando questo editor, puoi aggiungere note, forme, evidenziare parti di testo, sottolineare e galoppare il testo. Ti consente anche di aggiungere testo, disegnare e condividere i file appena modificati. Questa è un'app davvero bella da usare!

A questo punto, possiamo iniziare sul serio e implementare un sistema davvero potente e versatile Software, grazie al quale realizzeremo il nostro e-book, e potremo esportarlo nei formati più utilizzati e richiesti dai negozi online e dai lettori. Diamo un'occhiata più da vicino a quali sono le caratteristiche di questo programma e come sarà in grado di manipolare il file del nostro libro.

Installazione dell'editor visivo

Download in corso... Installazione in corso... Avvio e visualizzazione :) (esatto: nessun gesto non necessario con Russification, immissione di informazioni aggiuntive, ecc.).

Accettiamo di creare un collegamento sul desktop e di avviare NVU con esso.

Interfaccia NVU

A prima vista, NVU sembra una specie di editor di testo. Questo è il suo merito principale: un'interfaccia grafica visiva.

I primi due definiscono le strutture e il terzo definisce la formattazione. Così invece lo troviamo già pronto e disponibile per tutte le impostazioni desiderate. L'interfaccia del programma è molto intuitiva, ma illustriamola allo stesso modo. Il piano di lavoro è suddiviso in quattro aree specifiche. Posizioniamoci sul titolo del libro che vogliamo modificare e clicchiamoci sopra con il tasto destro. Dal menu contestuale, seleziona "Modifica libro" e attendi qualche minuto per aprire la nuova interfaccia di lavoro.

Vediamo subito cosa è cambiato rispetto al precedente. A questo punto, siamo pronti per modificare il nostro file come meglio crediamo. Possiamo farlo con l'aiuto degli strumenti di formattazione in alto. Basta selezionare la parte che si desidera modificare e scegliere un'opzione.

Ma guardando in basso, vedrai che oltre alle solite, ci sono molte altre modalità per visualizzare le informazioni inserite:

  • tag HTML;
  • e anteprima.

Modalità tag HTML

I "tag HTML" sono una specie di mosaico di testo e tag, progettati come rettangoli colorati.


Assumiamo che le possibilità di modificare il nostro libro siano teoricamente infinite. Se volessimo, potremmo riscrivere l'intero codice e storpiarlo. Iniziamo con l'indice e facciamo clic sul pulsante "Modifica indice" nella parte superiore della barra degli strumenti. La mascherina aperta ci permetterà di eseguire varie operazioni.

Modifica, elimina o sposta una voce esistente. crea un nuovo elemento e posizionalo dove vuoi. eliminare l'intero indice e crearne uno nuovo, iniziando con intestazioni di base, file in un libro o collegamenti ipertestuali. Non importa quello che vogliamo, ma ricorda sempre che l'indice viene utilizzato per passare agevolmente al nostro file, quindi evitiamo di essere troppo creativi e scegliamo sempre una soluzione pratica e facile da usare.

Questa modalità di visualizzazione è utile per gli utenti inesperti, in quanto mostra tutti i principali tag utilizzati e allo stesso tempo non si preoccupa di un gran numero di essi, pur rimanendo lo stesso editor visivo.

Inoltre, in questa modalità è conveniente studiare i nomi dei tag, in modo da poterli utilizzare facilmente in seguito nella modalità di modifica del codice.

Codice modalità

La modalità "Codice" è una finestra familiare a tutti gli sviluppatori web con il codice HTML della pagina in fase di modifica. È da qui, da tutti questi scarabocchi, che crescono tutte le risorse di Internet.


Avendo imparato il linguaggio del codice, puoi facilmente aggiungere al tuo sito qualsiasi controllo, script e altri "chicche" che sei abituato ad ammirare sui siti di altre persone :).

Anteprima

E, infine, "Anteprima" permette di valutare il risultato dei nostri sforzi, visualizzando la pagina nella forma che acquisirà su Internet.

Nello screenshot, non differisce dalla controparte testuale, ma vale la pena aggiungere eventuali elementi di navigazione o script, poiché la differenza si rivelerà da sola:


Se stavi modificando questa pagina in Blocco note come un programmatore hardcore, avresti bisogno almeno di un browser e di un server Web locale per visualizzarla.

E qui, come si suol dire, già "tutto compreso".

Ora che le opzioni di visualizzazione e modifica sono state un po' chiarite, diamo uno sguardo più approfondito alle capacità di NVU.

Funzionalità nascoste dell'editor HTML visivo di NVU

Tutte le opzioni di formattazione di base sono disponibili come icone, ma alcune opzioni sono nascoste nella barra dei menu.

Ad esempio, nel menu "File" troverai funzioni come:

1. "Apri un indirizzo su Internet". Grazie al motore di Mozilla permette di aprire e modificare le pagine direttamente da Internet.

Questo può essere molto utile se vuoi vedere come viene eseguita questa o quella funzionalità per il sito. Basta inserire l'indirizzo nella finestra che si apre e ammirare il risultato:


2. "Esporta in formato testo". Dopo aver ammirato il sito, puoi salvarne il codice sorgente in formato .txt sul tuo disco rigido.

In "Modifica" ci sono strumenti per cercare le parole giuste nel testo e controllare l'ortografia.

Nel menu "Inserisci", puoi prestare attenzione alla possibilità di inserire codice PHP e caratteri che non sono sulla tastiera.

"Formato" offre un'ampia gamma di opzioni per personalizzare l'aspetto di testo, immagini e altre informazioni.

La caratteristica più interessante e, soprattutto, non visualizzata da nessuna parte qui è "Colore e sfondo della pagina". Usando questa opzione, puoi facilmente aggiungere qualsiasi immagine di sfondo o semplicemente scegliere un buon colore di sfondo per il sito.


Infine, il menu "Strumenti" fornisce opzioni come l'accesso a una console JavaScript, un editor CSS e uno strumento di ispezione del codice HTML.

Inoltre da qui puoi accedere alle impostazioni del programma e alle impostazioni del tema NVU.

conclusioni

NVU è facile da capire, poiché tutti i controlli nel programma sono forniti con suggerimenti e spiegazioni e, grazie a un gruppo di sviluppatori russi del team Mozilla.ru, c'è anche un ottimo aiuto in russo.

L'unico svantaggio di NVU è che il codice generato dal programma è molto ingombrante e ha molti tag non necessari. Ma lascia che questo sia solo un incentivo per te a studiare HTML, ottimizzare e portare il tuo sito alla perfezione.

Buona fortuna per i tuoi sviluppi e successo in tutti i tuoi sforzi!

PS È consentito copiare e citare liberamente questo articolo, a condizione che sia indicato un collegamento attivo aperto alla fonte e sia preservata la paternità di Ruslan Tertyshny.

Vlad Merzevich

Per un lavoro efficace, non puoi fare a meno degli strumenti necessari e familiari, anche durante la scrittura di codice HTML. Pertanto, per lo sviluppo iniziale di pagine Web o anche di un piccolo sito - questo è il nome di un insieme di pagine interconnesse da collegamenti e un unico design, abbiamo bisogno dei seguenti programmi.

  • Editor di testo.
  • Browser per visualizzare i risultati.
  • Validator è un programma per controllare la sintassi HTML e rilevare gli errori nel codice.
  • Editor grafico.
  • Riferimento ai tag HTML.

Editor di testo

Un documento HTML può essere creato in qualsiasi editor di testo, sebbene Blocco note, tuttavia, non tutti i programmi siano adatti a questo scopo. Hai bisogno di uno che supporti le seguenti funzionalità:

  • evidenziazione della sintassi - evidenziazione di tag, testo, parole chiave e parametri in diversi colori. Ciò semplifica la ricerca dell'elemento desiderato, velocizza il lavoro dello sviluppatore e riduce il verificarsi di errori;
  • lavoro a schede. Il sito è un insieme di file che devono essere modificati separatamente, il che richiede un editor che possa lavorare contemporaneamente con più documenti contemporaneamente. Allo stesso tempo, è conveniente aprire i file in schede separate per passare rapidamente al documento desiderato;
  • verificando la presenza di errori nel documento corrente.

PSPad

Lettore HTML

Blocco note++

Modifica più

Browser

Un browser è un programma progettato per visualizzare le pagine web. All'inizio qualsiasi browser andrà bene, ma con l'aumento dell'esperienza e delle conoscenze, sarà necessario avviare un intero "serraglio" per verificare la corretta visualizzazione del sito nei diversi browser. Il fatto è che ogni browser ha le sue caratteristiche uniche, quindi per verificare l'universalità del codice, è necessario rivedere e adattare il codice per tenerne conto. I tre browser più popolari oggi sono Firefox, Internet Explorer e Opera.

Mozilla Firefox

Un browser promettente e in via di sviluppo che ha ricevuto riconoscimenti in tutto il mondo. La sua caratteristica è la semplicità e l'estendibilità, che si ottiene attraverso apposite prolunghe, come vengono chiamate. Inizialmente, Firefox ha un insieme delle sole funzioni più necessarie, ma installando le estensioni desiderate, puoi eventualmente trasformare il browser in un sistema che esegue tutte le azioni necessarie per svolgere il tuo lavoro. Il browser Firefox è un sistema aperto sviluppato dal gruppo Mozilla.

Microsoft Internet Explorer (IE)

Uno dei browser più vecchi che viene fornito con il sistema operativo gratuitamente Sistema Windows. Questo ha determinato la sua popolarità. La versione IE 7 è più vicina in termini di praticità ai suoi vecchi concorrenti, in particolare sono apparse le schede. Sfortunatamente, questo browser supporta la specifica HTML peggiore di tutte, quindi per una corretta visualizzazione in IE, a volte devi eseguire il debug separatamente del codice specifico per esso.

musica lirica

Un browser veloce e conveniente che supporta molte funzionalità aggiuntive che aumentano il comfort di lavorare con i siti.

safari

Sviluppato da Apple, questo browser è integrato in iPhone e sistema operativo MacOS su computer Apple. Esiste anche una versione per Windows.

Google Chrome

Un browser apparso sul mercato alla fine del 2008. Sviluppato da Google.

Validatore

La convalida di un documento HTML è progettata per rilevare errori nella sintassi di una pagina Web e discrepanze con la specifica HTML. Di conseguenza, un programma o un sistema per tale verifica è chiamato validatore.

Come verificare la validità del file HTML

Se hai accesso a Internet, dovresti andare su http://validator.w3.org e inserire il percorso del documento o del sito da controllare in un modulo speciale. Dopo la convalida, verranno visualizzati eventuali errori o apparirà un'iscrizione che indica che il documento è stato convalidato con successo.

Ordinata

Per controllare un file HTML locale o quando non c'è connessione a Internet, è progettato il programma Tidy. Alcuni editor, come PSPad, contengono già Tidy integrato e la convalida dei documenti può essere eseguita senza strumenti aggiuntivi.

Editor grafico

È necessario un editor grafico per elaborare le immagini e prepararle per la pubblicazione su una pagina web. Il programma più popolare di questo tipo è Photoshop, che è diventato lo standard per l'elaborazione di foto e la creazione di grafica per siti Web. Ma la maggior parte delle volte la potenza di Photoshop è eccessiva ed è meglio usare qualcosa di più semplice e agile. In particolare, il programma Paint.Net ti consente di eseguire tutte le manipolazioni necessarie con le immagini, inoltre è gratuito.

Riferimento tag HTML

All'inizio ricordare a memoria tutti i tag e i relativi parametri è difficile, quindi è necessario esaminare periodicamente il manuale per chiarire un problema particolare. In generale, tutti hanno bisogno di una buona guida, indipendentemente dal livello di formazione.

Elenchi in linea

Descrizione dei tag HTML (in inglese)
http://www.w3.org/TR/html4/index/elements.html

Su questo sito troverai anche una delle migliori guide ai tag in Runet.



Sostieni il progetto - condividi il link, grazie!
Leggi anche
regole del gioco del combattimento di galli regole del gioco del combattimento di galli Mod per Minecraft 1.7 10 ricette per guardare.  Ricette per creare oggetti in Minecraft.  Armi in Minecraft Mod per Minecraft 1.7 10 ricette per guardare. Ricette per creare oggetti in Minecraft. Armi in Minecraft Scellino e sterlina: l'origine delle parole Scellino e sterlina: l'origine delle parole