Foros del Web » Diseño web » HTML »

Hacer web se ajuste tamaño pantalla

Estas en el tema de Hacer web se ajuste tamaño pantalla en el foro de HTML en Foros del Web. Hola Mi pregunta es sencilla. Tengo un web creada con photoshop y luego editada con dreamweaver solo para poner hipervinculos a otras direcciones web. Lo ...
  #1 (permalink)  
Antiguo 24/02/2010, 12:00
 
Fecha de Ingreso: diciembre-2008
Mensajes: 24
Antigüedad: 5 años, 7 meses
Puntos: 1
Hacer web se ajuste tamaño pantalla

Hola

Mi pregunta es sencilla.

Tengo un web creada con photoshop y luego editada con dreamweaver solo para poner hipervinculos a otras direcciones web.
Lo que quiero es que cuando se abra la web esta se adapte al ancho y altura de la pantalla de quien la visite.
¿Tiene que ser sencillo,no? Todo el mundo la tiene asi jeje

Formulario para mi ayuda:

-Imagen de la portada web creada con photoshop y luego guardada con guardar para web y dispositivos
-Abierta con dreamweaver 8 solo para selecionar dos zonas de esa pagina para añadirle enlaces a otros zonas www
-SO: Snow Leopard (maquero)
-Hosting gratuito
-Si necesitas mas info puedes pedirmela.

Gracias
  #2 (permalink)  
Antiguo 24/02/2010, 13:33
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.333
Antigüedad: 12 años, 2 meses
Puntos: 152
Respuesta: Hacer web se ajuste tamaño pantalla

para que tu sitio "se acomode" a la resolución del usuario tenes que armar todas las medidas en porcentaje (%) por ende todo lo que tenes tal vez no te sirva, ya que las imagenes tienen medida fija en pixels...

  #3 (permalink)  
Antiguo 25/02/2010, 03:26
 
Fecha de Ingreso: diciembre-2008
Mensajes: 24
Antigüedad: 5 años, 7 meses
Puntos: 1
Respuesta: Hacer web se ajuste tamaño pantalla

mmmmm ok ok

tengo el psd de la pagina web, como lo harias para configurarlo en porcentaje?

como harias tu la web? me refiero como la harias con photoshop? o como la harias con dreamweaver (pasando imagenes creadas con photoshop)?
  #4 (permalink)  
Antiguo 25/02/2010, 05:03
 
Fecha de Ingreso: diciembre-2008
Mensajes: 24
Antigüedad: 5 años, 7 meses
Puntos: 1
Respuesta: Hacer web se ajuste tamaño pantalla

a ver ya he descubierto algo pero sin solucionar mi problema....(tened en cuenta que soy 100% novato)

he creado una tabla, la he puesto en porcentaje en vez de en pixeles y he metido dentro de la tabla la imagen; inconvenientes= sigue sin adaptarse a la resolucion de la web, se ve el marco de la tabla

:S:S
  #5 (permalink)  
Antiguo 25/02/2010, 08:35
 
Fecha de Ingreso: diciembre-2008
Mensajes: 24
Antigüedad: 5 años, 7 meses
Puntos: 1
Respuesta: Hacer web se ajuste tamaño pantalla

la web es

www.kitincadi.tk

a ver si alguien ve la solucion
  #6 (permalink)  
Antiguo 25/02/2010, 09:15
 
Fecha de Ingreso: febrero-2010
Mensajes: 25
Antigüedad: 4 años, 5 meses
Puntos: 0
Respuesta: Hacer web se ajuste tamaño pantalla

si tienes tu platilla hecha en photoshop, lo ideal seria exportarlo a image ready en el cual podras maquetar tu web, para que posteriormente puedas usar hojas de estilo, o como dicen en anteriores respuestas lo mas facil en tu caso si no quieres complicarte es usar porcentajes en las medidas.

Saludos
  #7 (permalink)  
Antiguo 25/02/2010, 15:25
 
