April 12
È possibile creare un modello di sito web con PHP, anche se non si ha molta esperienza sia con PHP o HTML. Lo scopo di un modello di sito web è generalmente quello di creare le strutture di un sito, ma senza aggiungere il contenuto effettivo. Un modello di sito web dovrebbe delineare gli elementi HTML per la visualizzazione di testo, immagini e altri contenuti. La maggior parte dei modelli includono anche Cascading Style Sheets per definire il layout e l'aspetto generale del codice HTML. Un modello di sito web può essere rivolto a particolari tipologie di sito web, o può essere generale.
1 Disegnare un disegno di massima per il modello. Utilizzare un un programma di progettazione grafica per creare uno schizzo del vostro disegno modello di carta e penna o. Includi sezioni per ogni area e il tipo di contenuto che si desidera che il modello da contenere. In genere, un design modello di sito web includerà un'intestazione, un menu per la navigazione del sito, e le aree per la visualizzazione di testo e altri mezzi di comunicazione.
2 Creare un file PHP per ogni pagina del modello di sito web. Nome del file home page "index.php" e gli altri file con i nomi in modo da riflettere il loro contenuto. Si potrebbe, ad esempio, si desidera utilizzare "help.php" per una pagina di aiuto. Inserire elementi HTML all'interno dei file PHP per contenere ogni sezione del contenuto del sito web, ad esempio:
<? Php
$ SITE_TITLE = "Titolo del sito";
echo "<html> <head> </ head> <body>
<Div id = 'header'> ". $ SITE_TITLE." </ Div>
<Div id = 'menù'> Area Menu </ div>
<Div class = 'content'> Contenuto della pagina </ div>
</ Body> </ html> ";
?>
All'interno del codice HTML in PHP, includere elementi per contenere le aree di testo, immagini e altri contenuti.
3 Usare CSS per dettare come gli elementi del modello devono essere disposti. Nella tua sezione head pagina, un collegamento a un file esterno CSS (sostituire i tag testa vuota):
<Head> <link rel = "stylesheet 'type =' text / css 'href =' templatestyle.css '/> </ head>
Creare il file "templatestyle.css" in un editor di testo e inserire il codice per determinare come le sezioni di pagina saranno presentati:
body {width: 900px;}
intestazione {width: 100%; text-align: center; font-weight: bold;} menu {width: 100%;}
.content {width: 100%; color: # 333333;}
dichiarazioni CSS stabilire la posizione di ogni elemento, così come le caratteristiche visive, tra cui testo e colori di sfondo, font, bordi e molto altro ancora.
4 Usare le immagini all'interno del vostro modello per migliorare il design. La maggior parte dei modelli di siti web includono immagini da aggiungere l'esperienza dell'utente. A seconda dello scopo di un sito, 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 tuo modello di PHP con il contenuto vero e proprio. Inserire il testo del campione e le immagini nel codice del modello per assicurarsi che il PHP, HTML e CSS sono tutti in modo efficace codificati. Caricare i file di modello a un server Web e sfogliare le pagine, controllando che funzionino correttamente e presentare il contenuto al meglio. Quando si inserisce il contenuto effettivo in un modello, ti capiterà spesso di venire a conoscenza di difetti e aree di miglioramento.