Comment concevoir un site Web ASP.NET en retardant le style / thème?

Question

Je dois créer un prototype de site Web intranet. Je souhaite me concentrer sur la convivialité (mise en page, navigabilité, etc.) et laisser le thème pour plus tard (j'ai très mauvais goût, ce sera probablement fait par quelqu'un d'autre. )

Je connais la capacité d'ASP.NET à changer de thème instantanément, mais comment dois-je concevoir les WebForm pour que ce soit facile plus tard?

• Devrais-je créer des contrôles avec un attribut de classe pointant vers quelque chose qui existera dans le futur css?
• Ou bien, est-ce que je crée simplement les contrôles sans m'inquiéter de cela et le traitement sera fait facilement lorsque nous créerons le thème?

Answer 1

Si vous envisagez d'utiliser les Thèmes ASP.NET , vous pouvez ensuite concevoir tous les contrôles de manière générique et ajouter des skins ultérieurement. En fonction de la complexité de la conception (nombre de styles différents que vous avez pour les zones de texte ou les vues en grille, etc.), cela ne vous fera peut-être pas économiser beaucoup de travail, mais c'est une façon d'utiliser le support intégré .Net pour la thématisation.

Assurez-vous que vous utilisez une page maître afin que toutes vos sous-pages aient une base commune et attribuez à tous vos éléments de bons identifiants, car vous devrez tout de même vous salir les mains avec CSS pour tout mettre ensemble.

Voici un lien vers un Thèmes & amp; Skins tutoriel . Savoir ce que vous devrez faire à l'avenir pour ajouter ceci facilitera la conception dès maintenant.

Answer 2

Je voudrais argumenter en ignorant complètement les thèmes et en n'utilisant que du CSS. Je n'ai jamais compris ce que les thèmes de valeur ajoutent; c'est une approche très spécifique à Microsoft, et sa sortie n'est pas toujours conforme aux normes. En utilisant CSS, vous élargirez le nombre de concepteurs potentiels capables de travailler sur votre projet et vous aurez plus de chances d’avoir un site multi-navigateurs respectant les normes.

Si quelqu'un d'autre modifie cela plus tard, je m'assurerais simplement que vous fournissiez un nombre suffisant de "crochets". pour qu'ils soient capables de concevoir cela. Cela signifie qu’il faut ajouter des classes CSS à pratiquement tout ce que vous faites qui seront stylés de la même manière, et insérer des éléments dans des div ou des étendues avec des classes CSS, le cas échéant, par exemple

.

     <div class="ButtonContainer">
       <asp:linkbutton runat="Server" cssclass="Button Cancel" command="Save" text="Save" />
       <asp:linkbutton runat="Server" cssclass="Button Save" command="Cancel" text="Cancel" />
     </div>

Si vous ne comprenez pas bien le CSS et si vous ne disposez pas de conventions de nommage internes ni de feuilles de style standard, vous ne saurez pas vraiment comment structurer vos divs et vos classes. Dans notre boutique, nous gérons cela de la manière suivante: le programmeur écrit simplement le balisage ASP.NET standard, puis le concepteur y ajoute des div, des étendues et des noms de classe qui fonctionnent avec la feuille de style qu'ils vont développer.

Answer 3

Les skins sont probablement la solution, mais quelque chose à ce sujet me contrarie (peut-être parce que je n'aime pas être ce fournisseur spécifique et que j'aimerais que mes compétences soient applicables à d'autres langages et plateformes Web que le .NET). Je préfère utiliser les attributs CssClass sur tous mes contrôles ASP.Net, classer soigneusement tout le reste et utiliser le plus de balisage sémantique possible. Ensuite, lorsque les contrôles sont configurés et opérationnels, j'utilise CSS pour styliser tout (bien que je doive généralement modifier les éléments HTML et JavaScript à ce stade).

Un autre développeur avec lequel je travaille préfère tout faire de la même manière que Microsoft: skins, directives de page, etc. C’est probablement la meilleure façon de le faire, mais j’ai l’impression de mélanger une trop grande partie de la présentation au milieu et au fond de l’application.

Answer 4

enveloppez simplement vos contrôles dans des divs. facilitera la mise en page / le style à la fin