O Expression Blend é uma ferramenta de design profissional para criar aplicações Windows ricas, conectadas à Web. O melhor caminho para aprender a usar todo o poder do Expression Blend são os projetos-exemplo elencados neste artigo. Alguns dos projetos incluem tutoriais passo-a-passo, que explicam o processo de criação combinando o Expression Blend e o Visual Studio. Ao final do artigo, indicamos mais recursos e blogs para que você aprofunde seus conhecimentos.

a. Primeiro você deve especificar a largura da div que você quer centralizar, e ela deve ser menor que a largura da tela, ou ela se estenderá por toda a página. A div deve ser a mais externa em seu layout. Neste exemplo, o nome da div é #container. Clique com o botão da direita no nome da div no painel de tarefas Manage Styles e escolha Modify Style (se você ainda não aplicaou nenhum estilo à div, escolha New Style).

b. No diálogo Modify Style ou New Style, selecione a categoria Position, e entre com uma largura em Width. Neste exemplo, vamos usar 80 pixels.

c. Agora vem o truque. Para centralizar a div, marque as margens direita e esquerda como automáticas. O efeito disso é que o browser vai colocar um espaço do mesmo tamanho em cada lado da div, centralizando-a na página. Para fazer isso, escolha a categoria Box no diálogo Modify Style ou New Style e marque as margens left e right como auto.

d. Quando você salvar o estilo e ele for aplicado à div, ela será centralizada na página, bem como todo o seu conteúdo, como na imagem abaixo.

Centralizar a página faz com que o seu design preencha a tela de maneira equilibrada, em qualquer resolução.

Sobre o autor

Marcelo Negrini é o principal executivo da Zazambia, empresa especializada em planejamento de marketing, usabilidade e redes sociais online. Foi funcionário da Microsoft no Brasil e nos EUA, onde liderou a área de Evangelismo para ferramentas de desenvolvimento (Visual Studio 2005 e Windows Vista). Participou de projetos em clientes Microsoft ao redor do mundo, incluindo Citigroup, Chevron, General Mills, Governo do Reino Unido, Hotéis Hilton, East Japan Railways, MySpace, HMV Music. É bacharel em Comunicação Social, com pós-graduação em Arquitetura de Informação pelo New York Institute of Technology. Pode ser contatado pelo e-mail: mnegrini@zazambia.com.