Criando um site: Layout (parte 1)


Estarei ensinando nos próximos posts a criar um site completo, com um layout simples, mas funcional.

Os recursos utilizados serão: html – css – php – photoshop

Segue, abaixo, o layout do site que criaremos.
Layout PHP

Este layout foi desenhado no fireworks, mas poderia ter sido feito no photoshop, corel draw ou qualquer outra ferramenta de edição de imagem.

Com base nessa imagem, iniciamos com o código html.

Código:

<div id="tudo">
    <div id="cabecalho"></div>
    <div id="menu"></div>
    <div id="conteudo"></div>
</div>

Próximo post, definindo as dimensões do nosso site.

6 comentários em “Criando um site: Layout (parte 1)”

  1. Me descupe por não ter agradecido antes, muito obrigado vc me ajudou mto.

    Queria tirar mais uma duvida já que o top usa a tela inteira, cmo faz para o conteudo ficar centralizado e o rodapé ficar igual ao top tela inteira, menos o conteudo. exemplo esse site, usando o html e o css esquendo o flash.

    Desde já agradeço sua ajuda muito obrigado mesmo,você me ajudou muito.
    OBRIGADÃO, piázão valeu mesmo.

    http://www.vilacos.com.br/index.php

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Rolar para cima