Exercice 1.5 : Application d'un modèle de page au site Web

Présentation visuelle

Vous devez avoir effectué l'exercice 1.4 : Conception de l'apparence du site Web avant d'appliquer le modèle de page au site Web.

Maintenant que vous avez pris des décisions de conception préliminaires relatives à l'apparence du modèle de site Web, vous devez appliquer le modèle aux pages du site. Une fois que vous avez appliqué le modèle aux pages individuelles, toute modification apportée au modèle s'affiche dans chaque page Web.

  1. Retournez à la structure du site en cliquant deux fois sur Navigation sur le site Web dans la vue Explorateur de projets.
  2. Sélectionnez les quatre icônes de la page en cliquant et en déplaçant le pointeur afin de créer une zone de sélection qui inclut la zone complète se trouvant autour des icônes de la page. Toutes les icônes de la zone seront sélectionnées.
  3. Cliquez avec le bouton droit de la souris et sélectionnez Modèle de page > Appliquer un modèle. L'assistant Application d'un modèle de page s'affiche.
  4. Cliquez sur le bouton d'option Modèle de page défini par l'utilisateur. Si vous n'avez pas créé votre propre modèle, vous pouvez utiliser un des modèles de page exemple fourni.
  5. Sélectionnez un modèle à partir de l'écran Miniature et cliquez sur Suivant.
  6. Etant donné que les pages du site Web sont vides pour l'instant, le mode de mappage des éléments de pages Web vers les zones de contenu de modèle n'est pas important. Vous pouvez donc accepter les valeurs par défaut et cliquer sur Suivant. S'il existe déjà du contenu dans les pages pour lesquelles vous souhaitiez appliquer le modèle, vous pouvez sélectionner une page exemple pour le mappage d'éléments existants vers des zones de contenu de modèle. Informations supplémentaires sur le mappage de zones de contenu.
    Remarque : Bien que vous n'ayez créé qu'une seule zone de contenu nommée bodyarea, vous pouvez remarquer la présence d'une deuxième zone de contenu appelée headarea ; la zone headarea est incluse par défaut dans les modèles de page.
  7. Vous pouvez à nouveau accepter les valeurs par défaut pour le mappage en cliquant sur Suivant. Ces options contrôlent le mode de placement du contenu des pages dans les zones de contenu du modèle.
  8. Vérifiez que les quatre pages s'affichent dans la zone Pages auxquelles appliquer le modèle de page et qu'elles sont toutes sélectionnées. Sur cette page de l'assistant, vous pouvez valider l'application du modèle afin de garantir que l'utilisation du modèle ne générera pas d'erreurs de marquage dans les pages.
  9. Cliquez sur Terminer. Le modèle est appliqué aux pages et les icônes de page sont mises à jour avec une bande bleue indiquant qu'à chaque page est associé un modèle.
    Navigation sur le site Web avec application de modèle

  10. Sauvegardez la navigation sur le site Web.

Vous venez d'appliquer un modèle de page à votre site Web, ce qui vous permet de contrôler l'apparence du site. Lorsque vous voulez apporter des modifications à l'apparence et aux couleurs des pages du site et lorsque vous voulez ajouter des éléments communs qui apparaîtront sur chaque page du site, vous pouvez modifier ce modèle de page unique. Maintenant que le modèle est appliqué à chaque page du site, les modifications apportées au modèle seront appliquées à toutes les pages à chaque sauvegarde du fichier de modèle. Informations supplémentaires sur les autres méthodes d'application de modèles de page.

Vous êtes prêt à aborder l'exercice 1.6 : Réalisation de la navigation dynamique du site Web.

Conditions d'utilisation | Commentaires

(C) Copyright IBM Corporation 2000, 2004. All Rights Reserved.