Introduction
Rappels sur les fondamentaux des étapes de conception d’un site Joomla!
Présentation des outils pour personnaliser et concevoir un template Joomla!
Les Modules complémentaires de Firefox, installation et utilisation
Un éditeur de code HTML/CSS/LESS : KOMODO Edit, installation et utilisation
Rappels sur la structure d’un template Joomla! et comment accéder aux feuilles de styles CSS
Apprendre à personnaliser un template existant
Personnaliser un template existant à partir du gestionnaire de template et des paramètres fournis avec le template
Personnaliser un template existant à partir des feuilles de style CSS, rappels sur les bases HTML et CSS
Paramètres avancés des modules : créer des suffixes de classes CSS pour optimiser vos mises en forme
Concevoir son propre template avec l’aide d’un Framework : présentation de 960 GRID SYSTEM
Concevoir une maquette graphique dans Adobe Photoshop
Organisation du contenu
Conception de la grille de références
Ajout des éléments graphiques et mise en page de la maquette
Export des éléments graphiques avant intégration dans le template Joomla!
Concevoir son propre template avec l’aide du Framework open-source Gantry
Présentation et concepts de base de GANTRY
Télécharger et installer GANTRY
Présentation des paramètres de base du gestionnaire de template GANTRY
Présentation des paramètres de base du gestionnaire de template GANTRY
Personnaliser et overrider les styles CSS/LESS par défaut
Personnaliser le module de menu/sous-menus
Ajout d’une police GoogleFonts
Gestion structurelle du template : largeur fixe ou Responsiv Design
Conception d’une structure fixe en pixels
Conception et personnalisation d’une structure fluide (Responsiv Design)