Fecha de Ingreso: diciembre-2008
Mensajes: 24
Antigüedad: 5 años, 7 meses
Puntos: 1
Respuesta: Hacer web se ajuste tamaño pantalla

Cita:
Iniciado por vandercraft Ver Mensaje
si tienes tu platilla hecha en photoshop, lo ideal seria exportarlo a image ready en el cual podras maquetar tu web, para que posteriormente puedas usar hojas de estilo, o como dicen en anteriores respuestas lo mas facil en tu caso si no quieres complicarte es usar porcentajes en las medidas.

Saludos
me podrias decir como se hace?

o sino quieres tener muchos trabajo solamente un tutorial que me diga como maquetar mi web o como poner en porcentajes las medidas!!

gracias vandercraft por la respuesta
  #8 (permalink)  
Antiguo 26/02/2010, 10:12
 
Fecha de Ingreso: diciembre-2008
Mensajes: 24
Antigüedad: 5 años, 7 meses
Puntos: 1
Respuesta: Hacer web se ajuste tamaño pantalla

Por si puedo ayudar a alguien que ande como yo...

Seleccionando en la esquina del dreamweaver con el rato todo el conjunto de la tablas, te sale en las propiedades de las tablas abajo en el recuadro para pasarlo a porcentaje en vez de pixeles fijos.

Aun asi, no logro eliminar el cuadro que forma cuando se crea una tabla :S
  #9 (permalink)  
Antiguo 28/02/2010, 11:58
 
Fecha de Ingreso: diciembre-2008
Mensajes: 24
Antigüedad: 5 años, 7 meses
Puntos: 1
Respuesta: Hacer web se ajuste tamaño pantalla

Por favor, alguien sabe la respuesta a mi tema?

Vuelvo a formular la pregunta.

Tengo un .psd donde tengo toda la web hecha y maquetada con la herramiento sector. Lo guardo para web y otros dispositivos y me da un html como resultado.

¿Que tengo que hacer para que ese html se ajuste al tamaño de la pantalla del navegador?

Gracias
  #10 (permalink)  
Antiguo 28/02/2010, 13:44
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.456
Antigüedad: 12 años, 1 mes
Puntos: 361
Respuesta: Hacer web se ajuste tamaño pantalla

Hola:

Sin ver tu código es difícil que es lo que hay que cambiar.

¿Qué tal leerte los manuales de XHTML y CSS de www.librosweb.es?

Saludos.

  #11 (permalink)  
Antiguo 28/02/2010, 16:24
 
Fecha de Ingreso: diciembre-2008
Mensajes: 24
Antigüedad: 5 años, 7 meses
Puntos: 1
Respuesta: Hacer web se ajuste tamaño pantalla

Estupendo jomauro! Te doy las gracias personalmente.

Voy a leer los dos de html y css a conciencia. Si sigo con dar la tecla pues ya mi unica solucion seria copiar aqui el codigo entero.
Pero vamos espero que entendiendo bien este mundillo no sea muy dificil ajustar una web al tamaño de una pantalla.

Saludos
  #12 (permalink)  
Antiguo 06/03/2010, 07:09
 
Fecha de Ingreso: febrero-2010
Mensajes: 25
Antigüedad: 4 años, 5 meses
Puntos: 0
Respuesta: Hacer web se ajuste tamaño pantalla

Cita:
Iniciado por jomaruro Ver Mensaje
Hola:

Sin ver tu código es difícil que es lo que hay que cambiar.

¿Qué tal leerte los manuales de XHTML y CSS de [url]www.librosweb.es?[/url]

Saludos.


Lo mejor que puedes hacer es leer ess manuales que dice Jomaruro es mejor utiliza hojas de estilo.

sin embargo si quieres algo facil prueba como te dijeron anteriormente meter tus imagenes resultantes en una tabla, e introduce las medidas en porcentajes donde 100% indica el tamaño total de la pantalla, aunque debes tener cuidado por que depende del diseño e imagen que estes utilizando.

