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)

  • 19 de novembro de 2010 em 21:03
    Permalink

    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

    Resposta
    • 22 de novembro de 2010 em 13:45
      Permalink

      Rafael,

      segue link para a resposta da sua dúvida.

      Abraços.

      Resposta
  • 23 de fevereiro de 2011 em 16:14
    Permalink

    eu faço curso de web designer …
    vc sites de formas diferentes!!!
    😀

    Resposta
    • 23 de fevereiro de 2011 em 16:20
      Permalink

      Uma das idéias do blog é disponibilizar várias formas de criar um site.

      Abraços.

      Resposta

Deixe uma resposta

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