Como posso criar um site ASP.NET atrasando o estilo / tema?

Question

Eu preciso construir um protótipo para um site intranet, e eu quero focar na usabilidade (layout, navegabilidade, etc) e deixar o tema para depois (eu tenho muito mau gosto, de modo que este provavelmente será feito por outra pessoa )

Eu sei sobre a capacidade de alternar temas instantaneamente do ASP.NET, mas como é que eu tenho que projetar os WebForms para que seja fácil depois?

• Devo criar controles com um atributo de classe apontando para algo que vai existir no futuro css?
• Ou eu simplesmente criar os controles sem se preocupar com isso e ele vai ser facilmente manipulados quando criamos o tema?

Answer 1

Se você estiver planejando usar ASP.NET Temas , então você pode projetar todos os controles genericamente e adicionar Skins mais tarde. Dependendo da complexidade do projeto (ou seja, quantos estilos diferentes que você tem para caixas de texto ou gridviews, etc.), isso pode não te salvar um monte de trabalho, mas é uma maneira de usar o suporte built-in .Net para theming.

Certifique-se de usar uma MasterPage para que todos os seus sub páginas terão uma base comum, e dar todos os seus elementos bons IDs, porque você ainda terá de sujar as mãos com CSS para colocá-lo todos juntos.

Aqui está um link para um digno Temas e Skins tutorial . Saber o que você vai ter que fazer no futuro para adicionar este em tornará mais fácil para projetar para ele agora.

Answer 2

Eu gostaria de fazer o argumento para ignorar temas completamente e usando nada além de CSS. Nunca foi tão claro para mim o que temas de valor agregado; é uma abordagem Microsoft-specific muito, e sua saída nem sempre é compatível com os padrões. Usando CSS você irá alargar o leque de potenciais criadores capaz de trabalhar em seu projeto, e você terá uma melhor chance de ter um cross-browser e compatível com os padrões site.

Se alguém vai ser denominar isso mais tarde, eu tinha acabado de se certificar de que você fornece "ganchos" o suficiente para que eles sejam capazes de conceber isso. Isto significa a adição de classes CSS para praticamente tudo que você faz que vai ser estilo semelhante, e as coisas envolvimento em divs ou spans com classes CSS sempre que adequado, por exemplo

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

Se você não tem uma sólida compreensão do CSS e você não tem convenções de nomenclatura em casa ou folhas de estilo padrão, porém, você não vai realmente saber como estruturar suas divs e classes. Na nossa loja, a nossa forma de lidar com isso é o programador apenas escreve marcação ASP.NET padrão, e o designer passa e acrescenta divs, vãos, e nomes de classe que o trabalho com a folha de estilo que eles irão desenvolver.

Answer 3

Skins são provavelmente a resposta, mas algo que me irrita (talvez porque eu não gosto de ser esse fornecedor específico e eu gostaria minhas habilidades para ser aplicável a outras linguagens web e plataformas do que .NET). Eu prefiro usar atributos CssClass em todos os meus controles ASP.Net e cuidadosamente tudo classe mais e usar o máximo marcação semântica possível. Então, quando eu chegar os controles configurado e funcionando, eu uso o CSS para o estilo de tudo (embora eu geralmente tenho que ajustar o HTML e outras coisas JavaScript neste momento).

Outro desenvolvedor eu trabalho com prefere fazer tudo da maneira Microsoft com peles e diretrizes de página e assim por diante. É provavelmente a melhor maneira de fazê-lo, mas parece-me que ele está misturando muito da apresentação para o back-end do meio e da aplicação.

Answer 4

só embrulhar seus controles em divs. fará layout / estilo muito mais fácil no final