Site

Montagem de Site - Parte 1
Agora que vimos inúmeras técnicas de desenvolvimento em HTML e CSS que tal colocar tudo em prática montando um site completo?
A partir desta lição iniciaremos a montagem passo a passo de um site utilizando XHTML e CSS.
Analisando o Layout
Normalmente quando vamos desenvolver um website o layout do mesmo já foi definido por um webdesigner.
Aqui cabe uma breve explicação da diferença entre o Desenvolvedor Web e oWeb Designer.
O Web Designer é o profissional que utiliza ferramentas para desenho como Corel Draw, Photoshop, Ilustrator, In Design, Gimp, etc. Esse profissional geralmente tem bastante criatividade e existem inclusive cursos universitários voltados à área como Design Gráfico e Produção Multimídia, dentre outros.
O Desenvolvedor Web é o profissional que transforma o desenho elaborado pelo Webdesinger em código HTML e CSS que gera o conteúdo definido, que é o propósito deste curso.
Claro que existem profissionais que transitam entre as duas áreas e as empresas valorizam essa flexibilidade.
Mas muitas empresas de desenvolvimento web têm profissionais que trabalham exclusivamente com o design e outros com a codificação.
Vamos partir do pressuposto que um Web Designer já elaborou o layout que deve ser aplicado.
Vamos trabalhar com um layout bem simples mas que servirá para aplicarmos diversas técnicas que já estudamos.
Clique no link abaixo para ver como será esse layout.
Layout Página Inicial.
Achou estranho os textos utilizados no template? Eles são chamados de Lorem Ipsum. Trata-se basicamente de uma simulação de texto muito utilizada pela indústria tipográfica. Para fins de análise de diagramação é melhor que quem estiver realizando o trabalho não se distraia com o conteúdo textual mas concentre-se no design.
Você pode baixar o layout no formato PNG no link abaixo:
Baixar template.
Se aparecer a imagem ao invés da opção de download, clique com o botão direito na mesma e escolha "Salvar imagem como".
Ok, você já