Hola, Javier Herrán. Es importante la planificación previa antes de diseñar un sitio. Para ello tendrás que obtener toda la información que puedas del cliente (objetivos, colores y logo, secciones, etc.). Antes de escribir código tienes que tener un prototipo de la página (imagen, no html), aunque sea un simple boceto en papel, como ha apuntado Andres Karp. Luego analiza este boceto para "descubrir" cuál es la estructura inherente que tendrás que plasmar en html (encabezado arriba, luego menú horizontal, luego breadcrums, etc.). Crea el documento html con esta estructura y, después, añades el estilo con css para que tu página se parezca lo más posible al boceto (por lo que cuentas, tú ya lo haces así: primero html, luego css).
Pero, si te tengo que dar alguna recomendación es esta: apréndete bien la teoría. Te ahorrarás muchos quebraderos de cabeza y sabrás cuando un determinado comportamiento es particular de un navegador o es conforme a los estándares, aunque éste pueda parecer desconcertante. Me sorprende que conocimientos que deberían de ser básicos como la conmutación doctype o los detalles sobre la combinación de márgenes, por poner dos ejemplos, a veces los desconocen diseñadores con muchos años de profesión. Muchos ni siquiera saben nada sobre la cabecera http, de que su flamante código XHTML (con "X") es interpretado como HTML (sin "X") por los navegadores ya que así se lo marca el servidor web y que incluso puede que no funcione si se trata como xhtml. Profundiza en la teoría; darás un salto cualitativo y te evitarás muchas frustraciones. También es importante el inglés para encontrar información, como ha comentado Daniel Rodríguez. Respecto a la propiedad float, tienes el comportamiento básico en http://www.librosweb.es/css/capitulo5/posicionamiento_float.html http://www.librosweb.es/css_avanzado/capitulo1/limpiar_floats.html Luego tienes los numerosos bugs asociados con los float, sobre todo con IE (margen doble, texto que desaparece, hueco de 3px, etc.) y cómo solucionarlos. Nota. Aunque estas páginas no dicen nada al respecto, es importante que indiques un ancho a todo elemento que quieras flotar para evitar efectos no deseados. La propiedad float es un recurso muy utilizado para posicionar elementos. Te la encontrarás en cualquier sitios: columnas, menús, formularios, etc. A veces existe más de una solución para realizar algo pero generalmente la solución con floats es más elegante o incluye menos marcado semántico. Entiendo perfectamente tu duda sobre cuando usar y cuando no floats, porque seguramente estés pensando en el sentido original, que fue el permitir que el texto fluyera alrededor de una imagen. Pero con la llegada de CSS y la propiedad float, que se puede aplicar a cualquier elemento, se amplió su aplicación práctica y se empezó a usar, por ejemplo, para hacer columnas o para que los elementos de una lista se apilaran uno junto a otro en disposición horizontal. Despejarás tus dudas si estudias algún código que usa floats e intentas hacer algo parecido sin su uso. Recuerda que si no entiendes porqué se usa floats en un determinado código puedes mandar un mensaje a esta lista y así aprendemos analizándolo. Finalmente, recomendarte la especificación CSS2.1 original en el W3C o su traducción: http://www.w3.org/Style/css2-updates/translations.html Saludos y ánimo. El 6 de marzo de 2009 19:12, Javier Herrán Sainz <herr...@hotmail.es>escribió: > Hola, me llamo Javier Herrán Sainz y estoy aprendiendo a programar páginas > web dinámicas en un curso de especialista de la UNED. > > > > Estoy intentando configurar la forma de la página usando estilos css. > > > > La verdad que estudiando HTML, XHTML y CSS no tengo problema. Más bien el > problema es a la hora de, como diría yo, plasmar la ‘visión’ de la página > en > código. Supongo que será > > cuestión de meter horas y adquirir experiencia para asimilar la teoría con > la práctica. Pero la cierto es que cuesta ¿Quisiera preguntar si os pasaba > lo mismo al principio? Porque supongo que > > Empezaríais como yo…jaja… > > > > Por otro lado decir que utilizo la herramienta Dreamweaver CS3 y, intento > hacer las páginas escribiendo el código puro y duro, esto hace que sea más > difícil pero también proporciona > > Un control mayor sobre el diseño. > > > > Quería preguntar, cuando diseñáis páginas como lo hacéis de forma visual o > escribiendo el código, o sea, por decirlo de alguna manera “a pelo”. > > > > Yo diseño la pagina en un archivo HTML y después la intento dar forma > usando > una hoja de estilos css. > > > > Una cosa que me cuesta “ver” es cuando uso la propiedad float, pues los > elementos se salen de su flujo normal ¿Sabéis dónde puedo encontrar > ejemplos > sobre esta característica para profundizar más sobre ella? > > > > > > A ver si me animáis y me dais un empujón en esto. > > > > Gracias. > > > > > > > > > > _______________________________________________ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > _______________________________________________ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