sin embargo el uso de tablas y tablas anidadas no es conveniente por diversas cuestiones, asi que recomiendo que te leas el manual que posteo Jomaruro

Saludos.
  #13 (permalink)  
Antiguo 04/07/2012, 19:53
 
Fecha de Ingreso: abril-2012
Ubicación: Valdivia
Mensajes: 3
Antigüedad: 2 años, 3 meses
Puntos: 0
Respuesta: Hacer web se ajuste tamaño pantalla

No te recomiendo ajustar en % porque la imagen se distorsionara si por ejemplo ejemplo habren la web en 600 por 300 por ejemplo.
  #14 (permalink)  
Antiguo 10/07/2012, 08:56
 
Fecha de Ingreso: septiembre-2011
Mensajes: 110
Antigüedad: 2 años, 10 meses
Puntos: 8
Respuesta: Hacer web se ajuste tamaño pantalla

Yo en mi caso si lo que deseas es que tu site se adapte a las diferentes configuraciones de monitor crearia la página utilizando porcentajes %.

Y si te vieras en el inconveniente que menunciona ccello

Cita:
No te recomiendo ajustar en % porque la imagen se distorsionara si por ejemplo ejemplo habren la web en 600 por 300 por ejemplo.
Simplemente tendrias que hacer que al abrir tu página web esta maximize la ventana.

Aunque cuando asignas las medidas de tu web en % ten en cuenta también especificarle el mínimo de alto y ancho para que cuando hagan la ventana pequeña no se te monten todas las capas o tablas unas encima de otras que queda MU FEO :)
  #15 (permalink)  
Antiguo 10/07/2012, 08:58
 
Fecha de Ingreso: septiembre-2011
Mensajes: 110
Antigüedad: 2 años, 10 meses
Puntos: 8
Respuesta: Hacer web se ajuste tamaño pantalla

PD: Al acceder a tu página el antivirus NOD32 la bloquea, que lo sepasssss!
  #16 (permalink)  
Antiguo 10/07/2012, 09:40
 
Fecha de Ingreso: julio-2012
Mensajes: 206
Antigüedad: 2 años
Puntos: 2
Respuesta: Hacer web se ajuste tamaño pantalla

Cita:
Iniciado por manuedcai Ver Mensaje
Hola

Mi pregunta es sencilla.

Tengo un web creada con photoshop y luego editada con dreamweaver solo para poner hipervinculos a otras direcciones web.
Lo que quiero es que cuando se abra la web esta se adapte al ancho y altura de la pantalla de quien la visite.
¿Tiene que ser sencillo,no? Todo el mundo la tiene asi jeje

Formulario para mi ayuda:

-Imagen de la portada web creada con photoshop y luego guardada con guardar para web y dispositivos
-Abierta con dreamweaver 8 solo para selecionar dos zonas de esa pagina para añadirle enlaces a otros zonas www
-SO: Snow Leopard (maquero)
-Hosting gratuito
-Si necesitas mas info puedes pedirmela.

Gracias
Amigo ajustar el tamaño con % no funciona, genera errores.
Lo que debes hacer es lo siguiente:
Hacer una funcion que busque la resolucion del usuario entonces mediante "if" podes ajustarla. Algo asi

<script language="javascript">
ancho = window.length;
if(ancho == "800"){
aqui el codigo para resoluciones 800x600;
}else if(ancho == "1024"){
aqui el codigo para resoluciones 1024x768;
}
</script>
  #17 (permalink)  
Antiguo 13/12/2012, 16:37
Avatar de Canomi  
Fecha de Ingreso: noviembre-2012
Ubicación: Torrejón de Ardoz
Mensajes: 6
Antigüedad: 1 año, 8 meses
Puntos: 0
Pregunta Respuesta: Hacer web se ajuste tamaño pantalla

Y esa función, perdonad mi ignoracia, en que parte del código hay que introducirla?

