Portal
![[Tutorial][PT1] Criar um site - Layout Empty](https://2img.net/i/empty.gif)
Olá Aldeões, começarei uma serie de tutoriais de como criar um site completo, do inicio ao fim! Será bem iniciante mesmo, pois é o correto para quem está começando.
Então vamos começar, nesse primeiro posto vamos ver como será o layout.
Linguagens utilizadas: HTML, CSS e PHP
Programas utilizados: Photoshop ou Fireworks, Notepad++(Recomendo) ou Bloco de Notas.
Downloads:
![[Tutorial][PT1] Criar um site - Layout 639](https://2img.net/h/ibxk.com.br/345/639.jpg)
Notepadd++ (Gratuito)
![[Tutorial][PT1] Criar um site - Layout 258210163015](https://2img.net/h/ibxk.com.br/2011/10/programas/258210163015.jpg)
Photoshop Cs6 (Pago)(Demo)
![[Tutorial][PT1] Criar um site - Layout 103326](https://2img.net/h/ibxk.com.br/45613/103326.jpg)
Fireworks Cs6 (Pago)(Demo)
O layout do site que iremos criar irá ser mais ou menos assim :
(URL da imagem caso não abra: https://imgur.com/LCxM3)
![[Tutorial][PT1] Criar um site - Layout LCxM3](https://i.imgur.com/LCxM3.jpg)
Esse layout foi feito no photoshop, mas pode ser feito pelo Fireworks, Corel Draw, Paint ou qualquer outro editor de imagem!
Com a base em html:
Com base nessa imagem começaremos nosso código em HTML:
2º Tutorial
http://www.aldeiarpgbr.com/t6228-tutorialpt2-cria-um-site-dimensoes
No próximo tutorial falaremos sobre as dimensões do site. Obrigado a todos fiquem com Deus!
Então vamos começar, nesse primeiro posto vamos ver como será o layout.
Linguagens utilizadas: HTML, CSS e PHP
Programas utilizados: Photoshop ou Fireworks, Notepad++(Recomendo) ou Bloco de Notas.
Downloads:
Notepadd++ (Gratuito)Photoshop Cs6 (Pago)(Demo)Fireworks Cs6 (Pago)(Demo)O layout do site que iremos criar irá ser mais ou menos assim :
(URL da imagem caso não abra: https://imgur.com/LCxM3)
Esse layout foi feito no photoshop, mas pode ser feito pelo Fireworks, Corel Draw, Paint ou qualquer outro editor de imagem!
Com a base em html:
- Código:
<html>
<head>
<title></title> <!-- Titulo da pagina -->
</head>
<body><!-- "corpo" do site -->
</body>
</html>
Com base nessa imagem começaremos nosso código em HTML:
- Código:
<html>
<head>
</head>
<body>
<div id="tudo">
<div id="cabecalho"></div>
<div id="menu"></div>
<div id="conteudo"></div>
</div>
</body>
</html>
2º Tutorial
http://www.aldeiarpgbr.com/t6228-tutorialpt2-cria-um-site-dimensoes
No próximo tutorial falaremos sobre as dimensões do site. Obrigado a todos fiquem com Deus!
![[Tutorial][PT1] Criar um site - Layout 117b3tg](https://2img.net/h/oi46.tinypic.com/117b3tg.jpg)