Drupal Designer (programme officiel)

Introduction

- Présentation rapide de Drupal et de son jargon (node, taxonomie...).
- Présentation et installation des outils de développement (WAMP, Editeur PHP, Firefox).
- Téléchargement et installation de Drupal 6.x.
- Les outils du webdesigner : Firebug, ColorZilla, module "Theme developer".


Quatre grandes techniques CSS indispensables

- Avant de se demander "Comment réaliser telle mise en forme avec Drupal ?", il s'agit de se demander "Comment réaliser telle mise en forme en HTML/CSS ?". C'est en maîtrisant bien les fondamentaux qu'il devient facile de les intégrer dans Drupal.
- Les menus horizontaux sous forme de liste UL LI.
- Les mises en page sans tableaux (double colonne, triple colonne...).
- Remplacer du texte par une image.
- Les boîtes à bords arrondis.


Comment Drupal fabrique le HTML/CSS envoyé au navigateur ?

- Via des templates.
- Via des fonctions de thèmes.
- Via des modules.
- Analyse du HTML/CSS généré par Drupal (imbrication des balises, nommage des classes et des ID...)
- Comment intercepter chacune des options ci-dessus pour proposer sa propre version.
- Remplacer du texte par une image.
- Les boîtes à bords arrondis.


Comment Drupal fabrique le HTML/CSS envoyé au navigateur ?

- Via des templates.
- Via des fonctions de thèmes.
- Via des modules.
- Analyse du HTML/CSS généré par Drupal (imbrication des balises, nommage des classes et des ID...)
- Comment intercepter chacune des options ci-dessus pour proposer sa propre version.


Personnaliser le HTML/CSS généré par Drupal (exercices)