Si quieres saber como se construyen las páginas lo mejor es que bajes un plugin que se llama
Firebug para Firefox, en este vas a ver como están colocados los div's, además las instrucciones del CSS.
Los div's son divisiones entre una parte y otra, lo que haces con el CSS es darles instrucciones para definir los valores que va a utilizar dentro de tu diseño. Antes de empezar, lo mejor sería definir que es lo que tu quieres en tu proyecto. Ya teniendo la idea, ve construyendo tu página.
Ahí está el CSS del pasaporte, por ejemplo:
Código :
img.image_passport {hlma.css (line 85)
left:-76px;
position:absolute;
top:0pt;
}
img, div {hlma.css (line 16)
border:0pt none;
}
html, body, table, thead, tbody, tfoot, tr, th, td, p, h1, h2, h3, h4, h5, h6, div, ul, li, a, form, textarea, input, select, img, hr, span, strong, fieldset, blockquotes {hlma.css (line 11)
margin:0pt;
padding:0pt;
}
Otra cosa que yo hice fue bajar templates y analizar su estructura. Date una vuelta es está página:
http://www.templateworld.com/free_templates.html
Baja unos templates y analizalos.
Saludos, espero que te sirva.