Hvordan lage en HTML-mal

November 21

Opprette en HTML-mal er en enkel og tidsbesparende oppgave som lar deg lage nettsider som er konsekvent i utseende. Maler gjør deg i stand til å utforme et skjelett av master side, og dermed omgå behovet for å skrive inn de samme linjer med kode om og om igjen. Ved å lage kopier av denne første siden, kan du redigere og legge til spesialisert innhold til hver fil og presentere et profesjonelt og helhetlig utseende til web besøkende.

Bruksanvisning

1 Åpne et HTML-dokument i et tekstredigeringsprogram, for eksempel BBEdit eller Dreamweaver.

2 Skriv inn din foretrukne DOCTYPE erklæring i begynnelsen av dokumentet. Dette forteller nettleseren versjonen av markup HTML-siden er opprettet i.

3 Skriv åpningen "<html>" og "<head>" koder.

4 Skriv inn din foretrukne tegnsett og koding. Dette forteller nettleseren hvordan man skal tolke tegnene på siden din.

5 Skriv åpningen "<title>" tag, skriv inn navnet på nettsiden og lukke taggen ved å skrive inn "</ title>."

6 Skriv inn den avsluttende "</ head>" tag.

7 Skriv åpningen "<body>" tag. Innhold kom inn under denne koden er den plassholder for hovedinnholdet i hver side.

8 Skriv åpningen "<h1>" tag, skriv inn navnet på den første overskriften og lukke taggen ved å skrive inn "</ h1>." Dette er plassholder for siden din overskrifter. Du kan endre denne overskriften med hver ny fil du oppretter fra malen.

9 Skriv åpningen "<p>" tag, skriv inn "tekst her", eller bruke ordlyden i dine preferanser, og lukk tag ved å skrive inn "</ p>". Denne paragrafen tag skaper plassholdere for deler av teksten i malen.

10 Skriv inn eventuelle nye koder som du trenger på HTML-mal, for eksempel "<h2>" eller ekstra "<p>" elementer.

11 Skriv inn den avsluttende "</ body>" og "</ html>" koder. Husk å skrive inn kodene i den rekkefølgen for å sikre filen vises riktig.

12 Gi filen navnet "mal" og lagre den med ".html" forlengelse. I noen HTML-tekstredigeringsprogrammer, for eksempel Dreamweaver, kan du velge å lagre filen som en mal fra verktøylinjen. Dette gjør det mulig å navngi og beskrive malen for fremtidig bruk.

1. 3 Lag kopier av HTML-mal ved hjelp av HTML-teksten redaktørens kopifunksjon. Du kan nå begynne å redigere de nye sidene inneholder master disposisjon.

Hint

Mange webdesign programmer, for eksempel Dreamweaver, ha ferdighus HTML-maler som du kan redigere.