< /body > < ;/html > " ; ? .
>
v HTML vo vašom PHP , zahŕňajú prvky , ktoré drží v oblasti textu , obrázkov a ďalšieho obsahu
3
Pomocou CSS diktovať , ako by mali byť prvky v šablóne stanovené . Vo svojej časti stránky hlavy , odkaz na externé CSS súboru ( nahradiť prázdne hlavy tagy ) :
< link rel = " stylesheet " type = " text /css " href = " templatestyle . css " /> < /head >
Vytvorte si súbor " templatestyle.css " v textovom editore a zadajte kód , ktorý určuje , ako sa časti stránky majú byť predložené :
body { šírka : 900px ; }
# header { width : 100 % ; Text - align : center ; font - weight : bold ; }
# menu { width : 100 % ; }
.
obsah { width : 100 % ; color : # 333333 ; }
vyhlásenie CSS vytvoriť pozíciu jednotlivých prvkov , rovnako ako vizuálne funkcie , vrátane textu a farby pozadia , písma , ohraničenie a oveľa viac .
4
Použite obrázky do šablóny k zvýšeniu dizajn . Väčšina webových stránok šablóny zahŕňajú obrazy pre pridanie do užívateľskej skúsenosti . V závislosti od účelu a miesta , môžu obsahovať obrázky v sekcii hlavičky a v obsahu každej stránky . Okrem toho , obrazy môžu byť použité ako pozadie prispôsobiť vzhľad prvkov stránky , ako v tomto príklade CSS :
obsah . { Background : URL ( " bgimg.jpg " ) ; }
Obrázky rozísť text a ďalšie údaje na webovej stránke , takže je ľahšie a príjemnejšie na čítanie .
5
Otestujte si svoje PHP šablónu s reálnym obsahom . Vložte ukážkový text a obrázky do šablóny kódu , aby sa ubezpečil , PHP , HTML a CSS sú účinne kódované . Nahrať súbory šablón na webový server a prejdite na stránky , kontroluje , či fungujú správne a prezentovať obsah najlepší efekt . Ak vložíte skutočný obsah do šablóny , budete často vedomí chýb a oblastí pre zlepšenie .
- Predchádzajúca strana: Ako to urobiť include
- Ďalšia strana: Ako vytvoriť jednoduchý web s PHP