Hvordan Design en websidemal

August 18

Å designe en nettside mal er en effektiv måte å spare tid og holde utseendet på websidene konsekvente. Med maler, er de vanligste ingrediensene i design montert slik at det første oppsettet arbeidet er gjort bare én gang. Kopier er da skapt ut av dette "foreldre" -filen og tilpasses etter hver side innhold. Du kan utføre denne oppgaven ved hjelp av en HTML-tekstredigeringsprogram eller laste ned en ferdig, åpen kildekode mal fra nettet for å komme i gang umiddelbart.

Bruksanvisning

Bringe Side to Life

1 Skisser en layout av din ideelle nettside på papir. Det er veldig nyttig å ha en idé om hva du ønsker å oppnå før du utvide noen innsats.

2 Identifisere navnet på websiden og plassere dette i "<title>" tag i HTML-koden.

3 Plasser verktøylinjen koden som står under "<body>" tag. Du kan opprette en verktøylinje ved hjelp av en web-design program, for eksempel fyrverkeri, eller bruke en gratis verktøylinje skaperen, som iToolbar.net, tilgjengelig på nettet. verktøylinjeknapper Vanlige inkluderer "Home", "Om" og "Lenker", men dette kan variere avhengig av hvilken type siden du lager.

4 Angi eventuelle vanlige overskrifter du har tenkt å bruke på websider og plassere den i "<h1>" overskriften.

5 Skriv inn noen form for tekst som skal gjentas på sidene og skriv dette i mellom "<p> </ p>" koder.

6 Lag en opphavsrett nederst på siden din i mellom "<p> </ p>" koder. Kunngjøringen inneholder generelt opphavsrettssymbolet og lister som eieren (e) av nettstedet er. Du kan også legge til en kobling til en personvernpolicy hvis du har en.

7 Lag et ark Cascading Style (CSS) og koble den til din webside, hvis ønskelig. Stilark er valgfrie, men svært nyttig for å holde nettstedet ditt standard kompatibel og definere regler som regulerer stilinnstillinger inkludert marginene av en side, skriftstil og bakgrunnsfarger. Hvis du ikke har CSS kunnskap, kan du laste ned gratis CSS maler på nettet, for eksempel freecsstemplates.org.

8 Gi filen navnet "mal" og lagre den med ".html" forlengelse. Du kan nå bruke HTML-tekstredigeringsprogrammet "Kopier" -funksjonen for å begynne å kopiere filen.

Hint

HTML-tekstredigeringsprogrammer, for eksempel Dreamweaver, maler som du kan customize.You kan laste ned ferdige maler av Web og konfigurere dem til dine spesifikasjoner. Vær sikker på at disse malene er tilgjengelig som åpen kildekode, slik at du ikke utilsiktet krenker opphavsretten.