Manual de Maquetacion Web

< Contiene 31 capítulos >

Qué vas a encontrar en esta sección:

Maquetacion de Paginas Web – Maquetar desde Photoshop – Pasar un diseño web a HTML y CSS – De PSD a XHTML

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

  1. Como hacer buenas páginas en HTML

    Algunas indicaciones sencillas para empezar a hacer buenas páginas web usando correctamente HTML.

  2. La influencia de los Navegadores en Internet

    Repaso a la historia de navegadores como Internet Explorer, Firefox, Google Chrome o Safari, desde sus comienzos hasta la situación actual del mercado.

  3. 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.

  4. 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.

  5. 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.

  6. 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.

  7. 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.

  8. Web Developer Toolbar de Mozilla Firefox: Casi un editor Wysiwyg

    Web Developer Toolbar es una extensión de Mozilla Firefox especialmente diseñada para brindar herramienta de apoyo a los desarrolladores de páginas web.

  9. 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".

  10. 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.

  11. 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.

  12. Firebug de Mozilla-Firefox: una herramienta indispensable

    Es casi unánime la opinión de los diseñadores web con experiencia de que Firebug se encuentra dentro de las herramientas indispensables para el desarrollo de páginas web.

  13. 10 consejos útiles para realizar un mejor código

    Consejos sobre como mejorar los códigos CSS y HTML.

  14. 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.

  15. 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.

  16. Como detectar el uso de Internet Explorer 6, 7 y 8

    En este artículo vemos la manera de detectar el uso de IE 6, 7 y 8 mediante cuatro caracteres en nuestro código de estilo

  17. Confusiones de CSS en novatos

    En este artículo mencionamos algunos de los factores y momentos que causaron confusión y nos hicieron dudar al comenzar a utilizar CSS

  18. Métodos para centrar verticalmente con CSS: Parte 1

    Primera parte de una serie de consejos para centrar verticalmente el contenido mediante CSS

  19. Métodos para centrar verticalmente con CSS: Parte 2

    Segunda parte de una serie de consejos para centrar verticalmente el contenido mediante CSS

  20. Uso de selectores CSS, Parte I

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

  21. 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.

  22. Herramientas Cross-Browser – compatibilidad de navegadores

    Vemos tres distintas aplicaciones que nos permitirán llevar a cabo pruebas de tipo cross-browser para mejorar compatibilidad entre navegadores

  23. 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.

  24. 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.

  25. Hacer tablas con HTML y CSS

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

  26. ¿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.

  27. 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.

  28. Factores relevantes sobre el uso de floats en el layout

    En este artículo explicamos los puntos más importantes a tener en consideración para lograr un uso correcto de la propiedad float al momento de aplicarse a los elementos que forman parte en nuestro layout.

  29. Posicionamiento de labels en un formulario

    En este artículo explicamos las ventajas y desventajas que conllevan todos los tipos de alineados que podemos darle a un label dentro de un formulario

  30. Aspectos básicos para estructurar un email con HTML – Parte 1

    El uso de correos electrónicos para promocionar un sitio, producto o contenido es una de las acciones más utilizadas en Internet, sin embargo muchos tienden a hacerlo de manera errónea, para evitar eso en este

  31. Aspectos básicos para estructurar un email con HTML – Parte 2

    El uso de estilos y elementos estándar de HTML en correos electrónicos suele ser complicado, por lo que te damos los siguientes consejos para facilitar tu desarrollo de plantillas.