Accueil  Calendrier  FAQ  Rechercher  S'enregistrerS'enregistrer  Connexion  

Partagez | 
 

 [PHP] Réaliser un site avec des includes (Design avec layout)

Aller en bas 
AuteurMessage
mYn
Modératrice
avatar

Féminin
Nombre de messages : 4409
Age : 25
Localisation : 93 [Seine St-Denis]
Logiciels : Photoshop

MessageSujet: [PHP] Réaliser un site avec des includes (Design avec layout)   Lun 23 Juin - 10:56

Note : Pour faire un site en PHP je vous conseille d'utiliser Notepad++


    I - Explications.


Je vais vous expliquer comment réaliser une page en PHP avec des inclusions simples. La page se résumera à ça : Le "haut" (avec le header de votre site), le contenu (le texte et tout le blabla) et le menu (qui viendra refermer le code de votre page).
Il y aura donc 3 sortes de page : header.php (le haut) + index.php (le contenu) + footer.php (le menu)



    II - Le haut.


On va commencer par la page " header.php "
Cette page est comme une page HTML normale sauf qu'il ne faut pas fermer les balises <HTML> et <BODY>. Ces balises seront fermées sur footer.php

Code:
<html>
<head>
<title>Titre de mon site</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>

<!-- On ouvre le balise body et on met le fond de la page -->
<BODY background="http://url_de_limage_de_fond.jpg" LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>

<!-- On met le design -->
<img src="url_du_layout.jpg" align="left">

<!-- on ouvre maintenant la balise de la zone de texte pour le contenu (Remplacer les dimensions)-->
<div style="position: absolute; width:446px; z-index: 1; left:77px; top:395px">



    III - Le menu


On va maintenant s'attaquer au menu, c'est-à-dire footer.php !
C'est la page qui finit le site, donc on va fermer les balises body et html.

Le code :
Code:
<!-- on referme la balise de la zone de texte pour le contenu -->
</div>

<!-- on ouvre maintenant la balise de la zone de texte pour le menu (Remplacer les dimensions)-->
<div style="position: absolute; left:575px; width:175px; top:378px; z-index: 1;" align="justify">

<!--Vous pouvez maintenant mettre votre texte-->
<h1> Menu</h1>
Lien<br>
Lien<br>
Lien<br>
Lien<br>
Lien<br>
Lien<br>

<!--Et on oublie pas de refermer les balises body et html-->
</body></html>



    IV - L'assemblage (sur l'index)


Pour finir, on va créer la page où se trouvera votre contenu. on appellera la page sur laquelle on arrivera sur votre site (celle avec les news par exemple) index.php.
On ajoute sur cette page 2 balises PHP. Ce sont des includes. Elles servent à afficher le haut du site (header.php) et le menu (footer.php)

Code:

<!-- Include qui permet d'afficher le haut du site -->
<? include'header.php';?>

<!-- Le contenu de votre site en HTML (vous pouvez aussi ajouter un script en PHP)  -->
<B>Bienvenue</B>
 Bonjour !

<!-- Include qui permet d'afficher le menu du site -->
<? include'footer.php';?>


Pour faire les autres pages de votre site, mettez ce même code mais enregistrez-les sous un nom différent (par exemple biographie.php). Et surtout n'oubliez pas de mettre le .php en enregistrant votre page.



Voila !
Grâce au PHP, vous n'aurez plus à remplacer le layout sur toutes les pages.


Dernière édition par mYn le Dim 16 Nov - 17:56, édité 1 fois
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://kpweb.c.la/
 
[PHP] Réaliser un site avec des includes (Design avec layout)
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Webjam : créer un site en ligne
» Réaliser un tube avec le filtre GML Matting
» problème connexion certains sites seulement
» Acheter un Garmin d'occasion
» problème connexion certains sites

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Learning Design :: World wide web :: Les tutoriaux :: Le PHP-
Sauter vers: