Saper modificare il codice HTML è un'abilità indispensabile quando hai il tuo sito Web. Anche quando si utilizzano strumenti che gestiscono il codice per voi di authoring Web, potrebbe essere necessario modificare il codice se stessi per ottenere risultati specifici. Se si utilizza un modello di progettazione Web, modificare il codice HTML è necessario per personalizzare il modello. Sperimentando con diversi tag HTML e attributi, si può imparare a personalizzare il tuo sito Web.

Istruzioni

1

Scaricare e installare un editor HTML gratuito come KompoZer o HTML Kit. Avete bisogno di un editor HTML per modificare pagine HTML. Se non si desidera installare un nuovo programma, è possibile utilizzare blocco note.

2

Salvare la pagina HTML sul disco rigido che si desidera modificare. Fare clic sul menu "File" e scegliere "Salva come". Digitare un nuovo nome di file o utilizzare il nome originale del file e fare clic su "Salva".

3

Aprire e visualizzare la pagina HTML con Windows Explorer. Decidere quali modifiche per apportare.

4

Aprire il file HTML con il programma di editing HTML. Cliccate destro sul file, scegliere "Apri con" e selezionare l'editor HTML che è stato installato.

5

Visualizza la pagina in visualizzazione di codice HTML non elaborata. Se si utilizza il blocco note o un editor di testo, sarete sempre in vista codice non elaborato. Se si utilizza Dreamweaver o un'altra pagina Web visual editor (conosciuto come un editor WYSIWYG), è possibile passare tra la modifica del codice di visual e crudo (testo).

6

Fare riferimento a un riferimento HTML. Cercare il tag da modificare se non si è certi del codice corretto da utilizzare. Un riferimento HTML spiega usi, attributi e valori di ciascun tag. Ogni tag ha uno scopo. Ad esempio, un tag imposta un titolo, corpo del testo, un paragrafo o tabella. Ricerca per il tag che si desidera modificare nel codice.

7

Fare clic su un tag HTML per modificarlo. Per inserire un nuovo tag, digitare il nome del tag e racchiuderlo in una barra e frecce. Ogni tag HTML inizia con un tag racchiuso tra le frecce come < p > o < body > e termina con il tag racchiuso tra le frecce e una barra ad esempio </p > e < / body >. Per aggiungere un attributo a un tag, digitare l'attributo accanto al nome del tag con un segno di uguale e le virgolette. Ad esempio, per aggiungere l'attributo di allineamento nel tag < p >, utilizzare < p align = "" >< / p >. Per immettere un valore per l'attributo, immettere il valore tra virgolette, utilizzare < p align = "center" >< / p >.

8

Aggiungere testo alla tua pagina Web. Fare clic tra l'inizio e fine tag HTML. Digitare il testo che si desidera venga visualizzato nella pagina. Lo spazio tra una coppia di tag HTML può essere utilizzato per il testo. Ad esempio, digitare il titolo della pagina tra il < title > e < / title > Tag come indicato di seguito: < title > My Home Page < / title >.

9

Salvare e visualizzare le modifiche. Fare clic su "File" e scegliere "Salva con nome" o "Salva". Aprire il file nel browser Web per visualizzare le modifiche. Alcuni programmi di editing HTML hanno un'opzione di "anteprima" che consente di visualizzare le modifiche.

10

Caricare le modifiche al tuo host Web. Una volta terminate le modifiche, caricare il nuovo file al tuo sito Web utilizzando un client FTP, upload di file incorporato del tuo host web utilità o la funzione di caricamento nel vostro programma di editing.

Consigli & Avvertenze

• Portata di un riferimento HTML.
• Salvare il file HTML originale che si desidera modificare e non sovrascrivere. Modificare e salvare un nuovo file. Se si finisce per rimpiangere le modifiche apportate, tornare al file originale.
• Utilizzare un editor HTML dedicato invece di un editor di testo o word processor. Editor HTML hanno numerose caratteristiche che rendono più semplice di codifica. Ad esempio, un programma di editing può segnalare gli errori nel codice. Tag, attributi, valori e altri elementi del codice sono assegnati ciascuno un colore unico, rendendo più facile per identificare il codice specifico quando si modifica.
• Aggiungere commenti ai tuoi tag per renderlo più facile identificare i tag in un secondo momento. Commenti HTML vengono digitati tra <!- e -->. Ad esempio, <!..--questo è il tag di paragrafo. -->.