Ajustar diseño web a la resolucion de pantalla

juanmitaaa · #1 (**permalink**) 21/05/2010, 17:19

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

KLAYMAN · #2 (**permalink**) 21/05/2010, 20:55

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/

juanmitaaa · #3 (**permalink**) 22/05/2010, 06:24

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?

KLAYMAN · #4 (**permalink**) 22/05/2010, 15:25

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.

juanmitaaa · #5 (**permalink**) 23/05/2010, 08:50

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

KLAYMAN · #6 (**permalink**) 23/05/2010, 13:14

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.

juanmitaaa · #7 (**permalink**) 23/05/2010, 17:17

pues no KLAYMAN, mi pelicula flash no se adapta al tamaño.... no se que hacer.

KLAYMAN · #8 (**permalink**) 23/05/2010, 17:53

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

lhollowmanl · #9 (**permalink**) 23/05/2010, 22:23

Tema Sencillo ..

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

Listo .. Alaozzzzzz

juanmitaaa · #10 (**permalink**) 24/05/2010, 01:48

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">


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

KLAYMAN · #11 (**permalink**) 24/05/2010, 02:51

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">

juanmitaaa · #12 (**permalink**) 24/05/2010, 08:12

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

KLAYMAN · #13 (**permalink**) 24/05/2010, 09:48

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.