Cree sitios Web modernos usando HTML5 y CSS3

Antes de comenzar

Este tutorial supone que usted tiene algo de experiencia básica con HTML, CSS y JavaScript. Asume que usted conoce lo que es un elemento o etiqueta HTML, lo que significa un atributo, la sintaxis básica de marcación HTML, la estructura general de una página Web, y demás. En términos de CSS, se espera que usted esté familiarizado(a) con los selectores basados en elemento, clase e ID, con la sintaxis de una propiedad CSS y con cómo incluir CSS en sus páginas Web utilizando hojas de estilo incorporadas o externas. Finalmente, se asume que usted ya cuenta con conocimientos prácticos de JavaScript, como qué es una variable, una función, el argumento 'if' y un bucle 'for', y sobre cómo incluir código JavaScript en sus páginas Web. Si siente que necesita repasar alguna de estas tecnologías antes de comenzar, pase directamente a la sección Recursos donde encontrará algunos tutoriales y artículos útiles que le nivelarán rápidamente en los fundamentos del desarrollo HTML, CSS y JavaScript.

Acerca de este tutorial

Durante cerca de los últimos diez años, conceptos como Web 2.0, Rich Internet Applications (RIAs) y Semantic Web, han empujado al HTML, al CSS y a JavaScript hasta y más allá de sus límites, dependiendo a menudo de plug-ins como Adobe® Flash para potenciar componentes como los de video y los de audio, así como aplicaciones altamente gráficas e interactivas. La infraestructura de desarrollo Adobe Flex, la plataforma Silverlight® de Microsoft, y JavaFX, todas han buscado brindar soporte en donde las debilidades del HTML dificultaban la vida de los desarrolladores. Sin embargo, con HTML5, el lenguaje de marcación está contraatacando, con soporte multimedia completo, almacenamiento local y soporte de aplicaciones off-line, una API 2D de dibujo nativa, y el hospedaje de nuevas APIs de desarrollo de aplicaciones, todas suministradas con la intención de probar que HTML, CSS y JavaScript pueden suministrar un punto final rico para sus sitios Web y aplicaciones.

El HTML5 es ampliamente percibido como una de las nuevas tecnologías más importantes programadas para emerger en el 2010, y ya se están escribiendo varios libros sobre el tema, algunos de los cuales están por ser publicados, tan pronto como es marzo de este año. Durante muchos años, la Web ha dependido de plug-ins externos para entregar atributos que no podían ser soportados nativamente por el navegador Web, particularmente en términos de dibujo en 2D, animación y multimedia. Las últimas versiones de la especificación HTML y CSS apuntaban a eliminar la necesidad de estos componentes adicionales de navegador, y también a reducir la cantidad de JavaScript necesario (o a eliminar la necesidad de JavaScript completamente, en algunos casos), para cosas tan triviales como arrastrar y soltar filas, escritura en bandas de filas, y más. Siga este tutorial para aprender cómo aprovechar el HTML5.

Volver arriba

Prerrequisitos

HTML5 es una especificación relativamente joven y como resultado, el soporte de navegador es bastante limitado (al momento de la escritura). El código presentado en este tutorial se construye para que sea tan compatible con todos los navegadores como sea posible, pero algunos recursos no funcionarán en todos los navegadores. Cualquier recurso que actualmente sea específico para algún navegador se identificará claramente en el tutorial. Para asegurar que usted pueda experimentar todos estos nuevos recursos, se recomienda que instale en su sistema las últimas versiones de los siguientes navegadores Web, cuando esté desarrollando aplicaciones HTML5 y CSS3:

• Mozilla Firefox (versión 3.5+)
• Apple Safari (versión 4.0+)
• Opera (versión 10.0+)
• Google Chrome (versión 3.0+)

Usted no necesita ningún software específico para escribir el código HTML ni CSS; cualquier editor de texto básico servirá (como Notepad, vi, emacs, y demás.) En este tutorial, se asume que el source code está almacenado en un directorio en su computadora local— (— usted no necesita usar un servidor Web ni cargar archivos en un servicio de hospedaje Web.

1 de 8 | Siguiente

Comentario

Volver arriba

Tabla de contenidos

• Antes de comenzar
• Nuevos recursos en HTML5
• Nuevos recursos en el CSS3
• Reuniéndolo todo: La página HTML5/CSS3 de muestra
• Resumen
• Descargar
• Recursos
• Sobre el autor

---

1 de 8 | Siguiente