CSS / HTML Problema

  • Dorsa
  • Novice
  • Novice
  • No Avatar
  • Registrado: Jul 16, 2006
  • Mensajes: 23
  • Status: Offline

Nota Agosto 7th, 2009, 1:38 am

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.
Imagen

Por favor, me asesorará en cuanto a lo que debe hacer.
Me acaba de comenzar la codificación de HTML y CSS.
  • Anonymous
  • Bot
  • No Avatar
  • Registrado: 25 Feb 2008
  • Mensajes: ?
  • Loc: Ozzuland
  • Status: Online

Nota Agosto 7th, 2009, 1:38 am

  • CXLink
  • Expert
  • Expert
  • Avatar de Usuario
  • Registrado: Nov 22, 2004
  • Mensajes: 684
  • Loc: ATL-GA
  • Status: Offline

Nota Agosto 7th, 2009, 6:11 am

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?
Push-Here ::: Web Design + Identity
WordPress - like mayonnaise - goes great with anything
We adore chaos because we love to produce order. -M. C. Escher
  • Dorsa
  • Novice
  • Novice
  • No Avatar
  • Registrado: Jul 16, 2006
  • Mensajes: 23
  • Status: Offline

Nota Agosto 7th, 2009, 11:16 am

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?
  • mk27
  • Proficient
  • Proficient
  • Avatar de Usuario
  • Registrado: Jun 09, 2009
  • Mensajes: 334
  • Status: Offline

Nota Agosto 9th, 2009, 11:07 am

Dorsa escribió:
Pero yo estaba pensando que podría cortarlo en dos columnas. Divida el menú de la sección de contenido y luego desde allí crear distintas columnas y filas para el menú y "cabecera". Y las columnas más individuales en el lado derecho de los títulos y texto de contenido y por el youtube y twtitter.

ideas?


Se les llama <div>. Darles "clase" atributos
Código: [ Select ]
<div class="left">
blahblahblah
</div>
<div class="right">
<div class="top">
     blahblahblah
</div>
blahblahblah
</div>
  1. <div class="left">
  2. blahblahblah
  3. </div>
  4. <div class="right">
  5. <div class="top">
  6.      blahblahblah
  7. </div>
  8. blahblahblah
  9. </div>

y ordenarlos por lo tanto en tu CSS:
Código: [ Select ]
.left {position: absolute; top: 20px; left: 20px; width: 45%}
.right {position: absolute; top: 20px; right: 20ps; width: 45%}
  1. .left {position: absolute; top: 20px; left: 20px; width: 45%}
  2. .right {position: absolute; top: 20px; right: 20ps; width: 45%}

"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.
Imagen
  • CXLink
  • Expert
  • Expert
  • Avatar de Usuario
  • Registrado: Nov 22, 2004
  • Mensajes: 684
  • Loc: ATL-GA
  • Status: Offline

Nota Agosto 10th, 2009, 5:09 am

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.
Push-Here ::: Web Design + Identity
WordPress - like mayonnaise - goes great with anything
We adore chaos because we love to produce order. -M. C. Escher

Publicar Información

  • Total de mensajes en este tema: 5 mensajes
  • Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 118 invitados
  • No puede abrir nuevos temas en este Foro
  • No puede responder a temas en este Foro
  • No puede editar sus mensajes en este Foro
  • No puede borrar sus mensajes en este Foro
  • No puede enviar adjuntos en este Foro
 
 

© 2011 Unmelted, LLC. Ozzu® es una marca registrada de Unmelted, LLC