Learning Design
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.



 
Accueil  Dernières imagesDernières images  Rechercher  S'enregistrerS'enregistrer  Connexion  
Le Deal du moment :
Bon plan achat en duo : 2ème robot cuiseur ...
Voir le deal
600 €

 

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

Aller en bas 
AuteurMessage
mYn
Modératrice
mYn


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

[PHP] Réaliser un site avec des includes (Design avec layout) Empty
MessageSujet: [PHP] Réaliser un site avec des includes (Design avec layout)   [PHP] Réaliser un site avec des includes (Design avec layout) EmptyLun 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
http://kpweb.c.la/
 
[PHP] Réaliser un site avec des includes (Design avec layout)
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Layout de site [Terminer]
» Commencer un site... Avec un fond et un header.

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:  
Ne ratez plus aucun deal !
Abonnez-vous pour recevoir par notification une sélection des meilleurs deals chaque jour.
IgnorerAutoriser