Layout This2

Por Vinnicius de Oliveira Campagnuci. Em 26/04/12 14:26. Atualizada em 21/08/14 11:44.

Estrutura e CSS do This2

Cada layout do Weby possui uma estrutura definida pelo seu código HTML. Essa estrutura do código HTMl é estilizada através de folhas de estilo escritas em CSS. A união das folhas de estilo com o a estrutura HTML define como a página é exibida.

Abaixo podemos visualizar como foi definida a estrutura HTML do Layout "This2" e também a localização de cada divisão em uma página real:

this2-1 this2-2

O HTML padrão para esse layout está descrito abaixo:
Obs: Parte do código está escrito em Ruby (Carregar os componentes, e variáveis do site como a língua que é dinâmica)

this2-3

O Css padrão para esse layout está descrito abaixo:

this2-4

Você pode fazer o download desse exemplo de Css clicando aqui.