Foros del Web » Creando para Internet » Diseño Gráfico »

Ajustar diseño web a la resolucion de pantalla

Estas en el tema de Ajustar diseño web a la resolucion de pantalla en el foro de Diseño Gráfico en Foros del Web. Hola a Todos. Voy a crear una página web para una guardería y lo voy a hacer en flash (con AS PHP y MySQL) y ...
  #1 (permalink)  
Antiguo 21/05/2010, 18:19
 
Fecha de Ingreso: abril-2006
Mensajes: 205
Antigüedad: 11 años, 7 meses
Puntos: 0
Ajustar diseño web a la resolucion de pantalla

Hola a Todos. Voy a crear una página web para una guardería y lo voy a hacer en flash (con AS PHP y MySQL) y montarla con dreamweaver cs3. Lo que me gustaría saber es la forma en la cual dicho diseño se pueda adaptar automáticamente a la resolución de pantalla del visitante, es decir, que no se deforme el diseño de la página por verla en 1024x768 que en 1200x800.
Un ejemplo claro sería la página www.elotrolado.net donde se adapta perfectamente a las resoluciones que os he comentado.
Es que veo un poco coñazo que el usuario eliga la resolución antes de entrar en la web.....
GRACIAS
  #2 (permalink)  
Antiguo 21/05/2010, 21:55
 
Fecha de Ingreso: febrero-2002
Mensajes: 351
Antigüedad: 15 años, 10 meses
Puntos: 19
Respuesta: Ajustar diseño web a la resolucion de pantalla

Tema peliagudo y complicado el que planteas. Creo que actualmente existen tres maneras de diseñar la web: diseño fijo, diseño líquido (fluido) y diseño elastico.

Cada uno de esos sistemas tiene sus pros y sus contras. Si lees algunas webs, verás que hay diseñadores a favor de unos y de otros. Así que la decisión es tuya. Te dejo algunos enlaces para que los leas:
http://www.anieto2k.com/2007/08/14/%C2%BFfijo-fluido-o-elastico-%C2%BFque-estructura-elegir-para-nuestra-web/
http://www.webtaller.com/maletin/art...cual-mejor.php
http://www.cristalab.com/blog/fallos...stico-c34147l/
  #3 (permalink)  
Antiguo 22/05/2010, 07:24
 
Fecha de Ingreso: abril-2006
Mensajes: 205
Antigüedad: 11 años, 7 meses
Puntos: 0
Respuesta: Ajustar diseño web a la resolucion de pantalla

si pero con flash creo que es más sencillo hacerlo...
en esta página por ejemplo se adapta perfectamente: http://www.ivi-concept.com/es/

Como el contenido de mi web no es muy extenso creo que este tipo de diseño que se adapta a la resolución de cada monitor sin scroll le vendría bien...
Algún ejemplo con código para echarle un vistazo?
  #4 (permalink)  
Antiguo 22/05/2010, 16:25
 
Fecha de Ingreso: febrero-2002
Mensajes: 351
Antigüedad: 15 años, 10 meses
Puntos: 19
Respuesta: Ajustar diseño web a la resolucion de pantalla

Hola de nuevo:

Evidentemente en Flash simplemente indicando en el código html que ese Flash esté a pantalla completa automaticamente se adapta a cada resolución de pantalla.

De todas formas las imágenes a mayor resolución, peor se verán, así que ojo con esto.

Siento no haberte entendido en tu primer mensaje, pero como pusistes de ejemplo la pagina de ElOtroLado que no tiene Flash pues me lié.

Un saludo.
  #5 (permalink)  
Antiguo 23/05/2010, 09:50
 
Fecha de Ingreso: abril-2006
Mensajes: 205
Antigüedad: 11 años, 7 meses
Puntos: 0
Respuesta: Ajustar diseño web a la resolucion de pantalla

que va KLAYMAN, con fscommand lo único que realiza es que se ve en pantalla completa. Si en tu entorno de trabajo creas la película en, por ejemplo a 800x600, si tu subes la resolución de pantalla a 1024x768, no se adapta a esa resolución, lo único que hace es que se posiciona en la parte superior izquierda; sin ocupar toda la zona del navegador.
Alguna ayuda.....
  #6 (permalink)  
Antiguo 23/05/2010, 14:14
 
Fecha de Ingreso: febrero-2002
Mensajes: 351
Antigüedad: 15 años, 10 meses
Puntos: 19
Respuesta: Ajustar diseño web a la resolucion de pantalla

Hola de nuevo:

En ningún momento hablé de fscommand, te hablé de codigo HTML y fscommand no existe en HTML.

