Exercice 1.5 : Application d'un modèle de page au site Web
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.
- Retournez à la structure du site en cliquant deux fois sur Navigation
sur le site Web dans la vue Explorateur de projets.
- 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.
- 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.
- 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.
- Sélectionnez un modèle à partir de l'écran Miniature et cliquez sur
Suivant.
- 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.
- 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.
- 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.
- 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.
- 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.