PDA

Ver la versión completa : Ayuda en diseño web



Miguel Angel
28/12/2008, 10:12
Hola compañeros foreros, estoy usando el soft expressión Web. Tengo una imagen que quiero ponerla de fondo y al hacerlo lo hace en mosaico. Cómo puedo hacer para que estire la imagen y no se vea en mosaico????
Necesito también, encontrar la forma de dimensionar la web para una resolución determinada.
Gracias de antemano.

xXBeRSeKeRXx
13/01/2009, 15:53
No conozco el soft ese pero te digo como hacerlo a "mano"... No se tu nivel de HTML/CSS pero cualquier cosa pregunta...

Suponiendo que el contenido de tu web este dentro de un div tendrias algo asi:



<div id="contenedor">
//contenido
</div>


Y por otro lado tenes una hoja de estilo con algo asi:



#contenedor{
background-image: url("URL_DE_TU_IMAGEN.EXTENSION");
background-repeat: no-repeat; // con esto logras que no se repita
}


Para el tamaño te recomiendo trabajar la imagen con algun editor (por ejemplo Photoshop), ya que no soy partidario de modificar el tamaño desde codigo...

Y por el tema de las resoluciones, si lo que queres es hacerlo para una determinada (no lo recomiendo) pones los valores en pixeles y listo... Esto de entrada tiene ciertas contras:

- Primero: a no ser que estes seguro que los usuarios de tu web van a tener esa resolusion, cada uno la usa de diferentes maneras...

- Segundo: mas alla de que todos tengan la misma resolucion, los diferentes navegadores tiene sus propias caracteristicas y formas de renderizado, lo que complica aun mas la universalizacion del tamaño de tu web... de todas formas al tamaño de tu web le tenes que restar las barras laterales (derecha), la barra de herramientas (arriba) y la barra de estado (abajo)...

Lo que recomiendo es usar porcentajes y en lo posible el modelo de "caja"... vas a encontrar mucho por la web... basicamente es tener un marco contenedor y dentro de el ir ubicando el contenido segun parezca... vas a encontrar divs "elasticos", gente (como yo) que todavia prefiere las tablas...

En fin, hay muchas formas de trabajar el maquetado de tu web... investigando es la mejor forma de llegar a lo uqe buscas... ;)

Cualquier cosa ando por aca... Suerte!!

Enkapzulada
27/01/2009, 12:21
Lo mejor es utilizacion de estilos para las webs, y utilizar fondos diseñados para que en mozaico te complete el total de la pantalla y asi abarcar toda la pantalla independientemente de la resolucion del usuario o navegador. Si precisas una imagen como fondo, insertas un div como contenedor y lo centras en el div principal ( con 100% de width ).


Los productos de Expression son mas heavy en recursos, no probaste con Dreamweaver de Adobe? o alguna version vieja (8) ?