Microsoft Expression Web - Pages maîtres

Dans ce chapitre, nous allons découvrir les pages maîtres ASP.NET. Lorsque nous créons une page maître, nous pouvons la mettre en page, appliquer des styles et ajouter des contrôles ASP.NET de la même manière que dans d'autres pages de Microsoft Expression Web. La mise en page et le contenu que nous créons dans une maquette sont appliqués aux pages jointes à la maquette. C'est un concept similaire àDynamic Web Template.

Les modèles Web dynamiques vous permettent d'appliquer une apparence et une convivialité communes à toutes les pages de votre site Web. Comme les modèles Web dynamiques sont appliqués dans les pages auxquelles ils sont attachés au moment de la conception, l'application de modifications à toutes les pages d'un site peut entraîner un retard pendant la mise à jour du code HTML dans toutes les pages.

Si le serveur exécute ASP.NET, les pages maîtres ASP.NET autorisent des fonctionnalités similaires en définissant les zones modifiables dans le modèle. Cependant, l'application du modèle au contenu personnalisé dans les pages se fait de manière dynamique au moment de l'exécution.

Exemple

Jetons un coup d'œil à un exemple simple dans lequel nous allons créer une page maître à l'aide d'un modèle CSS et utiliser cette page maître pour créer d'autres pages.

Step 1 - Ouvrez le index.html page dans laquelle nous avons défini différentes sections en utilisant une feuille de style CSS.

Step 2 - De la File menu, allez à New → Page et vous verrez la boîte de dialogue Nouvelle page.

Step 3 - Dans le volet gauche, sélectionnez ASP.NET et dans la liste du milieu, sélectionnez Page maître et cliquez sur le bouton OK.

Step 4 - L'écran ci-dessus produira un pop-up nommé Untitled1.master. Enregistrez cette page et nommez-ladefault.master.

Step 5- Nous voulons intégrer notre conception dans la page maître qui sera partagée sur notre site. Copions donc le code du contenu que vous souhaitez avoir sur chaque page à partir du code index.html et collez le code dans la page default.master.

Step 6- Nous avons maintenant une mise en page que nous aimerions utiliser sur chaque page du site. Cependant, si nous devions commencer à créer les pages de contenu maintenant, nous ne serions pas en mesure de saisir du contenu dans cette mise en page. Par conséquent, nous devons créerASPX contentpages de la page maître. Pour ce faire, nous devons ajouter lecontent region ainsi que pour que nous puissions ajouter du contenu aux pages spécifiées.

Dans la vue Conception, cliquez avec le bouton droit de la souris à l'endroit où vous voulez le contenu de vos pages. Disons que nous voulons ajouter du contenu dans la section de contenu principal, puis cliquez sur le boutonManage Microsoft ASP.NET Content Regions…

Step 7 - Dans l'assistant Gérer les régions de contenu, entrez le Region Name et cliquez Close.

Step 8- Comme le montre la capture d'écran suivante, le Content PlaceHolder est ajouté dans la section du contenu principal. Maintenant, nous devons ajouter une page Web ASPX.

Step 9 - Allez dans le menu Fichier et sélectionnez New → Create from Master Page…

Step 10 - Accédez à la page default.master et cliquez sur OK.

Step 11 - Une nouvelle page ASPX est maintenant créée et tous les styles de mise en page sont appliqués à partir de la page maître.

Ajoutez du texte dans la section principale.

Step 12 - Enregistrez cette page et appelez-la mypage.aspx puis prévisualisez-le dans un navigateur.