- 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 :Dans cette partie, on va créer un fichier HTMLqui va nous servir de base pour toutes les pages de notre site.On va par la suite étendre ce fichier avec les différentes vuesqui vont nous permettre d'afficher par exemple un articleou d'ajouter ou de modifier un article directement depuis notre site web.
00:00:17 :Donc dans le dossier source ici,directement on va créer un dossier templatequi va contenir le fichier base.htmlqui va servir pour toute notre application.
00:00:27 :Ces fichiers de template, on peut les créer à différents endroits.Généralement, on peut les créer notamment à l'intérieur des applications elles-mêmes.C'est ce qu'on va faire par la suite pour notre application post.
00:00:37 :Là, comme il s'agit d'un fichier qui est à la base de tout mon site web,je vais le créer à la racine dans le dossier src ici.
00:00:44 :On va créer un dossier.Je fais un clic droit New Directory.On va l'appeler template.Je valide avec entrée et à l'intérieur de ce dossier,on va créer un fichier HTML que je vais appeler tout simplement base.
00:00:55 :Je valide pour créer un fichier HTML5.Automatiquement, on va avoir ce code qui est ajouté par PyCharmqui est le code de base de n'importe quel fichier HTML.
00:01:05 :On va juste changer la langue ici et mettre fr à la place de enpuisqu'on est en présence d'un site français.Maintenant, je vais devoir ajouter ce dossier de templatedans le fichier settings de Django.
00:01:16 :Dans blogs ici, je vais ouvrir settingspuisque par défaut, il ne va pas le trouver.Il va uniquement trouver les dossiers et les fichiers de templatequi sont à l'intérieur des applications qui sont renseignéesdans les applications ici, dans installed apps.
00:01:29 :Là, on a bien notre application post.Par la suite, il va trouver automatiquement tous les templatesque l'on va mettre à l'intérieur de post.Mais pour l'instant, on a rajouté un dossier à l'extérieur.
00:01:39 :Il va falloir indiquer à Django qu'on souhaite chercherdes templates à l'intérieur de ce dossier.Pour ça, on va descendre un petit peu.On va aller dans la variable template iciet on va rajouter notre dossier dans la clé dirs ici.
00:01:51 :Dans la clé dirs, on a une liste qui, pour l'instant, est vide.On va concaténer une variable qui est présente tout au début ici,qui est la variable base dir,qui est le dossier source ici de notre projet,le dossier source du projet Django.
00:02:05 :On va concaténer cette variable base diravec le nom du dossier template.Là, vous voyez qu'actuellement, on utilise le module pathlib.Dans les dernières versions de Django,c'est ce module qui est utilisé pour créer des chemins.
00:02:17 :On va pouvoir concaténer très facilement cette variable base diravec notre template en faisant un slashet en mettant le nom sous forme de chaîne de caractère de notre dossier.
00:02:27 :Dans les précédentes versions de Django,on aurait utilisé os.path.joinpour joindre différents éléments de notre URL.Dans ce cas-ci, avec pathlib,on peut directement faire base dir slash templateet on va avoir le chemin complet vers notre dossier ici,qui va être reconnu par Djangocomme un dossier dans lequel il va chercher des templates.
00:02:45 :Voilà pour cet ajout.On va maintenant faire quelques modificationsà l'intérieur de ce fichier base.htmlpuisqu'on va par la suite étendre ce fichieravec différentes informations.
00:02:56 :La première chose qu'on va faire,c'est qu'on va rajouter une balise iciqui va nous permettre de modifier le titre sur les autres pages.Je vais faire une balise avec les accolades et le symbole pourcentage,une balise de type bloc et on va l'appeler title.
00:03:09 :À l'intérieur de cette balise,pour l'instant, je vais mettre le titre.On va mettre accueil du blog par exempleet on va fermer cette balise ici avec un end bloc.
00:03:18 :Cette balise va nous permettre de modifier par la suitedans les prochains templates que l'on va créerce qui est contenu à l'intérieur de ces balises.
00:03:26 :Sur cette page d'accueil, on a accueil du blog.On pourrait même la laisser vide.Ce n'est pas obligatoirepuisqu'on va modifier son contenu par la suite.
00:03:34 :Je vais juste mettre quelque chose pour l'instantpour qu'on ait quelque chose de base.À l'intérieur du body, on va mettre un autre bloc.Je vais mettre tout ça à l'intérieur d'un tag section,section qui me permet de définir différentes sectionsde mon site au niveau du HTMLet je veux dire que le ID est égal à bloc.
00:03:50 :C'est juste pour avoir un peu de sémantique dans ma page.Ce n'est vraiment pas obligatoire.À l'intérieur de cette section,on va mettre un autre bloc,un bloc qu'on va appeler cette fois-ci contentet dans lequel on va ajouter par la suitele contenu de nos différentes pages.
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.