Drupal les fondamentaux
Objectifs de la formation
- Comprendre le système de "theming" (habillage) de Drupal.
- Apprendre à contrôler à 100% le HTML/CSS généré par Drupal.
- Etre capable d'intégrer n'importe quelle charte graphique sous forme de thème Drupal.
- Créer son propre thème.
- Changer l'apparence d'un module sans toucher au code de ce module.
Contenu du cours
-
1: 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 7.
- Les outils du webdesigner : Firebug, ColorZilla, module "Theme developer".
2: 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 colonnne...).
- Remplacer du texte par une image.
- Les boîtes à bords arrondis.
3: 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.
4: Personnaliser le HTML/CSS généré par Drupal (exercices)
Au fil de la formation, nous appliquerons les concepts évoqués ci-dessus au travers d'exercices mettant en oeuvre les particularités de Drupal.
