¿Cómo puedo diseñar un sitio web ASP.NET que demore el estilo / tema?

Question

Necesito crear un prototipo para un sitio web de intranet, y quiero centrarme en la usabilidad (diseño, navegabilidad, etc.) y dejar el tema para más adelante (tengo muy mal gusto, por lo que probablemente lo haga otra persona. )

Sé de la capacidad de ASP.NET para cambiar de tema al instante, pero ¿cómo tengo que diseñar los formularios web para que luego sea fácil?

• ¿Debo crear controles con un atributo de clase que apunte a algo que existirá en el futuro css?
• ¿O simplemente creo los controles sin preocuparme por esto y se manejará fácilmente cuando creemos el tema?

Answer 1

Si planea utilizar Temas de ASP.NET , luego puedes diseñar todos los controles de forma genérica y agregar máscaras más adelante. Dependiendo de la complejidad del diseño (es decir, la cantidad de estilos diferentes que tiene para cuadros de texto o cuadrículas, etc.), es posible que no le ahorre mucho trabajo, pero es una forma de utilizar el soporte .Net incorporado para la tematización.

Asegúrese de usar una MasterPage para que todas sus subpáginas tengan una base común, y proporcione a todos sus elementos una buena identificación, ya que todavía necesitará ensuciarse las manos con CSS para ponerlo todo junto.

Aquí hay un enlace a un Temas & amp; Tutorial de skins . Saber qué tendrá que hacer en el futuro para agregar esto hará que sea más fácil diseñar para él ahora.

Answer 2

Me gustaría hacer el argumento para ignorar los temas por completo y usar nada más que CSS. Nunca me ha quedado claro qué valor agregan los temas; Es un enfoque muy específico de Microsoft, y su salida no siempre cumple con los estándares. Al usar CSS, ampliará el grupo de posibles diseñadores capaces de trabajar en su proyecto, y tendrá una mejor oportunidad de tener un sitio que cumpla con los estándares y con todos los navegadores.

Si alguien más va a estilizarlo más tarde, me aseguraré de que proporcione suficientes " ganchos " Para que ellos puedan diseñar esto. Esto significa agregar clases CSS a casi todo lo que haga que se diseñará de manera similar, y envolver las cosas en divs o tramos con clases CSS cuando sea apropiado, por ejemplo

     <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>

Sin embargo, si no tiene una comprensión sólida de CSS y no tiene convenciones de nomenclatura internas ni hojas de estilo estándar, realmente no sabrá cómo estructurar sus divs y clases. En nuestra tienda, la forma en que manejamos esto es que el programador simplemente escribe el marcado ASP.NET estándar, y el diseñador recorre y agrega divs, intervalos y nombres de clase que funcionan con la hoja de estilo que desarrollarán.

Answer 3

Las pieles son probablemente la respuesta, pero algo me molesta (tal vez porque no me gusta ser un proveedor específico y me gustaría que mis habilidades sean aplicables a otros lenguajes y plataformas web que no sean .NET). Prefiero usar los atributos CssClass en todos mis controles de ASP.Net y clasificar cuidadosamente todo lo demás y usar el mayor margen de beneficio semántico posible. Luego, cuando tengo los controles configurados y en funcionamiento, utilizo CSS para darle estilo a todo (aunque normalmente tengo que modificar las cosas de HTML y JavaScript en este punto).

Otro desarrollador con el que trabajo prefiere hacer todo a la manera de Microsoft con Skins y directivas de página, etc. Probablemente sea la mejor manera de hacerlo, pero me parece que está mezclando demasiado la presentación en el medio y en el back-end de la aplicación.

Answer 4

simplemente envuelve tus controles en divs. hará que el diseño / estilo sea mucho más fácil al final