Hvordan lage et nettsted mal med PHP

January 14

Du kan lage en nettside mal med PHP selv om du ikke har mye erfaring med enten PHP eller HTML. Hensikten med en nettside mal er generelt å skape strukturer av et nettsted, men uten å legge det faktiske innholdet. En nettside mal bør skissere HTML-elementer for visning av tekst, bilder og annet innhold. De fleste malene inneholder også Cascading Style Sheets å definere layout og generelle utseendet på HTML. En nettside mal kan være rettet mot bestemte typer av nettstedet, eller det kan være generell.

Bruksanvisning

1 Skisser en grov design for malen. Bruk en blyant og papir eller et grafisk design program for å lage en skisse av malen design. Inkluder seksjoner for hvert område og type innhold du vil at malen skal inneholde. Vanligvis vil en nettside mal design inkluderer en overskrift, en meny for å navigere på nettstedet, og områder for visning av tekst og andre medier.

2 Lag en PHP-fil for hver side på nettstedet ditt mal. Navn hjemmesiden filen "index.php" og andre filer med navn for å reflektere innholdet. Du kan for eksempel ønsker å bruke "help.php" for en hjelpeside. Sett inn HTML-elementer i dine PHP-filer for å inneholde hver del av nettstedets innhold, for eksempel:

<? Php

$ SITE_TITLE = "Nettsted title";

echo "<html> <head> </ head> <body>

<Div id = "header"> ". $ SITE_TITLE." </ Div>

<Div id = "meny"> Meny området </ div>

<Div class = 'content'> Side innhold </ div>

</ Body> </ html> ";

Innenfor HTML i PHP, inkluderer elementer for å holde områdene tekst, bilder og annet innhold.

3 Bruk CSS til å diktere hvordan elementene i malen skal legges ut. I siden hoveddelen din, koble til en ekstern CSS-fil (erstatte de tomme hodet kodene):

Lag din "templatestyle.css" filen i en teksteditor og skriv kode for å bestemme hvordan sidedelene skal presenteres:

body {width: 900px;}

header {width: 100%; text-align: center; font-weight: bold;} menyen {width: 100%;}

.content {width: 100%; color: # 333333;}

CSS erklæringer etablere posisjonen til hvert element, samt visuelle funksjoner inkludert tekst og bakgrunnsfarger, fonter, grenser og mye mer.

4 Bruk bilder i malen for å forbedre design. De fleste nettsted maler inkludere bilder å legge til brukeropplevelsen. Avhengig av formålet med et nettsted, kan det inkludere bilder i header delen og i innholdet på hver side. I tillegg kan bildene bli brukt som bakgrunn for å skreddersy utseendet på nettstedet elementer, som i dette eksempelet CSS:

.content {background: URL ( "bgimg.jpg");}

Bilder bryte opp teksten og andre data på en webside, noe som gjør det enklere og mer behagelig å lese.

5 Test din PHP-mal med reelt innhold. Sett prøven tekst og bilder inn i malen koden for å sørge for PHP, HTML og CSS er alle effektivt kodet. Last malen filer til en webserver og bla til sidene, sjekke at de fungerer riktig og presentere innholdet for best effekt. Når du setter inn faktiske innholdet i en mal, vil du ofte bli klar over feil og forbedringsområder.

Hint

Selv om innholdet i en mal er å tilpasse seg ulike nettsteder, maler ofte utformet for bestemte kategorier av nettstedet, for eksempel nyheter, underholdning eller e-handel.
Ikke bare teste malen i en nettleser. CSS vises forskjellig på tvers av nettlesere, slik at en vellykket malen vil være konsekvent på tvers av dem alle.