Olá pessoal, meu nome é Maurício Júnior e estou disposto a mostrar como utilizar um recurso de themas com o Visual Studio.NET para web com a linguagem C#.NET. Os passos para mudar de layout de um site se tornou muito simples e dinâmico quando se usa a ferramenta da Microsoft.

    Nem compilar o site ou aplicativo Ă© necessário para essa grande mudança. É lĂłgico que precisa pelo menos utilizar padrões especĂ­ficos com seus desenvolvedores / programadores. Como toda linguagem existem padrões, Ă© necessário ter padrĂŁo na hora de criar um tipo de software; porĂ©m este Ă© outro assunto que podemos conversar nos prĂłximos artigos.
    Hoje em dia existem vários sites no mundo da internet e cada um precisa de um layout diferente, ideal e bonitinho para o usuário final. Considerando que, o uso de “tableless” - sem tabela, foi comprovado que o site fica mais rápido quando o mesmo nĂŁo está usando “table” e sim css, ou seja, folha de estilo. Para montar um site nĂŁo Ă© necessário posicionar as colunas ou centros com tabelas e sim com stilos dinâmicos. Aprenda um pouco utilizando “tableless” no site www.tableless.com.br.
    O importante da ferramenta Visual Studio.NET 2008 Ă© que já vem como a 2005 pronto para utilizar esse tipo de layout e tecnologia. Ainda ficou mais fácil pois o mesmo possui intelisence; ou seja, auto-incremento automatizado.


Referência – Thema 1.1

    Existe um arquivo de configuração chamado web.config cujo tem o objetivo de manter qualquer tipo de configuração de seu aplicativo, isso eu falo para um programa do tipo WEB. Basta ser referenciado em seu aplicativo e automaticamente o mesmo começa ter o css como padrĂŁo.


Referência – Thema 1.2

    Para adicionar um thema junto ao Visual Studio.NET 2008, basta seguir os passos: clique com botĂŁo direito em cima do projeto / opção ADD / ADD ASP.NET folder / Theme.


Referência – Thema 1.3

    Depois, adicionei uma pasta chamada aspneti.com.br e os arquivos de imagens, css e funcoes.js dentro do mesmo. Com isso nĂŁo preciso colocar a referĂŞncia style em todas as páginas ou  em uma página central, bastou apenas colocar no web.config a indicação de qual “thema” criado.
    Usando em forma de class nos div's fez com que o layout ficasse pronto e preparado da forma que queria. Caso queira mudar o layout, tenho duas opções: 1 – criar outro thema e adicionar no projeto; 2 – alterar apenas o arquivo css. Sem precisar de alterar todas as páginas nem mesmo a referĂŞncia, sĂł alterar o arquivo de configuração.



Referência – 1.4

Espero ter ajudado, qualquer dĂşvida favor entrar em contato.