Vous pouvez créer un modèle de site Web avec PHP , même si vous n'avez pas beaucoup d' expérience avec soit PHP ou HTML. Le but d'un modèle de site Web est généralement de créer les structures d'un site, mais sans ajouter le contenu réel. Un modèle de site Web devrait présenter les éléments HTML pour afficher du texte , des images et d'autres contenus . La plupart des modèles comprennent également Cascading Style Sheets pour définir la disposition et l'apparence générale de l' HTML. Un modèle de site Web peut être destinée à des types particuliers de site Web, ou il peut être général . Instructions 1
Sketch une conception approximative de votre modèle . Utilisez un crayon et du papier ou un programme de conception graphique pour créer une esquisse de la conception de votre modèle. Inclure des sections pour chaque zone et le type de contenu que vous souhaitez que le modèle contient . En règle générale, un modèle de conception de site Web comprendra un en-tête , un menu pour naviguer dans le site, et les zones d'affichage du texte et des autres médias. 2
Créer un fichier PHP pour chaque page de votre modèle de site Web . Nommez le fichier page "index.php" et les autres fichiers avec des noms pour refléter leur contenu. Vous pourriez , par exemple , veulent utiliser " help.php " pour une page d'aide . Insertion d'éléments HTML dans vos fichiers PHP pour contenir chaque section du contenu du site, par exemple :
< php
$ site_title = " Titre du site " ;
echo " ?
" . $ site_title . "
Photos
class='content'> contenu de la page
Photos
< ;/html > "; ? .
> Photos
dans le code HTML dans votre PHP, inclure des éléments pour maintenir les zones de texte, images et autres contenus < br > 3
utiliser les CSS pour dicter la façon dont les éléments de votre modèle devraient être aménagés . Dans votre section de tête de la page , un lien vers un fichier CSS externe ( remplacer les balises head vides ) :
Photos
Créer votre fichier" templatestyle.css " dans un éditeur de texte et entrer le code pour déterminer comment les sections de page doivent être présentés :
déclarations CSS établir la position de chaque élément, ainsi que les caractéristiques visuelles, y compris les couleurs de texte et de fond , polices , bordures et bien plus encore. photos, illustrations et 4
utilisation des images dans votre modèle afin d'améliorer la conception. La plupart des modèles de site Web incluent des images à ajouter à l'expérience utilisateur . Selon le but d'un site, elle peut comporter des images dans la section d'en-tête et dans le contenu de chaque page . En outre , les images peuvent être utilisés comme arrière-plan pour adapter l'apparence des éléments du site, comme dans cet exemple CSS:
contenu {background : url ( " bgimg.jpg ");} .
Images briser le texte et d'autres données sur une page Web , ce qui rend plus facile et plus agréable à lire. 5
Testez votre modèle de PHP avec un contenu réel. Insérer du texte et des images échantillon dans le code du template pour s'assurer que le PHP , HTML et CSS sont tous efficacement codé . Téléchargez les fichiers de modèle à un serveur Web et naviguer dans les pages , vérifier qu'elles fonctionnent correctement et présenter le contenu au mieux. Lorsque vous insérez le contenu réel dans un modèle , vous aurez souvent pris conscience des défauts et les points à améliorer .
