< /body> < ;/html > "; ? .
>
All'interno del codice HTML in PHP , includere elementi per contenere le aree di testo , immagini e altri contenuti
< br > 3
Usa CSS per definire come gli elementi nel modello devono essere disposti . Nella tua sezione head pagina , link a un file CSS esterno ( sostituire i tag testa vuota ) :
< link rel = tipo ' stylesheet ' = ' text /css ' href = ' templatestyle . css ' /> < /head>
Create il vostro file " templatestyle.css " in un editor di testo e immettere il codice per determinare come le sezioni di pagina devono essere presentate :
corpo
{ width: 900px ; }
# header {width : 100 % ; text-align : center; font- weight: bold ; }
# menu { width: 100% ; }
.
contenuto {width : 100 % ; color: # 333333 ; }
dichiarazioni CSS stabilire la posizione di ciascun elemento , così come le caratteristiche visive tra testo e sfondo , font , bordi e molto altro.
4
Utilizza le immagini all'interno del vostro modello per migliorare la progettazione . La maggior parte dei modelli di siti web includono le immagini da aggiungere l'esperienza dell'utente. A seconda dello scopo di un sito, esso può includere immagini nella sezione di intestazione e all'interno del contenuto di ciascuna pagina . Inoltre , le immagini possono essere utilizzate come sfondi per personalizzare l'aspetto degli elementi del sito , come in questo esempio CSS :
content { background: url ( " bgimg.jpg ");} .
Immagini rompere il testo e altri dati in una pagina Web , rendendo più facile e più piacevole da leggere.
5
prova il modello di PHP con contenuti reali . Inserire il campione di testo e le immagini nel codice modello per assicurarsi che il PHP , HTML e CSS sono tutti codificati in modo efficace . Caricare i file di modello in un server Web e sfogliare le pagine , verificare che funzionino correttamente e presentare i contenuti al meglio. Quando si inserisce effettivo contenuto in un modello , ti capiterà spesso di venire a conoscenza di difetti e aree di miglioramento .