- Formations
- conversion_path Parcours & Formations
- science Projets
- data_object Exercices de code
- psychology Exercices IA
- quiz Quiz
- Articles
- rss_feed Blog
- sort_by_alpha Glossaire
- menu_book Guides
- help_center FAQ
- media_link Ressources
- Communauté
- groups La communauté
- forum Questions
- live_tv Mentorats
- science Projets mensuels
- Formations
- conversion_path Parcours & Formations
- science Projets
- data_object Exercices de code
- psychology Exercices IA
- quiz Quiz
- Articles
- rss_feed Blog
- sort_by_alpha Glossaire
- menu_book Guides
- help_center FAQ
- media_link Ressources
- Communauté
- groups La communauté
- forum Questions
- live_tv Mentorats
- science Projets mensuels
Deviens membre Premium magic_button
Débloque cette session en devenant Membre Premium 🚀
Inscris-toi
(c'est gratuit !)
Un compte est nécessaire pour participer aux discussions.
Créer un compte person00:00:00 :Actuellement dans mon projet j'ai pour l'instant juste deux fichiers HTML, la page d'accueil demon blog et la page pour un article du blog. Actuellement vous voyez qu'on a du code qui se
00:00:11 :répète, donc on a plusieurs fois ces mêmes balises avec le HEAD, le META, le TITLE et labalise BODY et HTML. Donc tout ça s'est répété à la fois dans mon fichier POST.html et également
00:00:22 :dans le fichier INDEX.html. Heureusement on va pouvoir simplifier ces pages et utiliser ce qu'onappelle donc l'héritage de gabarit qui va me permettre de réutiliser des templates HTML. Alors
00:00:35 :ce que je vais faire c'est créer un autre fichier HTML qui va me servir de base et que je vaispouvoir étendre dans ce fichier INDEX et dans le fichier POST.html. Donc à l'intérieur de
00:00:45 :mon blog ici je vais faire un clic droit pour créer un nouveau fichier HTML et je vais l'appelerBASE tout simplement. On valide avec entrée et là on a bien donc un nouveau fichier HTML et à
00:00:56 :l'intérieur de ce fichier on va faire quelques modifications donc je vais mettre par exemple monsuper site ici. On va mettre également un titre donc on va répéter mon super site et on va changer
00:01:07 :peut-être le style du background donc on va dire background color et on va mettre un styleblue. Donc actuellement pour voir ma page on va faire un test on va aller dans VIEWS ici et
00:01:18 :plutôt que de retourner le INDEX.html on va retourner le BASE.html donc on va retourner cefichier qu'on vient de créer. Donc je reviens sur ma page du blog, j'actualise et là j'ai bien mon
00:01:29 :super site qui apparaît avec la couleur du background et on aimerait bien donc réutiliserce même template pour l'INDEX et pour les POST. Donc je vais revenir dans ma vue et je vais déjà
00:01:39 :remettre mon INDEX ici. Je suis assuré maintenant que mon fichier BASE.html fonctionne correctementet donc ce que je vais faire c'est que je vais utiliser ce fichier à l'intérieur de INDEX.html.
00:01:49 :Donc ce que je vais faire je vais enlever tout ça ici, je vais supprimer tout le contenu deINDEX.html et de POST.html et à la place je vais étendre mon fichier BASE.html. Donc pour ça on
00:01:59 :va utiliser la balise EXTEND donc on utilise les accolades et le pourcentage et on va dire EXTENDavec un S il faut bien faire attention de ne pas l'oublier et on va donner en fait le chemin versle template. Donc là dans ce cas-ci c'est blog.base.html donc on part du dossier template et
00:02:15 :on fait le chemin à partir du dossier template donc blog.base.html. On referme notre tag doncdans ce cas-ci on n'a pas besoin de mettre un tag qui ferme on a juste besoin de mettre EXTENDici et ça va automatiquement aller chercher ce fichier html et l'inclure à l'intérieur du
00:02:32 :INDEX.html. Et on va faire la même chose pour le POST. Ici on va étendre notre fichier de baseet donc là si je reviens sur mon site et que j'actualise vous voyez que j'ai bien mon supersite qui s'affiche. Donc là on est sur l'adresse blog je vais faire le chemin pour vous montrer
00:02:46 :quand même tout ce qui se passe pour que vous compreniez bien. Si je vais dans mon fichierd'URL donc là on est à l'adresse blog on va voir la vue blog post dans cette vue blog poston retourne blog.base.html donc on retourne ce fichier index.html et ce fichier index.html il
00:03:03 :va récupérer le contenu et l'étendre donc on verra par la suite comment on peut étendre cecontenu pour l'instant il fait juste donc récupérer ce fichier de base et l'afficher à l'intérieur deindex.html. Maintenant si on va voir l'URL pour un poste en particulier ça va être exactement la
00:03:17 :même chose donc ici je vais aller voir un article de mon blog et vous voyez qu'on a exactement lamême chose avec mon super site et pour l'instant on n'a rien qui est affiché. Si je reviens sur
00:03:26 :ma vue du blog on n'a rien qui apparaît d'autre que le fichier base.html et si j'essaie de rajouterquelque chose par la suite donc je vais faire un H1 ici pour dire le blog du site et que je revienssur l'index et que j'actualise là vous voyez que notre texte ne s'affiche pas donc il n'est pas à
00:03:42 :l'intérieur de ma page html. Donc qu'est ce qui se passe ici et bien en fait on ne peut pas étendredirectement le fichier comme ça c'est à dire qu'on ne peut pas rajouter des choses à la suite il vafalloir utiliser une autre balise qui va nous permettre d'insérer des éléments et de modifier
Ce n'est pas fini...
✋
Tu as complété % du parcours 🔥
Termine l'intégralité de la formation pour pouvoir débloquer ton attestation de réussite.