Thèmes et peaux

Comme nous l'avons vu la page maître affecter la structure générale d'une série de pages dans une application (ou site) site web. Cependant, presque toujours dans la mise en œuvre d'un site dont vous avez besoin pour gérer d'autres éléments qui peuvent changer d'une page à page, mais doit rester stable dans la même page (comme la police du texte). Dans de tels scénarios sont un outil très utile appelé thèmes.

Si vous êtes familier avec les feuilles de style en cascade (CSS) vous sera pas difficile de comprendre le fonctionnement de ces questions. Les deux techniques sont similaires, car les deux en fait, vous pouvez définir le style visuel de nos pages web. Il peut utiliser des thèmes pour spécifier des styles, des graphiques et autres éléments dans les pages de notre site.

Les thèmes sont essentiellement des fichiers texte qui précise les caractéristiques que les éléments d'une page ASP.NET doit assumer et il inclut par défaut de plusieurs, mais vous pouvez bien sûr définir vos propres.

Procéder à un exemple. Créer un nouveau formulaire Web (je l'appelle EsempioTemi.aspx) puis on clique sur le bouton droit de la souris sur notre projet et choisissez Ajouter le dossier ASP.NET possibilité et de choisir le type de dossier comme un thème

Cela conduit à la création du dossier à l'intérieur App_Themes avec un dossier par défaut (appelé Thème1)

Renommez le dossier dans Thème1 par défaut et cliquez dessus avec le bouton droit de la souris, en ajoutant un nouvel élément de StyleSheet type (feuille de style). Nous appelons les mêmes default.css

À ce point nous avons à définir les caractéristiques de notre feuille de style. Si l'on double-cliquez dessus, nous verrons qui contient seulement une balise body

Pour ajouter de nouveaux éléments de cliquer sur le menu Styles Style Ajouter la règle

Cela ouvre la fenêtre suivante

Supposons que vous souhaitez ajouter un élément de H1 à notre feuille de style. Element sélectionnez dans le menu déroulant et cliquer sur l'élément h1> pour le placer dans la liste hiérarchie des règles de style

Cliquez sur OK une fois que nous voyons que la feuille de style est modifié comme suit

Pour modifier l'élément venez d'insérer l'on clique avec le bouton droit de la souris sur son étiquette et choisissez Générer option Style. Ceci ouvrira la boîte de dialogue Modifier le style, où nous allons définir certaines propriétés à volonté

Après avoir cliqué sur OK, nous voyons nos choix inclus dans la feuille de style

Nous testons notre thème aujourd'hui en ajoutant à la forme Web créée au début du thème de la directive de leçon et d'écrire quelque chose dans les balises h1

Le texte que je suis entré, je testais le style d'application et il sera affiché dans le navigateur en fonction de nos IPOST feuille de style

La même chose se produira pour tous les éléments de notre enfermé dans les balises h1. Clairement, nous avons utilisé cette balise comme un exemple mais en principe, d'une manière similaire, vous pouvez personnaliser tous les éléments d'un formulaire web.

Enfin, je passerai brièvement en revue la peau dite. Ces éléments sont un moyen de configurer certaines propriétés d'un groupe de contrôles. Par exemple, vous pourriez vouloir définir des schémas de couleurs différentes pour un type particulier de contrôle (comme TextBox) caractérisée par diverses propriétés personnalisables.

En définissant la peau appropriée peut mettre à disposition un certain nombre d'options d'affichage pour un groupe de contrôle sans avoir besoin de définir des propriétés pour chaque instance de chaque. Par exemple, si un TextBox formulaire Web contient dix et que vous voulez leur donner un peu de formatage suffit de définir la peau appropriés et attribuer à chacune des zones de texte. Ainsi les fichiers dans une peau de définir un type spécifique de contrôle et les attributs qui s'appliquent à toutes les instances de la même chose.

Voici un exemple. Créer un nouveau dossier dans le dossier par défaut appelé Skins vu précédemment et ajouter un nouvel élément à l'intérieur du type de peau appelée TestSkinFile

Insérer dans le fichier généré personnalisations pour certains contrôles, tels que les suivants

De cette façon, lorsque nous ajoutons un formulaire Web composants de la peau, ils prennent l'ensemble des caractéristiques. Évidemment, cela est fait de sorte que la peau doit être déclaré dans la page, similaire à ce qui a été fait précédemment pour le thème.

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