Le fuseau horaire est UTC+2 heures




Publier un nouveau sujet Répondre au sujet  [ 7 message(s) ] 
 

Auteur Message
Message Publié : 03 Déc 2008, 13:53 
Confirmé
Hors-ligne

Inscription : 03 Juin 2005, 14:08
Message(s) : 229
Localisation : Tournai Belgique
Voici un petit tuto pour les personnes qui ne connaissent pas encore PHP et qui veulent créer un premier site en PHP. Je ne vais montrer ici que les bases.
Pour cela, je vais utiliser quelques outils :
° Dreamweaver (il y a d’autres logiciels comme Expression Web 2,…)
° Wamp (pour tester le site directement sur l’ordinateur, on peut également utiliser Easy PHP)
° Des mains, un ordinateur et un cerveau en état de marche

1°) Je vais commencer par installer Wamp Server, c’est un logiciel permettant d'installer l'ensemble PHP5 Apache et MySQL sur Windows. Le but étant ici de tester le site en local sans uploader les fichiers sur votre espace d’hébergement. Pour le télécharger, rendez-vous sur http://www.wampserver.com/download.php

2°) Le fichier d’installation maintenant téléchargé, il faut logiquement l’installer (si si c’est mieux il paraît). Bref, je ne vais pas vous détailler cette étape, je suppose que vous savez installer un logiciel ;-)

3°) Dans le Setup, laissez les informations inscrites pour le serveur SMTP (on en a pas besoin). Lancez Wamp, vous verrez une icône apparaître dans la barre des tâches de Windows. On y reviendra plus tard.

4°) Nous allons créer le site, comme précisé un peu plus haut, j’utilise Dreamweaver mais vous pouvez bien évidemment utiliser un autre logiciel ou le bloc-notes… Ici nous allons d’abord créer une matrice en HTML, donc nous allons créer une page toute bêtement.
Enregistrez votre page sous matrice.html (ou un autre nom si vous le désirez). Ci-dessous je vous mets un exemple de page avec lequel je vais travailler, c’est une page minimaliste, un simple tableau avec des liens pour le menu en haut et une barre horizontale et le nom du site pour le bas. Bien évidemment, personnalisez votre page comme vous le désirez en créant des images pour le menu,… Bref histoire de faire quelque chose de plus attrayant… C’est pour l’exemple !

[c]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans titre</title>

</head>

<body>
<div align="center">
<table width="643" border="0">
<tr>
<td width="166"><div align="center"><a href="index.php">Accueil</a></div></td>
<td width="165"><div align="center"><a href="page2.php">Page 2</a></div></td>
<td width="166"><div align="center"><a href="page3.php">Page 3</a></div></td>
<td width="166"><div align="center"><a href="page4.php">Page 4</a></div></td>
<td width="246"><div align="center"><a href="page5.php">Page 5</a></div></td>
</tr>
</table>
</div>
<p> </p>
<p>bla bla bla bla</p>
<p> </p>
<p>bla bla </p>
<hr />
<p align="center">© Mon site </p>
<p>  </p>
</body>
</html>
[/c]

Ce qui vous donnera ceci dans un navigateur :
Image
Ah c’est moche, je viens de me faire peur. Bon passé ce moment, on va maintenant procéder au découpage. Non pas besoin de ciseaux. En fait le but ici va être de découper le code en deux fichiers :
- haut.php : qui va contenir l’horrible menu du haut
- bas.php : qui va contenir la barre horizontale et le nom du site en dessous

On va reprendre notre page, et sélectionner le code du menu , dans ce cas-ci :

[c]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans titre</title>

</head>

<body>
<div align="center">
<table width="643" border="0">
<tr>
<td width="166"><div align="center"><a href="index.php">Accueil</a></div></td>
<td width="165"><div align="center"><a href="page2.php">Page 2</a></div></td>
<td width="166"><div align="center"><a href="page3.php">Page 3</a></div></td>
<td width="166"><div align="center"><a href="page4.php">Page 4</a></div></td>
<td width="246"><div align="center"><a href="page5.php">Page 5</a></div></td>
</tr>
</table>
</div>
[/c]

Nous allons le copier dans un nouveau document vierge et enregistrer sous le nom haut.php .

Nous allons faire de même pour le code du bas :

[c]<hr />
<p align="center">© Mon site </p>
<p>  </p>
</body>
</html>
[/c]

Nous allons le copier dans un nouveau document vierge et enregistrer sous le nom bas.php .

Voilà, nous avons maintenant deux fichiers haut.php et bas.php et vous allez me dire, cool ça m’avance bien, j’ai toujours pas vu le moindre petit code en php. Allez un peu de patience, gamin, ça arrive.

On va créer notre page index.php, le but de cette page sera d’afficher le code contenu dans les deux fichiers créés.

Pour cela, ouvrez un document vierge et insérez les deux lignes suivantes :

[c]<? include ("haut.php");?>

<? include ("bas.php");?>
[/c]

Voilà en fait si maintenant vous devriez publier votre site vous obtiendrez ceci :

Image

Bref on voit ici que grâce à ces deux lignes, le menu et la ligne du bas sont affichés. Il va falloir maintenant ajouter du contenu entre les deux, le contenu de votre page en quelque sorte.
Ce qui était représenté par les termes bla bla bla dans la matrice.
Dans cette exemple, je vais reprendre ces « bla bla » pour illustrer notre exemple, je vais ajouter le code entre les deux lignes.

Ce qui donne :