Muchas gracias de antemano.
  #18 (permalink)  
Antiguo 13/12/2012, 16:41
Avatar de Canomi  
Fecha de Ingreso: noviembre-2012
Ubicación: Torrejón de Ardoz
Mensajes: 6
Antigüedad: 1 año, 8 meses
Puntos: 0
Pregunta Respuesta: Hacer web se ajuste tamaño pantalla

Cita:
Iniciado por ilu7ionHD Ver Mensaje
Amigo ajustar el tamaño con % no funciona, genera errores.
Lo que debes hacer es lo siguiente:
Hacer una funcion que busque la resolucion del usuario entonces mediante "if" podes ajustarla. Algo asi

<script language="javascript">
ancho = window.length;
if(ancho == "800"){
aqui el codigo para resoluciones 800x600;
}else if(ancho == "1024"){
aqui el codigo para resoluciones 1024x768;
}
</script>
Otra pregunta: ¿ A que te refieres con lo de "aquí el código para resoluciones"? Dios, creo que me queda muchísisimo por aprender, ¿No es apasionante?

Gracias
  #19 (permalink)  
Antiguo 14/12/2012, 13:31
Avatar de Trublux  
Fecha de Ingreso: octubre-2010
Ubicación: Madrid
Mensajes: 310
Antigüedad: 3 años, 9 meses
Puntos: 45
Respuesta: Hacer web se ajuste tamaño pantalla

Básicamente lo que tienes que hacer es, en vez de usar píxeles, usar ems y %.
Para el tema de las imágenes, tienes que ponerlas de width 100% y el height auto; para que no distorsionen tienes que poner un max-width.

Pero lo mejor es que busques información sobre diseño líquido (flexible) y responsive design, y usar media queries.

Aquí hay algunos ejemplos de responsive design (cambia el tamaño de la ventana del navegador y verás cómo el contenido se adapta):
Responsive design – harnessing the power of media queries

P.D.: No he podido acceder a la web que has puesto.
__________________
eZ Publish Developer Basic Legacy
eZ Publish Developer Basics (4.4)
Alojamientos rurales en España

Última edición por Trublux; 14/12/2012 a las 13:37 Razón: Añadir ejemplos
  #20 (permalink)  
Antiguo 19/12/2012, 07:56
Avatar de Canomi  
Fecha de Ingreso: noviembre-2012
Ubicación: Torrejón de Ardoz
Mensajes: 6
Antigüedad: 1 año, 8 meses
Puntos: 0
Respuesta: Hacer web se ajuste tamaño pantalla

Cita:
Iniciado por ilu7ionHD Ver Mensaje
Amigo ajustar el tamaño con % no funciona, genera errores.
Lo que debes hacer es lo siguiente:
Hacer una funcion que busque la resolucion del usuario entonces mediante "if" podes ajustarla. Algo asi

<script language="javascript">
ancho = window.length;
if(ancho == "800"){
aqui el codigo para resoluciones 800x600;
}else if(ancho == "1024"){
aqui el codigo para resoluciones 1024x768;
}
</script>
Aún así sigo sin saber eso de "codigo para resoluciones" Por favor. Auda!!!
  #21 (permalink)  
Antiguo 19/12/2012, 08:12
Avatar de Trublux  
Fecha de Ingreso: octubre-2010
Ubicación: Madrid
Mensajes: 310
Antigüedad: 3 años, 9 meses
Puntos: 45
Respuesta: Hacer web se ajuste tamaño pantalla

Lo que quiere hacer es que cargues un CSS u otro dependiendo de la resolución de la pantalla.
Para saber qué resolución tiene el usuario usa JavaScript; pero esto mismo se puede hacer con media-queries (y es más correcto).
__________________
eZ Publish Developer Basic Legacy
eZ Publish Developer Basics (4.4)
Alojamientos rurales en España

Etiquetas: pantalla, tamaño
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 07:28.
SEO by vBSEO 3.3.2