Pular para o conteúdo principal

Postagens

Mostrando postagens de dezembro, 2006

Criando o site de trás pra frente

Podem ate achar estranho, mas gosto de começar o desenvolvimento de um site de trás pra frente, ou seja, eu começo a codificar as páginas internas primeiro e só depois é que vou pensar na página inicial. E não sou apenas eu, Derek Powazek também faz assim ( tradução aqui ), e faço as palavras dele minhas palavras também. O layout mostrado na postagem anterior é referente às páginas internas do site e depois dele pronto é que vamos pensar na página inicial.

O layout de nosso site de exemplos

Para darmos inicio a nossa codificação vou mostrar primeiramente qual será o layout, normalmente não é preciso o layout pois ele faz parte da segunda camada, mas resolvi mostrá-lo para termos em mente como o site deve ficar. Para desenvolver o layout eu utilizo um editor de imagens, gosto muito do Fireworks, mas você pode usar qualquer um, não sou designer, portanto não esperem nada muito surpreendente. Para um layout feito em menos de 3 minutinhos está ate bom, não acham? Agora que já temos nosso layout vamos começar a implementar o código XHTML, este será o tema da próxima postagem, ate lá.

Porque não usar editores WYSIWYG

Uma pergunta que muitos que estão começando fazem. Primeiramente uma breve explicação sobre os editores de nome estranho. WYSIWYG, do inglês "What You See Is What You Get", quer dizer maio ou menos "O que você vê é o formato final" e trata-se de editores de HTML onde não é preciso saber codificar em HTML, para fazer uma página basta digitar os textos, movimentar as imagens pela tela e formatar o texto através de botões parecidos com os botões de um editor de texto normal (Microsoft Word por exemplo), todo o HTML é gerado pelo editor através destas "formatações". Pode parece a melhor coisa do mundo, mas não é, pois o código HTML gerado fica muito sujo, ou seja, cheio de coisas estranhas, pois ainda não foi desenvolvido o editor WYSIWYG que realmente faça nosso trabalho. Como mostrado nos exemplos anteriores, codificar uma página HTML é bastante simples, portanto não há porque complicar, tornando nossos arquivos muito grandes e passiveis a erro apenas pela

Definindo do Document Type Definition

A proposta inicial era a da construção de um site como uma espécie de Currículo on-line, mas mudei de idéia. Tinha em mente criar um Currículo on-line para os primeiros exemplos e depois criar um site de uma empresa fictícia para explicar melhor outros pontos, mas resolvi ir direto ao site de uma empresa fictícia, pois assim terei mais opções. Nossa empresa de mentirinha vai se chamar Carficodi (o falta de criatividade) e será nada mais nada menos que uma agencia de automóveis. A primeira coisa a fazer é definir qual tipo de Doctype usar, para os exemplos eu usarei o "XHTML 1.0 Strict". E de estrema importância saber o que é um Doctype e recomendo e a leitura deste post do revolucao.etc.br para que eu não tenha que reescrever tudo aqui. Ate a próxima.