helldanger1
GForum VIP
- Entrou
- Ago 1, 2007
- Mensagens
- 29,631
- Gostos Recebidos
- 1
Realizamos a construção da área do corpo, aonde se mostrará o conteúdo da página.
Por Miguel Angel Alvarez - Tradução de JML
Este exercício trata de montar uma página utilizando camadas e css. A primeira parte pode ser vista em: Montar uma página con CSS.
O corpo da página
A parte da página onde colocamos a informação principal. Criaremos uma camada independente para o corpo e colocaremos dentro o título, o texto e outros elementos que quisermos situar. Os elementos os introduzimos com as etiquetas HTML que deveriam ter em uma página básica. Logo, com CSS definiremos o estilo para o corpo e cada uma das etiquetas que colocamos dentro.
<div id="corpo">
<h1>Título da página</h1>
<p>
Neste artigo vamos conhecer a construção de páginas utilizando Folhas de estilos em cascata (CSS). Veremos como realizar este tipo de construção, junto com algumas vantagens e inconvenientes. Para muitos será ainda um campo para explorar. Embora não entremos em grandes detalhes, vamos tentar tornar conhecido a construção com CSS para cobrir qualquer possível defasagem por parte do leitor. Nos próximos capítulos ampliaremos a informação e ofereceremos tutoriais mais práticos.
</p>
<p>
Como foi possível aprender no Manual de CSS, as folhas de estilo em cascata ajudam a separar o conteúdo da forma, ou seja...
</p>
<div id="navabaixo">
<a href="#">Voltar</a> |
<a href="#">Portal</a> |
<a href="#">Mapa do site</a>
</div>
</div>
Vemos que o corpo tem um título, vários parágrafos e um div, incluído dentro do próprio corpo, com uma segunda barra de links que facilitam a navegação para as pessoas que chegarem ao final do scroll vertical da página.
Por Miguel Angel Alvarez - Tradução de JML
Este exercício trata de montar uma página utilizando camadas e css. A primeira parte pode ser vista em: Montar uma página con CSS.
O corpo da página
A parte da página onde colocamos a informação principal. Criaremos uma camada independente para o corpo e colocaremos dentro o título, o texto e outros elementos que quisermos situar. Os elementos os introduzimos com as etiquetas HTML que deveriam ter em uma página básica. Logo, com CSS definiremos o estilo para o corpo e cada uma das etiquetas que colocamos dentro.
<div id="corpo">
<h1>Título da página</h1>
<p>
Neste artigo vamos conhecer a construção de páginas utilizando Folhas de estilos em cascata (CSS). Veremos como realizar este tipo de construção, junto com algumas vantagens e inconvenientes. Para muitos será ainda um campo para explorar. Embora não entremos em grandes detalhes, vamos tentar tornar conhecido a construção com CSS para cobrir qualquer possível defasagem por parte do leitor. Nos próximos capítulos ampliaremos a informação e ofereceremos tutoriais mais práticos.
</p>
<p>
Como foi possível aprender no Manual de CSS, as folhas de estilo em cascata ajudam a separar o conteúdo da forma, ou seja...
</p>
<div id="navabaixo">
<a href="#">Voltar</a> |
<a href="#">Portal</a> |
<a href="#">Mapa do site</a>
</div>
</div>
Vemos que o corpo tem um título, vários parágrafos e um div, incluído dentro do próprio corpo, com uma segunda barra de links que facilitam a navegação para as pessoas que chegarem ao final do scroll vertical da página.