Themas . Muito Simples

ASP.NET

Saturday, January 1, 2011

    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.