Lovely Web [dot] Starszz [dot] Com

PHP Les bases

I Introduction

Suite à une demande sur le forum, je vais vous montrer les bases du codage en PHP.
Ne vous attendez pas à des miracles, je ne m'y connais pas beaucoup. Ce sera donc bien les bases des bases.
Si quelqu'un s'y connaît plus et souhaite faire des tutoriaux pour le site, il peut me contacter ;)

Le PHP est donc un langage comme le HTML.
Voici un exemple de site codé en PHP.

Tout d'abord, vous allez avoir besoin du logiciel bloc-notes présent sur votre ordinateur ou de tout autre logiciel semblable à bloc-notes.

II Design

Pour créer le design vous allez avoir besoin de deux éléments : un header (image du haut) et un fond.

-> Le header.
Celui-ci ce met automatiquement en haut à gauche. C'est pourquoi si vous voulez que le header ce place à une certaine distance de la gauche, il faut que vous laissiez de la marge à gauche. En exemple, voici mon header.

-> Le fond.
Le fond n'a pas besoin d'être très long. Mais il doit au moins faire la largeur de l'écran. Voilà mon fond de page. Comme vous pouvez le voir, les lignes de séparations sont présentes afin qu'elles apparaissent.

III Header.php

Voici le code de la page header.php :

<head> <title>Titre de votre site</title> <HTML> <HEAD> </HEAD> <BODY background="url fond" LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0> <IMG SRC="URL header" WIDTH=# HEIGHT=# BORDER=0 ALT=""> <div style="position: absolute; width:#px; z-index: 1; left:#px; top:#px">

Copier ce code et coller le dans une nouvelle page de bloc-notes.
Enregistrez-la avec pour nom : header.php.

Ensuite, il va falloir modifier les informations pour qu'elles correspondent aux vôtres :

<title>Titre de votre site</title>
-> Remplacez Titre de votre site par le titre de votre site ou tout autre slogan.

Entre les balises <HEAD></HEAD>
-> vous pouvez y ajouter par exemple le code pour le CSS.

<BODY background="url fond" ... >
-> Remplacez url fond par l'adresse de votre fond de page hébergé. Par exemple http://monsite.net/images/fond.jpg

<IMG SRC="URL header" WIDTH=# HEIGHT=# BORDER=0 ALT="">
-> Remplacer URL header par l'adresse de votre fond de page hébergé. (Comme pour le fond de page. Voir au-dessus).
-> Après WIDTH, remplacez le signe # par la largeur de votre header.
-> Après HEIGHT, remplacez le signe # par la hauteur de votre header.
-> Si vous mettez du texte entre les guillements de ALT="", le texte que vous mettrez s'affichera quand la souris s'arrêtera sur le header. Pour qu'aucun texte ne s'affiche sur votre header, laissez comme ça.

<div style="position: absolute; width:#px; z-index: 1; left:#px; top:#px"> Cette balise positionne votre 'frame' principale (l'index, pas le menu!).
-> Après width:#px, remplacez le signe # par la largeur que vous voulez que votre 'frame' ait (en chiffre).
-> Après left:#px, remplacez # par le chiffre (pixel) entre la gauche de l'écran et votre frame.
-> Après top:#px, remplacez le # par le nombre de pixel qui se trouve entre le haut de la page et votre 'frame'.

IV Footer.php

La page footer.php contient le menu.

</div> <div style="left:#px; width:#px; position: absolute; top:#px" align="justify"> Contenu de votre page ici! </body> </html>

Copier ce code et coller le dans une nouvelle page de bloc-notes.
Enregistrez-la avec pour nom : footer.php.

Comme pour la page header.php, je vais détailler le code pour le modifier plus facilement.

<div style="left:#px; width:#px; position: absolute; top:#px" align="justify"> : Il s'agit là de positionner cette page.
-> Après width:#px, remplacez le signe # par la largeur que vous voulez que votre 'frame' ait (en chiffre).
-> Après left:#px, remplacez # par le chiffre (pixel) entre la gauche de l'écran et votre frame.
-> Après top:#px, remplacez le # par le nombre de pixel qui se trouve entre le haut de la page et votre 'frame'.

Vous mettrez le contenu de votre page après cette balise et donc avant la balise </body>

Mais attention, par rapport à une page HTML, vous ne devez mettre que ce qui se trouve entre les balises <body> et </body>! Rien d'autre.

V Index.php et les autres pages

Warning: main(header.php) [<a href='function.main'>function.main</a>]: failed to open stream: No such file or directory in /home/lovelywe/public_html/codage/php.php on line 148 Warning: main(header.php) [<a href='function.main'>function.main</a>]: failed to open stream: No such file or directory in /home/lovelywe/public_html/codage/php.php on line 148 Warning: main() [<a href='function.include'>function.include</a>]: Failed opening 'header.php' for inclusion (include_path='.:/usr/lib/php:/usr/local/lib/php') in /home/lovelywe/public_html/codage/php.php on line 148 Le contenu de votre page se met ici ! Warning: main(footer.php) [<a href='function.main'>function.main</a>]: failed to open stream: No such file or directory in /home/lovelywe/public_html/codage/php.php on line 155 Warning: main(footer.php) [<a href='function.main'>function.main</a>]: failed to open stream: No such file or directory in /home/lovelywe/public_html/codage/php.php on line 155 Warning: main() [<a href='function.include'>function.include</a>]: Failed opening 'footer.php' for inclusion (include_path='.:/usr/lib/php:/usr/local/lib/php') in /home/lovelywe/public_html/codage/php.php on line 155

Voici le code pour la page index.

Ouvrez une nouvelle page du bloc-notes et collez y le code. Puis enregistrez la avec le nom index.php.

Mettez le contenu de votre page HMTL (seulement ce qui se trouve entre <body> et </body>!) entre les deux codes (en plus clair, là ou j'ai mis le texte Le contenu de votre page se met ici !)

Pour faire les autres pages de votre site, mettez ce même code mais appelez là différement par exemple biographie.php. N'oubliez pas de mettre le .php en enregistrant votre page.

... retour.. - | - Des questions sur ce tutorial?