CSS / HTML Problema

Hola
Tengo una plantilla de diseño web que he hecho en photoshop. Estoy tratando de convertir a HTML / CSS. La primera cuestión que he tuvo es que técnicamente no tiene "cabecera". el menú y bandera a lo largo de la parte izquierda en la parte superior y media es mi primer conjunto de texto. La parte superior derecha tiene mi Twitter y Youtube botones.

Estoy algo confuso en cuanto a si deben tener una cabecera, o si debo dejar el ancho de página, o si debe hacerlo sólo el ancho de mi primer conjunto de texto.
Aquí está una foto de la plantilla. Realmente sólo necesita ayuda para decidir la forma de rodaja y código.


Por favor, me asesorará en cuanto a lo que debe hacer.
Me acaba de comenzar la codificación de HTML y CSS.

Su bien no tener una cabecera. Y normalmente me wouldnt sugerir esto, pero si eres nuevo en la codificación de entonces puede que desee intentar dejar de Photoshop rasgar el código para usted. ¿Qué versión de PS están usando?

CS4 pero estoy asistiendo a una escuela de Diseño y Producción de Medios y yo seré el aprendizaje de este allí. Por lo tanto, esperaba que podría conseguir algo de experiencia antes.

Pero yo estaba pensando que podría rebanada en dos columnas. Divida el menú de la sección de contenido y luego, desde allí, crear las columnas y filas para el menú y "de cabecera". Individuales y más columnas en la parte derecha de los títulos y el contenido de texto y para el youtube y twtitter.

ideas?

Se les llama <div>. Darles "clase" atributos

y ordenarlos por lo tanto en tu CSS:

"top" no necesite ningún posicionamiento inicial, ya que está dentro de "derecho".

Sin embargo, CS4 es para el diseño de interfaces de flash que no son HTML / CSS.

Esto le guiará a través de el corte en photoshop, si no se siente cómodo con la codificación a mano. El código que escupe no es la mejor, pero sí hacer el trabajo por usted y le dará un punto de partida.