|
Notre magasin Rue Albert 1er, 7 6810 Pin - Chiny (/fax: 061/32.00.15 |
|
Création et référencement Internet Formation: apprenez à créer et référencer votre propre site Internet |
|
Notre magasin Rue Albert 1er, 7 6810 Pin - Chiny (/fax: 061/32.00.15 |
|
Création et référencement Internet Formation: apprenez à créer et référencer votre propre site Internet |
|
FORMATIONS |
Le MAGASIN YBET |
PRODUITS et SERVICES |
| Logiciels de gestion | ||
| Caisses enregistreuses TEC | ||
| Access - Excel | MATERIEL INFORMATIQUE |
|
11. Première partie de notre exercice: la mise en page de notre site de petites annonces.1 Introduction - 2. Les includes, hiérarchie des fichiers - 3. Les fonctions PHP require() et include() - 4. Le header - 5. Le footer - 6. Le corps de notre page Internet - 7. Utilisation spécifique des colonnes - 8. En résumé Dans les précédents chapitres de cette formation PHP - MySQL en ligne, nous avons déjà vu une partie des commandes qui vont nous permettre d'utiliser une base de donnée pilotée par PHP. Avant de commencer le développement de notre site de petites annonces (la création de la base de donnée est déjà faite au chapitre précédant), nous allons faire la mise en page, la présentation de notre site et utiliser quelques fonctions spécifiques pour l'utilisation simultanée de plusieurs fichiers PHP. Cette partie va être nécessaire pour tous le développement futur. Nous allons utiliser une structure de page Internet standard:
D'autres parties vont être nécessaire pour notamment ouvrir et fermer la base de donnée. Pour cette partie, nous allons utiliser des tableaux (une utilisation du CSS serait souhaitable), en fait 1 tableau de 3 lignes ou même en 3 tableaux distincts. Cette partie va nécessiter quelques commandes en html. Pour une introduction à l'HTML
Il ne nous restera plus qu'à remplir les cellules en créant des fichiers spécifiques que nous appelons des box (des boîtes). Dans le développement ci-dessus, nous utiliserons simplement 3 tableaux distincts: 1 pour l'en-tête, 1 pour le corps et un pour le pied de page. 11.2. Les Includes, hiérarchie des fichiers
Cette manière de travailler n'est pas obligatoire mais va faciliter la maintenance et le développement de notre site. Dans le dossier www de EasyPhpp (Programm Files), créez ces 2 dossiers à l'aide de l'explorateur Windows. Pour signaler dans quel dossier, nous pouvons lui donner son adresse absolue ou même utiliser une variable qui reprend l'adresse du dossier Includes et du dossier box 11.3. Les fonctions require() et include()L'utilisation d'une base de donnée Mysql demande d'ouvrir et de fermer la base de donnée. Nous pourrions directement inclure les différentes lignes de commandes dans le fichier principal, ou même dans le header et le footer mais par homogénéité, nous allons créer 2 fichiers spécifiques:
Le contenu de ces 2 fichiers a déjà été vu: includes\start.php
!Note: la base de donnée ybet doit au préalable être créée dans easyphp->phpmyadmin. includes\stop.php
Remarquez que pour l'instant, nous laissons le message en cas de connexion réussie, ça va faciliter le développement. Créez ces 2 fichiers et enregistrez-les dans le dossier Includes. Il nous reste à inclure ces 2 fichiers dans notre index.php. Cette partie va utiliser les commandes require() ou include(). Les 2 commandes incluent et exécutent un fichier PHP, la différence vient de la manière de gérer les erreurs en PHP. Ces 2 fonctions acceptent également des fichiers textes, html, ... mais pas les images comme des bannières par exemple.
Dans la majorité des cas, vous pouvez utiliser la fonction PHP include(), sauf si le fichier est obligatoire pour l'application complète. C'est le cas dans notre programmes puisque la base de donnée doit obligatoirement être ouverte avec d'exécuter la suite.
Remarquez les ' dans les fonctions require(). L'exécution d'index.php donne Connexion réussie Dans un chapitre suivant, nous désignerons par des variables les différents dossiers. 11.4. Le headerLe header va inclure les titres au-dessus de chaque page. Nous allons également créer un fichier PHP. L'avantage est de pouvoir modifier 1 seul fichier pour modifier le haut de toutes les pages que nous allons créer. Notre but n'est pas ici la création des logos et mises en page de ce simple header.php
Dans ces lignes de commandes, le logoybet est directement dans le dossier principal www. Remarquez que le contenu de ce fichier est en fait un simple fichier écrit en HTML avec 1 tableau sur 2 colonne. Vous pouvez le créer avec 1 logiciel HTML comme FrontPage et recopier directement le code dans l'éditeur PHP (avec le head (meta) éventuellement mais ce n'est pas conseillé, mais sans les <body>, ...) 11.5. Le footerLa méthode de travail est identique, un tableau va reprendre l'ensemble de la mises en page (mais ce n'est pas nécessaire). Voici par exemple un exemple de footer.
11.6. Le corps de notre page InternetLe corps de notre page est constitué d'un tableau sur 3 colonnes. Dans la colonne de gauche, nous allons inclure un fichier includes\colon-gauche.php. Le corps va utiliser un fichier en HTML includes\corps.htm. La colonne de droite reprend includes\colon-right.php La seule réelle difficulté va être d'associer ces 3 fichiers dans un tableau. Reprenons la partie de construction d'un tableau ci-dessus.
Ce tableau est constitué d'une ligne et de 3 colonnes. Elle va être insérée dans notre fichier index.php, il nous suffira juste d'utiliser la fonction include() dans chaque colonne. La première opération est de créer le fichier includes\colon-left.php et include\colon-right php. Pour l'instant, laissons-les vides. Le corps est un fichier html pour l'instant, ça va nous permettre de ne pas s'occuper des caractères de syntaxe comme ' qui nécessite \ devant, même si la fonction ADDSLASHES($variable) le fait automatiquement comme nous l'avons vu au chapitre 8. Ca va permettre également de travailler avec un logiciel HTLM, sans programmation comme PHP ou dreamweaver. Vous devrez néanmoins retirer la partie header du fichier créé.
Voici notre index.php provisoire
L'ensemble de nos fichiers qui gèrent la base de donnée (entrée, modification et suppression des annonces, administration) va utiliser cette structure. Remarquez que chaque cellule reprend <?php ...fonction PHP ?> puisque le tableau est en HTML, il faut chaque fois dissocier les 2 11.7. Utilisation spécifique des colonnes.L'intérêt de créer 2 colonnes finalement vides est de pouvoir insérer des box que nous créons directement. Ceci permettra par exemple de créer 2 colonnes de droite distinctes qui utiliserons des boîtes différentes. De nouveau, nous allons utiliser les commandes PHP include() ou require(). Réservons par exemple la colonne de gauche pour la navigation et la colonne de droite pour les inscriptions (l'objet d'un développement spécifique dans un chapitre suivant). Dans le dossier includes\box, créons un fichier navigation.php qui utilise un simple texte à la suite de l'autre:
Modifions le fichier colon-left.php comme suit:
11.8. En résuméDans ce chapitre de la formation, nous avons créé la mise en page de nos pages Internet en utilisant les fonctions d'inclusion de PHP (include et require). Cette partie nous a également permis d'insérer des parties de PHP dans des tableaux en HTM. Notre site de petites annonces en ligne n'en est qu'à ses débuts, les chapitres suivants vont nous permettre de développer les fonctionnalités sur la base de donnée MySQL comme les inscriptions, rentrés des données, administration du site. En cours, nous modifierons quelques parties comme l'installation automatique. Votre site Internet de petite annonces devrait afficher quelque chose comme ceci. Les chapitres suivants vont mettre en route la table utilisateurs. |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
Quelques remarques préliminaires concernant l'hébergement, le langage de programmation |
Comment référencer un site Internet, méta, balises, ... |
Une introduction à la programmation en HTML |
Ciel gescom Premium ou évolution, la solution PME |
|
> 12. La table utilisateur |
|
YBET Informatique: formation débutant ou avancé dans notre salle de formation ou en entreprise Renseignements, tarifs et inscriptions sur notre page formations informatiques |
Cette
structure est régulièrement utilisée en
HTML. En PHP, cette structure va déjà créer minium 6 fichiers, 1 par cellule
que nous souhaitons remplir plus la page d'index. Pour peu que nous souhaitons créer des colonnes
droites ou gauches différentes d'un groupe de page différent ou même créer
un fichier "colonne-droite" qui reprend plusieurs parties par exemple,
le nombre de fichiers répétitifs va vite augmenter. Il nous faut une structure
dans la sauvegarde des données. Nous allons en fait directement créer un
sous-répertoire reprenant tous ces fichiers inclus et un sous-dossier pour les
différents fichiers repris dans les includes (typiquement le contenu des
colonnes).