How to Build Themed WebSite in ASP.Net How to build Themed site en ASP.Net

You seem to be using a version of Internet Explorer. Vous semblez être en utilisant une version d'Internet Explorer. For a safer browsing experience, please consider Pour une expérience de navigation plus sûre, veuillez considérer and Et

If you're new here, you may want to subscribe to our RSS feed as well as to our NewsLetter (on Top Right hand menu) to get highly informative articles weekly...and NO, we never spam! Si vous êtes nouveau ici, vous pouvez vous abonner à notre flux RSS ainsi que de nos nouvelles (en haut à droite sur le menu) pour obtenir des informations très utiles et des articles hebdomadaires ... NON, nous n'avons jamais de spam!

One of the first thing impressing users when they open any site is his appearance. Une des premières chose impressionnant utilisateurs quand ils ouvrent n'importe quel site est son apparence. The outward explains what the basic purpose of the site is. Le perfectionnement explique ce que l'objectif de base du site. It introduces the subject. Elle introduit le sujet. For example if the site is to be shown to kids it will be very colorful, funny with fresh fonts and so on, if the site is enterprise oriented it will have smart and tight look with professional rendering etc. Par exemple, si le site doit être montré à des enfants, il sera très coloré, drôle avec les polices fraîches et ainsi de suite, si le site est orienté vers l'entreprise, il devra chercher à puce et serré avec des professionnels rendant etc

In most cases sites consists of many pages which coder should make with similar rendering for example pages should have same fonts, same border with and color, in other word everything should be made in single style. Dans la plupart des cas les sites se compose d'un grand nombre de pages qui devrait faire avec codeur similaire rendu par exemple pages doivent avoir la même polices, et la frontière avec la même couleur, en d'autres mots, tout doit être fait dans le style unique. Styling of the site is not the complete procedure of making a site user-like. Styling du site n'est pas la procédure complète de faire un site comme utilisateur. What if the user can change the appearance of the site, and even when he logs in or just enter, the site has remembered the style user prefers. Que se passe-t-il si l'utilisateur peut changer l'apparence du site, et même quand il se connecte ou entrez simplement, le site a rappeler le style utilisateur préfère.

All above said has two words: styling and themes. Tous ci-dessus a dit deux mots: style et les thèmes. Although CSS (cascading style sheets) is not new to ASP.NET it partially provides easy way to accomplish the theme implementation. Bien que le CSS (feuilles de style en cascade) n'est pas nouveau pour ASP.NET fournit partiellement manière facile d'accomplir le thème de la mise en œuvre.

Step One. Première étape. Create the CSS Créer la feuille de style

Css is compliant with all modern browsers. Css est compatible avec tous les navigateurs modernes. It works in conjunction with HTML 4.0. Il travaille en liaison avec HTML 4.0. Follow the next steps to apply simple styling on a site. Suivez les prochaines étapes simples style à appliquer sur un site.
1. Add new item to a web application. Ajouter un nouveau point à une application Web. Chose StyleSheet. Chose StyleSheet.
2. The VS 2005 provides a simple tool to do the coding for you. Le VS 2005 fournit un outil simple de faire le codage pour vous. When you right click on the text editor appears a context menu with ‘AddStyleRule’ and ‘BuidStyle’. Lorsque vous cliquez bouton droit sur l'éditeur de texte, un menu contextuel s'affiche avec 'AddStyleRule' et 'BuidStyle'. First is to select an element to which a style will be applied and second to configure a style. Le premier est de choisir un élément à un style qui sera appliqué et la deuxième pour configurer un style.
3-1. JPG

3-2. JPG

3. When styles are built the applying of css to page can be done by dropping it on the page. Lorsque les styles sont construits application de la CSS à la page peut être fait en larguant sur la page. Or add the fallowing lines of code in the head section. Ou ajouter la jachère de lignes de code dans la tête.

   <link href = "StyleSheet1.css" rel = "stylesheet" type = "text/css" / >   If you want to apply a style to asp control then write this: <pre lang = "xml" > <asp:listbox id = "ListBox1" runat= "server" height = "122px" width = "197px" > < /asp:listbox> CssClass="ListBox" &gt; <Lien href = "StyleSheet1.css" attribut rel = "style" de type = "texte / CSS" /> Si vous voulez appliquer un style à vipère contrôle puis écrire ceci: <pre "xml" langue => <vipère: liste identifiant = "ListBox1" runat = "serveur" hauteur = "122px" largeur = "197px"> </ vipère: liste> CssClass = "ListBox">

