Problemas con Website Autoajustable

[waguen]

Buenas gente!! Soy nuevo en el foro.. Vengo usando Flash hace ya un tiempo (ni muy largo ni muy corto), lo uso mas bien orientado al Diseño Web, no tanto a la programacion de juegos..Bueno paso a comentar mi duda..

Estoy haciendo un Website de una inmobiliaria, y necesito que la imagen de fondo ocupe toda la pantalla. Les voy a dejar la imagen del website para se entienda mejor:




Para que este website quede como tiene que qedar tendrian que lograrse varias cosas:

1- Que la imagen de fondo (que es un degradado de beige a blanco) ocupe toda la pantalla del nevagador.
2- La barra negra de abajo, tendria que estar alineada abajo y ocupar todo el ancho de la ventana.
3- El pie de pagina que esta sobre la barra negra, tendria que qedar centrado y alineado con la esta.
4- La botonera y el logo tendria que q estar centrada y alineada arriba (porque fijense en la franja rosa que hay sobre la botonera, tiene que nacer desde arriba, y no puede estar la botonera en el medio y que halla 2 metros de franja callendo desde arriba).
5- El contenido principal tendria que estar centrado tanto en X como en Y.

Y en conclusion, todo lo que seria Botonera-Contenido-Pie de pagina, tendrian que estar alineados.. ¿Se entiende xD?


Creo que la logica la tengo, pero no tengo idea como hacerlo en as3.. Si busco algun tutorial, son todos de como poner un fondo que se redimensione, pero lo mio es mas complejo porque el contenido tambien tiene una alineacion especifica, y tambien la barra negra, que tiene que quedar fija abajo...

Espero puedan ayudarme!!

[exangel]

Hola,
Tienes que estudiar bien qué elementos agrupar en CLIPS par aluego situar en función del tamaño de pantalla.
en la imagen que muestras, tienes que analizar qué elementos tienen una posición fija y cuales cambian y agruparlos.
Por ejemplo, el FOOTER negro debería de ser todo un clip, donde tendrías otro clip 8el fondo negro) al cual darías el ancho del STAGE.
Luego, dentro de este mismo clip, tendrías otro clip que contendría la marca de la izquierda, los logos de redes sociales y el texto de la derecha.
Estos 3 últimos elementos deberían estar todo en un solo clip con tamaño y posición vertical fija. La posición horizontal la situarías en función
del ancho del stage y con respecto al clip contenedor, donde tiene la franja negra y el clip con los 3 elementos.

Supongo que será en AS3. Te paso el código para el evento RESIZE y la función a la que llama.

stage.addEventListener(Event.RESIZE, resituar);
function resituar(event:Event):void {
//AQUI TODAS LAS OPERACIONES DE PARA SITUAR LOS ELEMENTOS Por ejemplo:
footer.fondo.width=stage.stageWidth;//esto redimensionaría el fondo negro del footer, presuponiendo que el clip del fondo negro se llama "fondo" y está dentro de un clip llamado "footer" en el escenario principal,
footer.elementos.x=(footer.fondo.width/2)-(footer.elementos.width/2);// esto centraría los 3 elementos dentro del footer, suponiendo que esos 3 elementos están dentro de un clip llamado "elementos"
footer.y=stage.stageHeight-footer.height; esto situaría el footer completo en el borde inferior.
}

Igual toda esta explicación es un lío, pero espero que te sirva.

Saludos

[waguen]

Muchas gracias, entendi bien! Lo unico que no me quedo claro es para el resto. Osea, me imagino que para la botonera debe ser parecido al footer y a los elementos, centrandolos con respecto al ancho del stage, y para situarlo arriba seria con respecto al alto del stage..

Y despues el del contenido..

Calculo que seria todo parecido no?

Y una ultima duda, todas las acciones irian en el fotrograma 1 no?? Nada de ponerle las acciones a los clips??

Muchas gracias!!!

[exangel]

Sí, las acciones tienen que ir en en una capa del fotograma 1 para que estén accesibles para todos los fotogramas y niveles.

Saludos