Cuando se tiene el diseño..

xeryon

Mi problema radica en que soy perfectamente capaz de diseñar una página desde photoshop.. hasta ahí perfecto, pero no se como pasar todo el trabajo a formato.html. Necesito algo de orientación sobre el tema.

Thx.

erdanblo

Herramienta "Sectores".

D

Eso quiere decir que haces TODO el diseño a photoshop? es decir, no "desmiembras" ese diseño, aplicandolo a tablas en html?, seleccionas cada region luego de esa unica "imagen" i luego programas cada una de esas regiones seleccionadas?
Eso se puede hacer?, es comodo? es aconsejable usar el "desmembramiento" y usar tablas?
Yo esque se programar, pero diseño 0..
Aprovecho y pido algun manual o algo donde explique como hacer un buen diseño, gracias.

RaymaN

Yo siempre empiezo haciendo el diseño completo en photoshop, y cuando lo tengo completo hago la estructura básica en html, todo en css. Las imágenes que hagan falta las recorto del diseño en photoshop y se las pongo.

xeryon

Bueno, como dijo Endarblo utilize la herramienta "recorte" y luego "guardar para web".. guardo la página en html & imagenes y ya la pude visualizar.

La duda que me viene ahora es como hacer que dicha página ocupe el 100% del espacio y no se alinee a la izq o al centro dejando espacio a ambos lados.

RaymaN

#5 en la tabla principal (la que contiene todo), ponle width="100%"

D

EDITADO: Sorry no lei lo de ocupar el 100%

-> #5

yEnS

Yo utilizo el mismo método que apunta Rayman. Nunca me han gustado lo de los sectores, ya que prácticamente eso lo puedes hacer tu a mano tanto para tablas como para divisiones CSS.

Si todavía estás empezando vete directamente a divisiones CSS, que es lo que hay que usar sí o sí, las tablas sólo son para contenidos.

xeryon

Lo que estoy viendo es que controlo bastante de diseño pero no tengo ni idea de lo demás..

#7 De esa forma se alinea al centro pero quedan espacios a los lados..

YavestruZ

#8 estas seguro de lo que dices?

erdanblo

#10 Chuck Norris no usa sectores, Chuck Norris le dice a Photoshop que se maquete, y este lo hace validando XHTML Strict y separando el contenido del diseño totalmente.

xeryon

Bueno.. por algo era que lo mio sería el diseño y no la programación..

¿Conoceis algun programa que se parezca a iWeb en lo que es construcción de páginas?

De momento he conseguido alinear la página, ponerle background.. pero estoy totalmente perdido en lo que añadir texto se refiere..

Edit: otra duda que tengo es si con html puedo poner texto sobre una imagen..

Hynack

puedes poner texto sobre una imagen si esta la tienes como imagen de fondo

erdanblo

#12 Depende de cada caso, pero lo más usado en la creación de interfaces es poner la imagen como fondo de capas o de celdas.

Luego con CSS ajustas el margen y el padding, para que aparezcan donde tu quieres.

Usuarios habituales

  • erdanblo
  • Hynack
  • xeryon
  • YavestruZ
  • yEnS
  • d3a6l3
  • RaymaN