Manual de Maquetacion Web

< Contiene 23 capítulos >

Guía de capítulos: Manual de Maquetacion Web

1. Maquetación de una web: La propiedad float de CSS

   Sin el uso de la propiedad float, la maquetación con CSS resultaría imposible. Explora las múltiples posibilidades que esta riquísima propiedad ofrece para el diseño de páginas web.

2. Introducción al uso de capas con CSS y XHTML / HTML

   Breve introducción a la maquetación de páginas web mediante CSS y definición del concepto de capa.

3. Tamaño, margen, relleno y bordes de capas con CSS y XHTML / HTML

   Los conceptos de márgenes, relleno y bordes, sencillos en su naturaleza, son un verdadero rompecabezas para los que se inician en la maquetación. En este artículo damos una detallada explicación.

4. Problemas de maquetación con Internet Explorer 6

   Las diferencias entre Internet Explorer 6 y el resto de los navegadores, constituye un verdadero reto para quienes tienen que hacer maquetación de páginas web.

5. Maquetación de páginas web: posición de las capas (primera parte)

   Las capas que componen una web deben posicionarse para que el diseño adquiera el formato deseado. Para ello se emplean atributos CSS, que permiten ubicar las capas en el lugar y en la forma deseada.

6. Maquetación de páginas web: posición de las capas (segunda parte)

   Las capas se posicionan de diferentes formas según donde se encuentren ubicadas en el HTML y al valor que se le de al atributo "position".

7. Maquetación de páginas web: crear un menu horizontal con CSS

   Hay varias formas de presentar un menú de navegación en una página web. En este artículo, presentamos la forma de hacer un menú horizontal realizado con una lista flotante.

8. Utilización de la repetición y posición de fondos en la maquetación de páginas web

   Además de servir para dar la apariencia deseada, algunas propiedades de los fondos pueden ser empleadas para la maquetación de las páginas web.

9. Crear una galería de imágenes solo con CSS y HTML

   Presentación de un código hecho de una galería de imágenes desarrollada completamente en CSS y HTML, explicada de forma que puedan realizarse las modificaciones que se deseen.

10. La propiedad overflow de CSS en la maquetación de páginas web

    De gran utilidad y poco utilizada, la propiedad CSS2 "overflow" puede resultar de gran utilidad en la maquetación de páginas web.

11. Utilización de listas en la maquetación de páginas web

    Las listas son elementos muy dúctiles para la maquetación de diferentes elementos de una página web, y para muchos de ellos, lo más correcto desde el punto de vista semántico.

12. Ejemplo de maquetación de una página web (primera parte)

    Maquetación de una página de ejemplo con elementos superpuestos, definición de la estructura y utilizando diferentes tipos de posicionamiento de capas y elementos flotantes.

13. Ejemplo de maquetación de una página web (segunda parte)

    En la segunda parte, desarrollaremos y posicionaremos el menú horizontal de la página web.

14. HTML y CSS: Ejemplos de layouts

    Maquetación de una página web a dos columnas con ancho fijo.

15. Maquetación de un formulario en XHTML y CSS

    Maquetación de un formulario utilizando XHMTL y CSS válidos.

16. Conceptos básicos en CSS, guía para principiantes (parte 1)

    Vemos conceptos básicos para maquetar páginas web con CSS. Guías que nos ayudarán a crear hojas de estilo limpias y optimizadas.

17. Uso de selectores CSS, Parte I

    Estudiamos el uso correcto de selectores, abarcando en esta primera parte los selectores de tipo básico.

18. Uso de selectores CSS, Parte 2

    Segunda parte del estudio que estamos realizando sobre selectores, en esta ocasión abarcamos pseudoselectores, operadores y expresiones regulares.

19. Pseudo elementos CSS “:before” y “:after”

    En este artículo damos a conocer los aspectos generales sobre el uso de los pseudo elementos ":before" y ":after", así como su implementación en CSS.

20. El mal uso de etiquetas HTML

    Veremos algunas de las etiquetas que comúnmente son utilizadas de manera incorrecta, tratando de especificar en que fallamos y de que manera podemos usarlas correctamente.

21. Hacer tablas con HTML y CSS

    Estudiamos cómo hacer tablas en HTML y darles estilo mediante el uso de propiedades CSS.

22. ¿Cómo darle un uso apropiado a CSS3?

    CSS3 nos ha brindado muchas nuevas herramientas que nos permiten crear grandes efectos, pero es muy probable que les estemos dando un enfoque inadecuado, en este artículo tratamos de definir un uso correcto.

23. Tips de maquetación web con CSS y CSS3

    Vemos algunos consejos para maquetar webs hoy en día, intentando agilizar la forma de maquetar las páginas web por medio de las nuevas características de CSS3.