Elements graphiques et CSS
Documents à consulter avant de vous lancer dans la modification graphique de votre site:
Structure des pages et gestion des boîtes
Les styles et objets graphiques d'un minisite (tableau Excel à 6 onglets)
Indispensable pour tout webmestre soucieux des standards du web, le navigateur Mozilla Firefox et ses extensions; en particulier, la barre Web Developer permet de désactiver ou de mettre en évidence de multiples éléments d'une page web, et ainsi de détecter les éventuelles erreurs plus facilement.
Vous pouvez ainsi désactiver les cookies, afficher ou désactiver les styles CSS feuille par feuille, entourer les blocs, afficher les liens, les détails des ID et classes, redimensionner la fenêtre automatiquement pour tester la page à différentes résolutions, zoomer la page en avant ou en arrière, valider votre code HTML ou CSS ou encore tester en ligne les effets d'un changement de style.
Vous pouvez ainsi désactiver les cookies, afficher ou désactiver les styles CSS feuille par feuille, entourer les blocs, afficher les liens, les détails des ID et classes, redimensionner la fenêtre automatiquement pour tester la page à différentes résolutions, zoomer la page en avant ou en arrière, valider votre code HTML ou CSS ou encore tester en ligne les effets d'un changement de style.
Je vous invite en particulier à afficher les styles d'une page via 'Information/Display Element Information' et à changer les styles à la volée via 'CSS / Edit CSS'.
Autres extensions conseillées :
- Colorzilla (pour récupérer les codes couleurs d'une page web),
- Measure It (pour effectuer des mesures dans une page web).
- FireBug (Outils de dévelopement web, manipulations css...etc.)
Pour installer une extension Firefox, cliquer sur "Outils / Modules complémentaires" puis sur le lien "Obtenir des extensions".
