Como iniciar um recorte em Tableless - Ninja WP - CHR Designer
Posted in 30 de May de 2009 by César Ribeiro.
E ai pessoal, esse post vai ser dedicado ao Alex um amigo meu que trabalha comigo na Lógica Digital, sempre que vai começar um recorte do zero ele tem muitas dúvidas de como iniciar. Ele não sabe como as DIVs tem que ficar e toda vez eu explico mas agora se ele perguntar para mim eu vou mandar esse link para ele…hahahaha….
Vamos lá então primeiro tem que ter algum editor de HTML eu uso o Aptana aqui em casa mas na Lógica eu uso o Dreamweaver mas se vocês não quiserem instalar nenhum desse software pode usar o NotePad do Windows mesmo.
Abaixo tem um modelo de HTML crú:
<title>COMO INICIAR UM RECORTE EM TABLELESS</title>
Agora eu vou colocar as DIVs:
<div>TOPO</div>
<div">LATERAL</div>
<div>RODAPE</div>
Agora para finalizar vou colocar as IDs nas DIVs e lembrando que nunca pode ter duas IDs com o mesmo nome senão não valida o seu código, vou colocar mais uma DIV que e a "container" que nele vai o css para determinar a largura do site e vou adicionar o css na pagina mesmo "<style type="text/css">":