Licence CC BY-NC-SA

Customisons le rendu de notre site

Dernière mise à jour :

L’esprit littéraire a pu s’exprimer dans la partie précédente. Laissons dorénavant place à notre fibre technico-créatrice pour générer un site qui nous ressemble graphiquement.

Étant un piètre designer, je vous accompagnerais ici dans la réalisation d’un thème relativement simple. Vos connaissances en HTML / CSS et recherche sur internet devrons prendre le relais ! L’objectif ici est surtout de vous présenter le fonctionnement de la réalisation d’un thème, ce n’est pas un cours de CSS. Je passerais donc sur ce dernier en me contentant de vous coller les morceaux de style utilisé.


  1. Principe

    1. Le moteur de template, kézaco ?

    2. Un monde d'embriquement

    3. Un exemple

  2. La base

    1. Inventaire des fichiers nécessaires

    2. base.html, la colonne vertébrale du site

    3. La section head

    4. La section body

    5. L'en-tête et le pied de page du site

    6. La barre latérale

    7. One more thing : extends

  3. Page de « listing »

    1. Les pages de listes

    2. Les listes de « haut niveau »

    3. Les listes d'articles

    4. Annexe : La pagination

  4. Rendu d'un article

    1. Principe

    2. L'en-tête de notre article

    3. Le corps et le pied de l'article

    4. Annexe : Ajouter une section de commentaires avec Disqus

  5. [TP] Page d'accueil

    1. Consigne et indices



Qu’il est beau notre site ! Il est temps maintenant de le montrer à tout le monde !