Grâce à cette formation WebDesign, l’auteur va vous faire découvrir l’intégration de l’accroche. Tout au long de ce tutoriel WebDesign, vous allez parvenir à :
• Fixer la hauteur du Header.
• Fixer une hauteur de 121 pixels et vérifier.
• Créer une «div accroche».
• Insérer un titre de niveau 2 à l’intérieur de l’accroche.
• Placer une image dans la «div».
• Indiquer la source de l’image dans la «div».
• Insérer le contenu alternatif dans la «div».
• Styler les titres et les images dans CSS.
• Mettre les marges internes et externes à 0.
• Utiliser une police exotique.
• Centrer le titre par la fonction «text – align».
• Rajouter une marge supérieure.
• Ajouter une classe dédiée à la police exotique.
• Placer une boite par la méthode des marges sans passer par les positions absolues.
• Placer l’identifiant «boite» avec des marges externes dans l’accroche.
• Rajouter une marge de 406 pixels.
• Effectuer une mesure de test.
• Utiliser l’extension de Firefox «measure it».
• Enlever 6 pixels dans la feuille de style CSS.
• Rajouter une marge supérieure à la boite.
• Gagner du temps en utilisant Fire Bug.
• Augmenter en temps réel la marge supérieure de la boite.
• Vérifier les modifications avec le Design.