With the fallowing style rule declaration: Avec la règle de style en jachère déclaration:

   .ListBox { border-right: blue thin dotted; border-top: blue thin dotted; border-left: blue thin dotted; border-bottom: blue thin dotted; background-color: #99ffff; } . (ListBox frontière droite: bleu pointillé mince; Frontière - haut: bleu pointillé mince; Frontière gauche: bleu pointillé mince; Frontière fond: bleu pointillé mince; Background-color: # 99ffff;)

Step 2 - Add themes. Étape 2 - Ajouter thèmes.

As you see the properties the css can format are limited. Comme vous le voyez, les propriétés des CSS peut formater sont limitées. You can’t control most of the asp controls with style sheets. Vous ne pouvez pas contrôler la plupart des contrôles vipère avec les feuilles de style. The new feature in ASP.NET 2.0 - theme comes to expand the range of controlling web page appearance. La nouvelle fonctionnalité dans ASP.NET 2.0 - thème vient d'élargir la gamme de contrôle apparence de la page Web. Although themes and css are made to target at page’s appearance they have great differences like: Bien que les thèmes et css sont prises pour cible à la page qu'ils ont l'apparence de grandes différences comme:
- themes apply at server Thèmes s'appliquent au serveur

- themes are control-based not html - Les thèmes sont pas fondées sur le contrôle html

- themes can be applied through configuration files Thèmes peuvent être appliquées à travers les fichiers de configuration

- by default the defined property in the theme overrides the set property of control. - Défini par défaut lors de la propriété dans le thème emporte sur l'ensemble des biens de contrôle.
The themes should be placed in App_Theme folder in order to work. Les thèmes devraient être placés dans App_Theme dossier dans le but de travailler. Sites can have multiple themes defined which can be changed dynamically. Les sites peuvent avoir de multiples thèmes définis qui peuvent être changées dynamiquement. In order to make theme work a .skin file must be defined in the folder. Pour faire travailler un thème. Fichier skin doivent être définies dans le dossier. It contains a set of properties to override on specified controls. Il contient un ensemble de propriétés d'outrepasser les contrôles sur spécifié. This is a line of such file: <asp:ComboBox runat=”Server” BackColor=”Silver” ForeColor=”Green”/>. Il s'agit d'une ligne de ce fichier: <asp:ComboBox runat="Server" BackColor="Silver" ForeColor="Green"/>. In the theme folder the property definition can be split into many files. Dans le dossier thème de la définition de la propriété peut être divisée en plusieurs fichiers.
The theme can be set by Theme="MyTheme" in the Page section of html source, or dynamically by coding in Page_PreInit event. Le thème peut être défini par Thème = "MyTheme" dans la section de la page source html ou dynamique, par codage en Page_PreInit événement. Themes can be set in configuration file too. Thèmes peut être placé dans le fichier de configuration.

   <configuration > <system .web > <pages theme = "MyTheme" > </pages > </system .web > </configuration > <De configuration> <system .web> <pages thème "MyTheme" => </ Pages> </ système. Web> </ de configuration>

Using this technique, it’s just as easy to apply a theme to part of a web application. Grâce à cette technique, il est tout aussi facile à appliquer un thème à une partie d'une application Web. For example, you can create a separate web.config file for each subfolder and use the <pages> setting to configure different themes. Par exemple, vous pouvez créer un fichier web.config pour chaque sous-dossier <pages> et d'utiliser le réglage de configurer les différents thèmes.

(No Ratings Yet) (No Ratings Yet)

Loading ... Chargement en cours ...

Subscribe in a reader | S'abonner à un lecteur |

Links you may find interesting - Liens susceptibles de vous intéresser:

This entry was published on Sunday, September 9th, 2007 at 9:14 am and is categorized under ASP . Cet article a été publié le dimanche 9 septembre 2007 à 9:14 et est classé sous ASP. You can follow any responses to this entry through the magic of RSS 2.0 . Vous pouvez suivre les réponses à cette entrée grâce à la magie de RSS 2.0. You can also leave a response , or trackback from your own site. Vous pouvez également laisser une réponse, ou rétroliens à partir de votre propre site.

Yes ! Oui! Comments are FOLLOW So feel free to link back to related and meaningful posts. Les commentaires sont SUITE N'hésitez donc pas à le rattacher à des postes et significative.