Tamaño de páginas web Flash
10 seguidores
Que tamaño tengo que poner para hacer una pagina web? me habian dicho que para que se viera en todas las pantallas la tenia que hacer 950x650 mas o menos, pero si yo quiero que se vea a pantalla completa en mi pantalla de 19 " Que tamaño tendria que poner?? nose si me explico
Mystral
Eso no depende del tamaño de tu monitor, sino de la resolución que te permita tener tu equipo. Por norma general, se establecen unos estándares para la web. Se entiende que la mayoría de usuarios tiene una resolución en sus monitores de 1024x768 pixeles, de los cuales, son visibles dentro del navegador 900x600.
^_^
SergioQD
Mystral
...de los cuales, son visibles dentro del navegador 900x600.
Y no siempre es así... he visto cosas espantosas por estos mundos del señor. Sobre todos los usuarios del sist. operativo "Ventanas" que tienen el explorer con la barra de google, la barra del norton, la barra de MSN, la barra que le ha instalado un sitio porno, etc. y al final no le quedan ni 500 px de altura en el navegador.
Pero para tu ordenador es tan fácil como ver la resolución que tienes puesta y restarle el marco de la ventana del explorador.
Mystral
jajaja, bueno... pero no es lo usual XDD
Tampoco vas a adivinar cuantas barras tienen instalados todos los usuarios jajaja
pero si, buen apunte SergioQD ^_^
kinseartworks
entonces que tamaño se debe poner para hacer una web??? realmente me gustaria hacer una web del estilo de esta (nose si sera de alguien del foro, no me acuerdo) http://www.romanjusdado.com/ . Esta todo hecho en flash??
Axis
<fieldset>la mayoría de usuarios tiene una resolución en sus monitores de 1024x768 pixeles</fieldset>
No sería más bien de 1280x1024?? Creo que los 17" deben ser mayoría ya, pero vamos, que tampoco estoy seguro....
<fieldset>Esta todo hecho en flash??
</fieldset>
Para mi que si, pero vaya, que te responda alguien con mas brejes en esto del diseño web....
Por cierto, si la web es de alguien del foro (en los links hay uno directo a estos foros), hacerle saber que en el Kubor de Maggi ha escrito "embase" en lugar de "envase"...no es por tocar los huevos, pero vaya, que es de juzgado de guardia.
En cuanto al tamaño para hacer una web en flash, y si pruebas con "scaleMode" "align", y "onResize"??
Lo dice alguien sin demasiada experiencia en flash, todo sea dicho...
SergioQD
Yo sigo tomando como 1024x768 la resolución mayoritaria. Creo que es más la gente que todavía la tiene, o a mi por lo menos eso me dicen las estadísticas de visita de los sitios que hago.
Tomando esa resolución entoces toma 950x650 y te aseguras de que se verá en el 96% de los casos.
Por cierto, la web que pones sí está hecha en flash entera, y de paso comento que tiene un parecido razonable con esta: http://www.switchmw.com
aquamedia
por leibilidad debe ser 800 x 600 pixeles
<a href="http://www.aquamedia-design.com"> Diseñador Web Freelance </a>
Y en ingles:<a href="http://www.aquamedia-estudio.com"> Freelance web designer Sidney</a><a href="http://www.disenador-freelance.com"> Freelance web designer Sidney</a>
kinseartworks
SergioQD
.
Por cierto, la web que pones sí está hecha en flash entera, y de paso comento que tiene un parecido razonable con esta: http://www.switchmw.com
y a que tamaño esta hecha esta?
_cristian_quiros
Yo hace tiempo que decidí olvidar a los que navegan a 800x600 y aunque yo Diseñe en un monitor a 1680 tomo como referencia a los 1024x768, que suelen traducirse en unos 900x550 de área visible.
Después entra en juego el tipo de página que quieras hacer y la información que tiene que verse al primer vistazo o pueda verse haciendo scroll en caso de tener bastante contenido.
La página que has visto en Flash (por cierto a mi también me ha dado en la cara el parecido con Switch Mediaworks) está pensada para respetar el ancho general pero el alto no importa tanto ya que tiene mucho cotenido.
La diferencia entre la de Román y la de los Koreanos, a los que sigo desde hace tiempo, es que si redimensionas la última te centra el contenido para que se vea lo importante siempre. Y para esto ya entramos en ActionScript.
kinseartworks
CQS
Yo hace tiempo que decidí olvidar a los que navegan a 800x600 y aunque yo Diseñe en un monitor a 1680 tomo como referencia a los 1024x768, que suelen traducirse en unos 900x550 de área visible.
Entonces deberia crear un documento de flash de 1024x768 y diseñar la web en un tamaño de 900x550, o diseño directamente en 900x550 y ya el fondo se lo pongo con dreamweaver en tamaño 1024x768 y monto el flash en el? Lo siento pero esque no me queda muy claro soy un poco burro en esto de las web!
Gracias
lepikota
Es importante saber a quién va destinada la web. Todos los que nos dedicamos al diseño y a la imagen solemos tener ordenadores preparados y resoluciones altas, mientras que la gente q trabaja en administración suelen tener resoluciones más bajas por los programas q usan como excel.
Por otra parte también hay q mirar si en tu web tienen mas peso imágenes vectoriales o mapas de bits. Si tienes pocas imágenes y tu web se basa en el diseño te recomiendo q abras la página atutomáticamente a pantalla completa pues el vector no pierde calidad. Si tienes mucho jpg no te sirve este sistema porque va a ser una pesadilla de pixelaciones e interpolaciones, por lo que yo haría dos páginas, una para alta otra para baja, y con un código js (que no domino) abrir según la resu que tenga el cliente...
Espero no haber contribuido a aumentar tu rayada jaja
_cristian_quiros
kins
Entonces deberia crear un documento de flash de 1024x768 y diseñar la web en un tamaño de 900x550, o diseño directamente en 900x550 y ya el fondo se lo pongo con dreamweaver en tamaño 1024x768 y monto el flash en el? Lo siento pero esque no me queda muy claro soy un poco burro en esto de las web!
Gracias
Es que estamos entrando en un terreno un poco escabroso.
Depende del diseño que tu tengas en mente porque los elementos que lo compone pueden desarrollarse en tecnologías distintas y mezclarse posteriormente.
Si el fondo va a ser el mismo siempre pero por encima quieres animar los contenidos, puedes poner el fondo en el HTML y un flash sin fondo encima. Pero también puedes poner el fondo en una película flash escalable para que se ajuste proporcionalmente al tamaño siempre y el contenido en otro flash que se posicione independientemente del fondo.
Y luego puedes decantarte por un diseño Híbrido con mezcla de contenidos en flash y contenidos en html, todos ellos maquetados con una buena hoja CSS como Dios manda.
Te avisé !!! Nos podemos liar más ..... esto son sólo algunos planteamientos. Yo he utilizado de todo y cada trabajo pide una técnica, pero lo mejor que puedes hacer es empezar a probarlas todas hasta que te guste una.
DEVIL_DAnTE
me flipan las dos webs de muestra, éstas webs me llevan de cabeza, la verdad es que quiero realizar webs así pero entre que flash lo he aprendido a empujones y que la programación no es mi pan de cada día llevo más de 2 semanas investigando, así que si algún alma caritativa me soluciona alguna dudilla se lo agradecería eternamente, mis preguntas:
- son todo flash y estan maquetadas en html?? pq si le das al segundo boton es un flash y no se puede ver el código fuente.
- como se hace un flash con el fondo transparente? porque supongo que el fondo será lo que se escale para llenar la pantalla, no?
- se utiliza el swfobject o similar para esto?? es que he leído algo por ahí pero no me queda nada claro y no sé ni para que sirve.
todo esto lo pongo aquí porque mi problema es similar al del compañero, la web no se puede estandarizar por lo que haciendolas de éste modo se quedan genial y encima visualmente llaman muchísimo la atención.
si está el algún lado del foro, lo siento, pero de verdad que he utilizado el buscador pero lo mismo no he puesto la palabra clave exacta, sorry sorry y mil sorrys más.
DEVIL_DAnTE
vamos a darle un up!! a ésto, me gustaria solucionarlo !!
Bisbis
Hola.
La web que posteas está hecha en flash completamente.
Es lo que se llama una web "full flash browser", es decir el flash llena todo el navegador y reposiciona los elementos de la interfaz según redimensiones la ventana.
Todo eso se hace utilizando Actionscript, en concreto el objeto Stage.
Para más información mirate un tutorial que había en http://www.after-hours.org, que era muy util...
También encontrarás abundante información en google.
kinseartworks
pero en esta web (http://www.switchmw.com/) por ejemplo no se mueve ni se distorsiona el fondo ni las letras y en este tutorial http://www.after-hours.org/2006/10/08/fondo-de-pantalla-adaptable-a-tamano-del-navegador/ se deforma el fondo y supongo ke las letras tb kambiaran de posicion y tal si las pusieras....no?
Bisbis
Eso es la base de como detectar la resolución para adaptar los elementos, si quieres los distorsionas, si no quieres no....
Como te comento, hay abundante información en google.
Busca/pregunta también aquí en el foro de programación cliente ya que este post se está acercando a esos derroteros de los cuales se ha hablado en gran abundancia....
DEVIL_DAnTE
gracias!! voy a ver esto que comentas y googlear con el "palabro" ese que has puesto a ver si tengo algo de suerte!!
llevo varios dias indagando y por fin creo que visto algo de luz.
las webs de muestra creo que estan realizadas a base de Stage.align = "TL" y usando un fondo del mismo color que la imagen de fondo.
a empollar se ha dichooo!!
sergi0ara
Kins, esto es lo primero que tienes que pensar
lepikota
Es importante saber a quién va destinada la web. Todos los que nos dedicamos al diseño y a la imagen solemos tener ordenadores preparados y resoluciones altas, mientras que la gente q trabaja en administración suelen tener resoluciones más bajas por los programas q usan como excel.
Respecto al tamaño, ya te lo han respondido en varias ocasiones, hoy día los usuarios normales compran un PC de marca (todo montado) que se suministra el 99% de los casos con TFT y una resolución a 1024x768 por lo tanto unas medidas de 950x600 en tu documento flash es la mejor opción. (yo uso 1000x600, pero toco el código para que se ajuste 100%)
Esto es muy importante y debes practicarlo/estudiarlo:
Verás que puedes hacer una web en flash de ese tamaño y aunque tengas una resolución de 1280x1024 la web se seguirá viendo a 950x600, pero si buscas en google o foros como el que te puso <em>::toast</em> (After-Hours) encontrarás tutoriales de como ajustar los movie clips a la resolución de cada visitante.
Eso si, te recomiendo que antes de meterte con el ajuste de pantalla primero domines las nociones básicas de flash, porque créeme, te vas a liar el triple, esta programación está orientada a los objetos independientes, es "fácil" pero si aun no dominas las nociones básicas te puede resultar muy complicado.
Por otro lado el HTML es lo más importante para que estos ajustes funcionen, normalmente viene explicado en los tutoriales lo que necesitas poner en tu index.html.
Y por supuesto, que de esto peca mucha gente, no te olvides de adjuntar en tu web un detector de flash para que los visitantes que carezcan del pluging puedan ver tu web. Tambien se lo puedes preguntar a google, hay muchísima información acerca de todas estas configuraciones.
Mystral
wenas de nuevo... arrojemos un poco de luz al respecto de este hilo...
El diseño debes realizarlo / platearlo según un tamaño fijo. Como ya se ha comentado, depende del usuario y su resolución, por eso se toma como referencia la resolución que tengan la mayor cantidad de usuarios, en este caso un área de 900x600. Ese debe ser el tamaño de tu documento en flash.
El flash se integra dentro de un documento html, y claro, tendrá un tamaño de 900x600, pero si la resolución del monitor es mayor, lo que se amplia es el html, no el flash. Por tanto, todo lo que exceda del tamaño del flash, es el fondo del html.
Ahora bien, mediante actionscript, puedes hacer que el contenido del flash, se amplie segun la resolución (full screen). Para esto hay dos modos, que se escale todo el contenido del flash (con lo que se distorsiona) o hacer que los elementos que están dentro del flash, se coloquen proporcionalmente dentro de la pantalla manteniendo su aspecto (así es como está hecha esa web que ponias de ejemplo).
El primero es facil, pero poco recomendable. Para el segundo, necesitas un actionscript bastante avanzado, aunque con lo algunos tutoriales como el de afterhours, te puede ayudar bastante... busca en el foro tambien que de esos ejemplos hay mil.
Pero resumiendo, el diseño, ya se escale o no... siempre lo haces en base a un tamaño máximo que depende de la resolución del publico objetivo al que lo dirijes. Yo uso 900x600 porque ya la gran mayoría de usuarios tiene una resolución de 1024x768, pero si tu target son, por ejemplo, empresas o gente que trabaja con aplicaciones ofimáticas, suelen tener una resolución menor (800x600) por lo que tu documento sería de 780x400 (más o menos) pero ya son los menos casos... dado que como apuntaban por ahí, todos los equipos desde hace varios años ya vienen por defecto con resoluciones de 1024x768.
^_^
kinseartworks
vale voy aver si encuentro el codigo por la red!