L'interface utilisateur et les pages maîtres

Une caractéristique de sites web modernes est certainement l'attention aux détails et la facilité d'utilisation des différentes pages qui les composent. Par exemple, les sites les plus populaires sont basés sur les schémas de couleurs et de jeux de caractères sont identiques dans chaque page, et également fournir un moyen simple et intuitive de naviguer à travers les pages elles-mêmes. Le reste va se passer un peu pour tout le monde d'accéder à des sites avec des pages toutes différentes et difficiles à utiliser, voici ce que nous devons éviter pour nos sites.

La solution pour donner les pages une présentation commune d'un site est de créer une classe primaire à partir de laquelle dérivent toutes les pages. Comme ASP.NET est basé sur un modèle axé sur la classe Page vient de mettre en œuvre une page principale (page principale) dont les propriétés seront héritées des pages de notre site

Toutes les pages. Aspx dérivé du primaire qui dérive à son tour System.Web.UI.Page. La page offres primaires avec le chargement des éléments communs entre les pages et chaque page s'occupe du reste.

Les outils fournis par ASP.NET pour créer ce type de structure est la page maître dits. Ces pages sont très similaires à une page typique d'un site et sont définies dans les fichiers avec l'extension. Master.

Une page maître est utilisé comme un modèle et puis quand un utilisateur accède à une page qui dépend d'une page maître demandes et les réponses sont filtrés par ce dernier. ASP.NET master page, puis combine la page de contenu (. Aspx) dans une classe unique. Lorsque la page de contenu est demandé d'insérer la page maître dans le fichier. Aspx d'un contrôle qui est ajouté à la collection de contrôles sur la page.

Voyons maintenant comment définir et utiliser une page maître. Nous commençons Visual Studio et créez un nouveau projet de site Web de type Empty. Ajouter un nouvel élément de la page type master dans notre projet

Le point de vue niveau de la page Web est semblable à la normale formes vues dans les leçons précédentes et le code généré par Visual Studio est la suivante

Laissez-moi noter que a été ajouté au contrôle ContentPlaceHolder qui sera discuté plus tard. Pour le reste de la page maître peut être personnalisée à volonté, comme une page normale sur notre site.

Par exemple, nous allons changer la balise body en définissant une couleur de fond (background) autres que

la page maître a désormais un fond gris (# bbbbbb).

Ajoutons un nouvel élément à notre projet un formulaire web (appelons-le Default.aspx), en vérifiant le bas de la Ajouter un nouvel article boîtes de dialogue Sélectionner la page maître

Cliquez sur OK veine, nous avons présenté une autre boîte de dialogue dans laquelle on peut sélectionner la page maître pour la page que vous ajoutez au projet (dans notre cas il y aura un seul)

Si nous regardons dans l'onglet Conception pour la page Default.aspx, nous verrons qu'il a la même couleur de fond pour la page maître et cela montre que la page hérite des paramètres du modèle.

Ceci est le code généré par Visual Studio pour la page Default.aspx

On y voit l'MasterPage.master référence de page.

À ce stade, nous pouvons créer toutes les pages que vous souhaitez (chacun avec un contenu personnalisé) et nous attachons à notre page maître. Si donc nous allons changer le contenu de la page maître sera mis à jour en une seule étape toutes les pages qui dépendent d'elle.

Clairement, ce qui est présenté comme un simple mais suggère le potentiel de ces outils, en particulier dans les sites avec des graphiques complexes.

• <<Leçon précédente
• Index de l'aide
• Leçon suivante>>