Folder_Blog_templates

Templates HTML

Sauf information contraire, les pages utilisent le template **baseBlog.html **pour afficher la base de navigation, le footer et autres données communes.

• about.html : Cette page affiche les informations lié à la communauté, ainsi qu'à ses membres. Elle est pour le moment codée en dur. elle est composé d'un header comprenant une image de fond, un titre et un sous titre. Puis de plusieurs paragraphe explicatifs.

• articleListe.html : Cette page est dynamique, elle permet d'afficher 4 articles en même temps et de changer les articles afficher en cliquand sur 2 boutons en allant des plus récent au plus anciens. Elle comporte 4 modules :

  • Le module d'affichage des articles, composé d'une condition et d'une boucle For, chaque article étant composé d'une image header, d'un titre, d'un contenu limité à 40 mots, d'un bouton 'lire plus' renvoyant vers la view 'lire', ainsi que sa date de parution et son auteur.
  • le module de pagination : comprend de bouton pouvant être activé/désactivé grace à une variable et appellant chaqu'un la page articleListe en incrémentant ou décrementant l'index de la page actuel. Chaque bouton renvoie le numéro de page, les mot clé actuel ainsi que la catégorie sélectionnée.
  • Module de recherche : c'est un formulaire renvoyant par la méthode POST une liste de mot clé utilisé pour filtrer les posts ainsi que la catégorie sélectionnée. La page actuelle est remis à 0.
  • Module de filtrage par catégorie : Ce module est dynamique et permet de sélectionner une catagorie pour filtrer les post. Une ligne est à part en haut et permet de réinitialiser les filtres. Le module se compose de 3 boucles parcourant un tableau de catégorie, chaque sous tableau comprenant 2 sous tableau, eu même comprenant 3 catégories. Cela permet d'avoir 2 colonnes de 3 catégorie, répétable autant de fois que néscéssaire. Chaque catégorie est un lien renvoyant la catégorie choisie, les mot clé actuels et un index de page égal à 0.

• baseBlog.html : Page de base pour les autres pages du blog, elle est constitué de block Django servant à définir les parties éditables par l'utilisateur. Elle contient la barre de navigation des pages, les lien vers les fichiers CSS commun, le **footer **et les lien vers les fichiers javascript.

  • bloc titre : permet de définir le titre de la page
  • bloc contenu : Définis le contenu de la page qui se situera entre la barre de navigation et le footer.

• index.html : page d'acceuil de l'application Blog, cette page est constituée d'un seul module.

  • main content : Ce module permet d'afficher les 4 articles les plus réçents, il est composer d'une boucle For parcourant une liste envoyée par la vue. Chaque article est composé d'un titre, d'un résumer du contenu limité à 80 caractères, de son auteur et de sa date de parution. Le clic sur un article renvoie vers la vue 'lire' avec l'id de l'article et son slug.

• post.html : Cette page sert à afficher le contenu d'un post, elle contient un module en plus du header. Les informations de l'article sont inscrite dans le header, ce dernier contient une image de fond, le titre de l'article, un sous titre éventuel, son auteur et sa date de parution.

  • post content : affiche le contenu de l'aticle avec une génération automatique des balise <br/>.