Appliquez la règle

  1. La page index.html étant ouverte dans la fenêtre de document, cliquez sur le mot cuisine de telle sorte que le point d'insertion soit quelque part dans le mot.



  2. Dans le sélecteur de balises, cliquez sur la balise <a> la plus à droite.

    Cette opération sélectionne la totalité du texte pour la balise <a> spécifiée, ou le lien.



  3. Dans l'inspecteur de propriétés (Fenêtre > Propriétés), choisissez navigation dans le menu déroulant Style.

    Dans la fenêtre de document, l'aspect du texte cuisine change complètement. Le texte a la forme d'un bouton de barre de navigation à présent, conformément aux propriétés de la règle .navigation que vous avez définie dans la section précédente.



  4. Répétez les étapes 1 à 3 pour chacun des liens individuels dans la barre de navigation.

    Vous devez affecter un style de classe de navigation à chacune des balises <a> ou du lien, de sorte qu'il est important d'utiliser le sélecteur de balises pour sélectionner chaque lien individuellement et puis affecter les styles de classe un à un.



    Si vous avez des difficultés dans la mise en forme de texte de lien, assurez-vous qu'un espace (pas un « retour de chariot ») existe entre chaque mot du lien. Assurez-vous également que l'espace entre deux liens n'est pas lui-même lié. Si c'est le cas, sélectionnez soigneusement l'espace lié, videz la zone de texte Lien dans l'inspecteur de propriétés et appuyez sur Entrée (Windows) ou sur Retour (Macintosh).

  5. Quand vous aurez fini de mettre en forme tous les mots de la barre de navigation, enregistrez la page et obtenez un aperçu de votre travail dans un navigateur (Fichier > Aperçu dans navigateur >...).

    Vous pouvez cliquer sur les liens pour vous assurer qu'ils fonctionnent.


 

M'envoyer un message électronique lorsque des commentaires sont ajoutés à cette page | Rapport de commentaire

Page en cours: http://livedocs.adobe.com/dreamweaver/8_fr/using/gs_06_12.htm