definir tamaños y posiciones para una web
3 seguidores
Hola buenas!
tengo un problema al diseñar las webs en dreamweaver,
hace unos dias termine una pero al subirla al servidor nose ve centrada ni adaptada a las pantallas distintas a la mia.
Necesito ayuda, como hago para que este centrada y se apate a cualquier resolucion?
que tamaño doy?
Gracias
Luiisz
Hola Nofla, pues mira hace falta mas infomracion por ejemplo que sitio es para verlo y tratar de ayudarte.. una opcion que s eme ocurre para cualquier resolucion es usando tus divs con % y no con px por ejemplo 100% aparecera al full de la pag asi sea un monitor de 1800px o de 800px, me gustaria ver tu sitio y ver bien de que se trata.
Saludos.
Raimon
Hola,
quizá voy a ser un poco duro... (para variar jeje), pero QUIZÁ no deberías utilizar Dreamweaver si no quieres encontrarte con ese tipo de problemas. No digo que DW sea un programa intrínsecamente malo, pero cuando doy clases de web siempre explico que hay que saber muchísimo de creación web para poder usar bien DW. Y vaya por delante que probablemente yo no tenga ese nivel que estimo necesario. Desde mi punto de vista, por su interfaz (al menos la que yo conocía, algunos años ha) y forma de funcionar, Dreamweaver escamotea de alguna forma los conocimientos necesarios para poder tomar las decisiones correctas.
En el problema que planteas hay dos aspectos a tener presente:
1. Ese aspecto es la explicación "obvia" al problema que planteas. Los elementos HTML dónde queda incluído el contenido web se van anidando los unos dentro de los otros. Generalmente se usa un elemento al que suele llamarse "container" que queda más o menos en la base de toda la estructura de anidación, conteniendo la mayoría de los otros elementos HTML. Ese "container" se posiciona luego con CSS, y para que quede centrado como tú quieres, la forma más típica es dándole las propiedades margin-left: auto; margin-right: auto. La primera entrada de Google que me ha salido al respecto es http://webdeveloperpost.com/Articles/Easiest-way-to-center-a-div-in-a-page-or-container-using-CSS.aspx
Si no sabes de lo que estoy hablando, razón de más para pensar que quizá te pueda ser útil conocer algunos conceptos básicos de CSS necesarios sea cual sea la aplicación de desarrollo web que utilices. Yo particularmente te recomiendo echar una ojeada a http://dense13.com/wec/curscss/ . Tienes el curso también en inglés si no entiendes el catalán. Es muy técnico pero muy bueno.
2. El que las páginas web se adapten "por arte de magia" a las diferentes resoluciones de las pantallas donde se vea no es algo nada obvio ni que tenga una única solución. Esta característica es lo que se llama "diseño líquido" y tiene ventajas e inconvenientes. Hay un libro de Dan Cederholm, "Handcrafted CSS", que habla entre otras cosas de distinas soluciones relacionadas con esa cuestión. Las soluciones que he visto hasta ahora o con las que yo he trabajado consisten en especificar estratégicamente algunos tamaños en porcentajes, de forma que se va heredando/condicionando el espacio disponible que tiene cada elemento HTML en el desarrollo del contenido, así como un uso también estratégico de los floats.
Bueno, espero que te sea útil mi punto de vista y alguno de los enlaces. Saludos,
Raimon