Valeur de cette activité : 5 points
Compétence :
13- Les menus Css

A-Module 03 : CSS : 5 points - difficulté : 2

Les menus Css

Présentation

Les feuilles de style sont souvent utilisées afin de créer des menus de navigation sur un site web.

Dans cette activité, vous utiliserez une feuille de style afin de créer un menu de navigation.
Notez que vous pouvez répéter cette activité 3 fois en utilisant un menu différent pour chacun des travaux présentés.

Description

  1. Ajoutez une page à votre portfolio en affichant la directive 15671
  2. Affiche les assistants et
  3. Inscrivez dans le champ titre : Les menus Css
  4. Sélectionnez la matière : informatique
  5. Inscrivez dans le champ no de la directive : 15671
  6. Inscrivez dans votre page le titre de niveau 1 : Les menus Css

    Créez en suivant la procédure ci-dessous un menu de navigation contenant des liens vers 4 de vos pages (activités) du modules Css

    Procédure à suivre

    1. Affichez un des sites suivants et sélectionnez un menu de votre choix (qui utilise les feuilles de style):

      http://css.maxdesign.com.au/listamatic/

      http://www.noupe.com/css/100-great-css-menu-tutorials.html

    2. Copiez le code HTML de votre menu sous votre titre de niveau 1
    3. Insérez au dessus de votre titre de niveau 1 les balises
    4. Entre ces balises, copiez et collez le code CSS de votre menu
    5. Modifiez ensuite le code de ta feuille de style afin de personnaliser la présentation de ton menu (couleurs, bordures,...).
    6. Modifiez ensuite le texte des liens (Item One, Item Two, ...) en les remplacant par le titre de vos 4 activités du module CSS
    7. Supprimez au besoin les liens en trop
    8. Remplacer les valeurs # par l'URL de vos pages affichant chacune des activités choisies
    9. Ajoute ensuite au bas de ta page un lien vers le site que tu as utilisé.

  7. Visualisez votre page et apportez des modifications au besoin.