
06_03_06 Organisez les pages de votre site en blocs fonctionnels
Presentation
•
Computers
•
6th Grade
•
Practice Problem
•
Medium
benidir mourad
Used 7+ times
FREE Resource
14 Slides • 9 Questions
1
06_03_06
Organisez les pages de votre site en blocs fonctionnels
2
Multiple Select
Pourquoi organiser les pages en blocs fonctionnels ?
Cela peut se faire en séparant les différentes parties de la page (comme l'en-tête, le menu, le contenu et le pied de page)
Améliorer la lisibilité.
La réutilisabilité du code
La maintenance du code
3
Et donc pourquoi organiser les pages en blocs fonctionnels ?
L’organisation d’un site en blocs fonctionnels permet d’améliorer la lisibilité, la réutilisabilité et la maintenance du code.
Un bloc fonctionnel en PHP peut être une section de page comme un en-tête, un pied de page, une barre de navigation ou une zone de contenu dynamique.
Nous allons apprendre à structurer des blocs et les intégrer dans des pages web PHP.
4
Exemple :
Imagine que tu as un menu de navigation qui apparaît sur toutes les pages de ton site. Plutôt que de répéter le code, il est possible de le stocker dans un fichier séparé et de l’inclure là où c’est nécessaire.
5
La plupart des sites web sont généralement découpés selon le schéma illustré sur l'image à gauche.
Schéma d'un site web
6
Et comment créer et inclure des blocs réutilisables ?
PHP propose deux fonctions principales pour inclure du code : include et require.
include('fichier.php'); inclut le fichier spécifié. Si le fichier n’est pas trouvé, un avertissement est affiché mais le script continue.
require('fichier.php'); fait la même chose, mais arrête le script si le fichier n’est pas trouvé.
7
Et comment faire ?
Nous allons organiser notre site en divisant les sections communes dans des fichiers séparés comme header.php, footer.php, et sidebar.php.
8
Multiple Select
Un petit test pour savoir si vous avez suivi ? quelle est la différence entre require et include ?
Include inclut le fichier spécifié. Si le fichier n’est pas trouvé, un avertissement est affiché mais le script continue.
Require inclut le fichier spécifié, mais arrête le script si le fichier n’est pas trouvé.
Require inclut le fichier spécifié, mais n'arrête pas le script si le fichier n’est pas trouvé.
Require inclut le fichier spécifié, mais n'arrête pas le script si le fichier n’est pas trouvé.
9
Et donc il suffit d'inclure les fichiers qui nous intéresse !
On verra juste après comment créer des blocs fonctionnels !
Exemple de code :
10
Créer un en-tête réutilisable
L’en-tête du site peut inclure le titre du site, le logo, et des liens vers les fichiers CSS.
Ce fichier sera inclus dans chaque page où l’en-tête est nécessaire.
Exemple de code pour header.php :
11
Créer un pied de page réutilisable
Le pied de page contient souvent les informations de copyright et les liens vers les réseaux sociaux.
Ce fichier sera inclus à la fin de chaque page.
Exemple de code pour footer.php :
12
Créer un fichier de contenu dynamique (content.php)
Le contenu central peut varier d’une page à l’autre, mais peut aussi être organisé en blocs.
Tu peux créer des sections dynamiques qui changent selon les informations envoyées par l’utilisateur ou extraites d’une base de données.
Exemple de code pour content.php :
13
Structurer la page avec des blocs fonctionnels
Après avoir séparé les différentes sections de la page dans des fichiers réutilisables, nous pouvons les inclure dans notre page principale pour afficher le contenu.
Exemple de code pour index.php :
14
C'est à vous !
Pensez votre contenu web en blocs fonctionnels !
Rendez-vous dans l'exercice _06_03_Exercice_03
15
C'est à vous !
Rendez-vous dans l'exercice _06_03_Exercice_04
Crée une page web simple avec un en-tête, un contenu et un pied de page.
Sépare les sections en fichiers réutilisables et utilise include pour les intégrer dans une page principale.
Crée une page de contact avec un formulaire. Le formulaire doit être dans un fichier séparé et inclus dans la page principale.
16
Conclusion
Organiser les pages d’un site en blocs fonctionnels est une méthode efficace pour structurer des sites web complexes.
Cela permet de garder le code propre et facilement modifiable.
17
Multiple Choice
Pourquoi est-il recommandé d'organiser un site en blocs fonctionnels ?
Pour rendre le site plus lent
Pour rendre le code plus facile à réutiliser et maintenir
Pour réduire le nombre de pages
Pour augmenter la taille du fichier PHP
18
Multiple Choice
Quelle est la principale différence entre include et require en PHP ?
include inclut des fichiers externes, require inclut du texte
require affiche une erreur fatale si le fichier est manquant, include continue le script
include est utilisé pour les images, require pour les fichiers PHP
Il n'y a aucune différence entre les deux
19
Multiple Choice
Lequel de ces fichiers serait le mieux adapté pour contenir un en-tête réutilisable ?
main.php
header.php
footer.php
content.php
20
Multiple Choice
Quel code PHP permet d'inclure un fichier dans une page ?
<?php insert('fichier.php'); ?>
<?php require('fichier.php'); ?>
<php include('fichier.php')>
<?php connect('fichier.php'); ?>
21
Multiple Choice
Quel est l'avantage principal de séparer le contenu en fichiers distincts ?
Le site charge plus rapidement
Cela permet de modifier une section commune une seule fois pour toutes les pages
Les fichiers sont plus faciles à compiler
Cela augmente le nombre de pages dans le site
22
Multiple Choice
Si un fichier n’est pas trouvé, que fait la fonction require ?
Elle génère un avertissement et continue
Elle affiche un message d'erreur et arrête l'exécution du script
Elle crée automatiquement un fichier vierge
Elle continue sans avertissement
23
Multiple Choice
Comment un fichier content.php peut-il afficher du contenu dynamique ?
En utilisant uniquement du code HTML
En affichant une variable PHP contenant des données utilisateur
En ajoutant du texte statique
En utilisant la balise <script>
06_03_06
Organisez les pages de votre site en blocs fonctionnels
Show answer
Auto Play
Slide 1 / 23
SLIDE
Similar Resources on Wayground
19 questions
NETIQUETA
Presentation
•
6th Grade
19 questions
6to. primaria 12 03, Internet, navegadores y búscadores
Presentation
•
6th Grade
17 questions
Imágenes HTML
Presentation
•
6th Grade
16 questions
Pensamiento computacional
Presentation
•
6th Grade
19 questions
CUERPOS GEOMÉTRICOS
Presentation
•
5th - 6th Grade
18 questions
Histoire pour les nul(les)
Presentation
•
5th Grade
19 questions
une journee au bord de la mer
Presentation
•
6th Grade
14 questions
Inequalities Introduction
Presentation
•
6th Grade
Popular Resources on Wayground
10 questions
GPA Lesson
Presentation
•
9th - 12th Grade
7 questions
Albert Einstein
Quiz
•
3rd Grade
31 questions
Bridge A Review
Quiz
•
3rd Grade
6 questions
Blue Sue and Red Ruth
Quiz
•
3rd Grade
8 questions
(Day12 HW) Inverse Trig Ratios
Quiz
•
9th Grade
20 questions
Summer Geometry QUIZ (Week3)
Quiz
•
9th Grade
16 questions
Theme Practice
Quiz
•
7th Grade
20 questions
Taxes
Quiz
•
9th - 12th Grade