Come creare un modello HTML

September 26

Creazione di un modello HTML è un compito semplice e risparmio di tempo che permette di costruire pagine web che sono coerenti in apparenza. I modelli consentono di progettare uno scheletro della tua pagina master, bypassando così la necessità di digitare le stesse linee di codice più e più volte. Facendo copie di questa pagina iniziale, è possibile modificare e aggiungere contenuti specializzati per ogni file e presentare un aspetto professionale e unificata per i tuoi visitatori web.

istruzione

1 Aprire un documento HTML in un editor di testo, ad esempio BBEdit o Dreamweaver.

2 Inserisci il tuo dichiarazione DOCTYPE preferito all'inizio del documento. Questo dice il browser Web viene creata la versione di markup pagina HTML in.

3 Inserire il "<html>" e "<head>" tag di apertura.

4 Inserisci il tuo set di caratteri preferito e la codifica. Questo dice il browser web come interpretare i caratteri della pagina.

5 Inserire il tag di apertura "<title>", digitare il nome della tua pagina web e chiudere il tag digitando "</ title>."

6 Inserire la chiusura "</ head>" tag.

7 Inserire l'apertura "<body>" tag. Contenuto inserito sotto di questo tag è il segnaposto per il contenuto principale di ogni pagina.

8 Inserire l'apertura "<h1>" tag, digitare il nome del tuo primo titolo e chiudere il tag digitando "</ h1>". Questa è la pagina predefinita per le intestazioni di pagina. È possibile modificare questa voce con ogni nuovo file creato dal modello.

9 Inserire l'apertura "<p>" tag, digitare "testo qui", o utilizzare la formulazione della vostra preferenza, e chiudere il tag digitando "</ p>." Questo tag di paragrafo crea segnaposti per sezioni di testo nel modello.

10 Inserisci eventuali ulteriori tag che si richiedono sul modello HTML, come ad esempio "<h2>" o ulteriori "<p>" elementi.

11 Inserire la chiusura "</ body>" e "</ html>" tag. Assicurati di inserire i tag in questo ordine di assicurare correttamente il file viene visualizzato.

12 Un nome al file "modello" e salvarlo con l'estensione ".html". In alcuni editor di testo HTML, come Dreamweaver, è possibile scegliere di salvare il file come modello dalla barra degli strumenti. Questo consente di assegnare un nome e descrivere il modello per un utilizzo futuro.

13 Crea copie del tuo template HTML utilizzando la funzione di copia del vostro editor di testo HTML. È ora possibile iniziare a modificare le nuove pagine che contengono il contorno master.

Consigli e avvertenze

  • Molte applicazioni di progettazione web, come Dreamweaver, hanno modelli HTML readymade che è possibile modificare.