Te dejo un ejemplo del código de una web que hice en Flash que se adapta a la resolución que tenga establecida cada visitante:
Código:
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="100%" height="100%" id="index" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="index.swf" />
<param name="menu" value="false" />
<param name="quality" value="high" />
<param name="bgcolor" value="#CC9966" />


<embed src="index.swf" menu="false" quality="high" bgcolor="#CC9966" width="100%" height="100%" name="index" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
Como ves poniendo 100% en altura y anchura debería funcionarte sin ningún tipo de problemas, todos los demás valores <param name> son opcionales.

Un saludo.
  #7 (permalink)  
Antiguo 23/05/2010, 18:17
 
Fecha de Ingreso: abril-2006
Mensajes: 205
Antigüedad: 11 años, 7 meses
Puntos: 0
Respuesta: Ajustar diseño web a la resolucion de pantalla

pues no KLAYMAN, mi pelicula flash no se adapta al tamaño.... no se que hacer.
  #8 (permalink)  
Antiguo 23/05/2010, 18:53
 
Fecha de Ingreso: febrero-2002
Mensajes: 351
Antigüedad: 15 años, 10 meses
Puntos: 19
Respuesta: Ajustar diseño web a la resolucion de pantalla

¿Te has asegurado que en el código HTML Width y Height esté repetido dos veces? Es decir, tanto en la parte del object como del embed.

Sigue los pasos que se indican en este enlace porque tiene que funcionarte a la fuerza, es más o menos mi mismo código pero añadiendo una línea más en <param name>:
http://foros.cristalab.com/pantalla-...n-flash-t4712/

Si no te funciona, tendrías que colgar los archivos o pasarnos el enlace de la web para ver que ocurre.

Suerte.
  #9 (permalink)  
Antiguo 23/05/2010, 23:23
 
Fecha de Ingreso: octubre-2009
Ubicación: Lima
Mensajes: 31
Antigüedad: 8 años, 2 meses
Puntos: 0
Respuesta: Ajustar diseño web a la resolucion de pantalla

Tema Sencillo ..

Poner en Ancho y alto 100%", "100%" ..

Listo .. Alaozzzzzz
  #10 (permalink)  
Antiguo 24/05/2010, 02:48
 
Fecha de Ingreso: abril-2006
Mensajes: 205
Antigüedad: 11 años, 7 meses
Puntos: 0
Respuesta: Ajustar diseño web a la resolucion de pantalla

Me pasa lo mismo que al ejemplo que me habéis puesto, el ancho me lo hace bien pero el alto nada, se me corta. Os paso el código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>ParvulitosWeb</title>
</head>
<body bgcolor="#33ccff">
<!--URL utilizadas en la película-->
<!--Texto utilizado en la película-->
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="100%" height="100%" id="ParvulitosWeb" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="ParvulitosWeb.swf" />
<param name="quality" value="best" />
<param name="salign" value="lt" />
<param name="wmode" value="transparent" />
<param name="bgcolor" value="#33ccff" />
<embed src="ParvulitosWeb.swf" quality="best" salign="lt" wmode="transparent" bgcolor="#33ccff" width="100%" height="100%" name="ParvulitosWeb" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</body>
</html>
  #11 (permalink)  
Antiguo 24/05/2010, 03:51
 
Fecha de Ingreso: febrero-2002
Mensajes: 351
Antigüedad: 15 años, 10 meses
Puntos: 19
Respuesta: Ajustar diseño web a la resolucion de pantalla

Prueba a quitar la primera líneas de tú código, es decir esta:
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  #12 (permalink)  
Antiguo 24/05/2010, 09:12
 
Fecha de Ingreso: abril-2006
Mensajes: 205
Antigüedad: 11 años, 7 meses
Puntos: 0
Respuesta: Ajustar diseño web a la resolucion de pantalla

NO ME LO PUEDO CREER!! Por esa mierda de linea de código html me estaba volviendo majaron perdido.... porque flash compila estas mierdas???
gracias KLAYMAN de verdad, ya se me adapta perfectamente la web.
UN SALUDO
  #13 (permalink)  
Antiguo 24/05/2010, 10:48
 
Fecha de Ingreso: febrero-2002
Mensajes: 351
Antigüedad: 15 años, 10 meses
Puntos: 19
Respuesta: Ajustar diseño web a la resolucion de pantalla

De nada, me alegro que te funcionara.

El problema no es de Flash, es del código HTML. Esa línea de código hace que se tenga que cumplir una serie de estándares establecidos por la W3C y por lo que se ve no acepta algunas de las propiedades expuestas en <param name> y por lo tanto las anula.

Si te fijas en mi código no estaba esa línea.


Un saludo.

Etiquetas: diseño, pantalla
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




La zona horaria es GMT -6. Ahora son las 07:54.