[c]<? include ("haut.php");?>
<p> </p>
<p>bla bla bla bla</p>
<p> </p>
<p>bla bla </p>
<? include ("bas.php");?>
[/c]

Votre première page est terminée, nous allons la tester sur l’ordinateur à l’aide de Wamp. Pour cela copiez les trois fichiers créés haut.php ; index.php ; bas.php dans le répertoire www de Wamp que vous trouverez en faisant un clic gauche sur l’icône de Wamp dans la barre des tâches et en choisissant « Répertoire www ». Une fois les fichiers copiés, réitérez la même opération à savoir le clic gauche sur l’icône et choisissez « Localhost », votre navigateur va alors ouvrir la page et vous devriez avoir ceci :

Image

Remplacez maintenant les termes bla bla par votre contenu, et faîtes le même procédé pour vos autres pages.
Quel intérêt me direz-vous ? N’est-ce pas plus simple de tout laisser en HTML ?
L’avantage est que lorsque vous voudrez modifier votre menu, en HTML, vous deviez éditer page par page, ici vous modifiez simplement le fichier haut.php et les modifications apparaîtront dans toutes les pages, idem pour le bas. Si vous avez un site de 20 pages, vous gagnerez du temps.
Comme je l’ai dit, il s’agit ici uniquement des bases de chez bases, mais il faut un début à tout !

;-)


Dernière édition par dalctournai le 06 Oct 2009, 17:39, édité 1 fois.

Haut
 Profil  
Répondre en citant  

Message Publié : 03 Déc 2008, 17:36 
Site Admin
Avatar de l’utilisateur
Hors-ligne

Inscription : 26 Oct 2005, 17:25
Message(s) : 2316
Localisation : Près de Montpellier
Oulla ! c'est super-sympa ca ! -:)

Merci à toi d'avoir prit le temps de nous concocter ce tuto. ;)

_________________
Hotline: 08-99-65-99-77
------------------------------------------------------------------------
Pas d'assistance par MP, e-mail ou MSN.


Haut
 Profil  
Répondre en citant  

Message Publié : 03 Déc 2008, 17:39 
Confirmé
Hors-ligne

Inscription : 03 Juin 2005, 14:08
Message(s) : 229
Localisation : Tournai Belgique
Rosweld a écrit :
Oulla ! c'est super-sympa ca ! -:)

Merci à toi d'avoir prit le temps de nous concocter ce tuto. ;)

De rien lol, j'espère que ce sera clair pour tout le monde, dès que j'ai le temps, j'ai encore quelques idées de tutos à publier ;)


Haut
 Profil  
Répondre en citant  

Message Publié : 03 Déc 2008, 18:16 
Site Admin
Avatar de l’utilisateur
Hors-ligne

Inscription : 26 Oct 2005, 17:25
Message(s) : 2316
Localisation : Près de Montpellier
oui, par exemple faire une suite de celui-ci, c'est-à-dire créer un template pour le rendre plus joli par exemple.

J'avoue que je suis une vraie quiche en PHP.... -:)

_________________
Hotline: 08-99-65-99-77
------------------------------------------------------------------------
Pas d'assistance par MP, e-mail ou MSN.


Haut
 Profil  
Répondre en citant  

Message Publié : 04 Déc 2008, 01:58 
Expert
Hors-ligne

Inscription : 08 Fév 2006, 15:13
Message(s) : 1895
Sympa par contre je trouve que le titre de la discutions ne correspond pas exactement. Tu ne parle vraiment que des includes, qui pourrait être le nom du post. ;)

_________________
Mon Blog : Maraumax.Fr
Dernier site : TimeStamp.Pro - Conversion date / timestamp


Haut
 Profil  
Répondre en citant  

Message Publié : 04 Déc 2008, 11:45 
Confirmé
Hors-ligne

Inscription : 03 Juin 2005, 14:08
Message(s) : 229
Localisation : Tournai Belgique
M@x a écrit :
Sympa par contre je trouve que le titre de la discutions ne correspond pas exactement. Tu ne parle vraiment que des includes, qui pourrait être le nom du post. ;)

Oui c'est vrai tu as raison mais c'est certainement un manque d'inspiration du moment :lol:
D'un autre côté si je mets un titre du style "découvrons les includes" suis pas sûr que le gars qui débute en php va accrocher. Non en fait je sais pas, si t'as une idée de titre :rolleyes: suis preneur


Haut
 Profil  
Répondre en citant  

Message Publié : 04 Déc 2008, 18:36 
Expert
Hors-ligne

Inscription : 08 Fév 2006, 15:13
Message(s) : 1895
"Système d'inclusion en PHP" ?

_________________
Mon Blog : Maraumax.Fr
Dernier site : TimeStamp.Pro - Conversion date / timestamp


Haut
 Profil  
Répondre en citant  

Afficher les messages publiés depuis :  Trier par  
Publier un nouveau sujet Répondre au sujet  [ 7 message(s) ] 

Le fuseau horaire est UTC+2 heures


Qui est en ligne ?

Utilisateur(s) parcourant ce forum : Aucun utilisateur inscrit et 1 invité


Vous ne pouvez pas publier de nouveaux sujets dans ce forum
Vous ne pouvez pas répondre aux sujets dans ce forum
Vous ne pouvez pas éditer vos messages dans ce forum
Vous ne pouvez pas supprimer vos messages dans ce forum
Vous ne pouvez pas insérer de pièces jointes dans ce forum

Recherche de :
Aller vers :  
cron
Thème par Easy-Hébergement
Powered by phpBB © 2000, 2002, 2005, 2007, 2011 phpBB Group
Traduit en français par Maël Soucaze.