4.19 Presentación del proyecto

4.19 Presentación del proyecto

MÓDULO 4: Cómo se escribe una página web correcta

Objetivos

• Mejorar el sitio web con la incorporación de nuevos elementos como las tablas, las imágenes y los nuevos controles de formulario de HTML5.
• Comprobar que todas las páginas web están correctamente escritas y no presentan errores.
• Publicar en Internet el sitio web formado por varias páginas conectadas mediante enlaces.

Qué tengo que hacer

En este módulo tienes que mejorar las páginas de tu sitio web con la incorporación de nuevos elementos, como las tablas y las imágenes.

Recuerda que las tablas no las tienes que utilizar para distribuir el contenido en tus páginas web: las tablas son para mostrar datos tabulados, no para maquetar el contenido de las páginas web. La maquetación se realizará mediante CSS (Cascading Style Sheets), la tecnología que se explicará en la segunda parte de este curso. Si quieres saber más cosas sobre esto te recomendamos la lectura de Porqué diseñar con tablas es estúpido: problemas definidos, soluciones ofrecidas.

También puedes mejorar los formularios de tu sitio web con la incorporación de los nuevos controles que añade HTML5. HTML5 ya es un estándar, fue publicado como recomendación el 28 de octubre de 2014 (HTML5 - A vocabulary and associated APIs for HTML and XHTML), pero eso no significa que todas sus características se puedan emplear: no todos los navegadores actuales admiten las nuevas características y por supuesto existe un problema de compatibilidad con los navegadores antiguos. Por tanto, antes de usar una nueva característica te recomendamos que consultes algún sitio web en el que puedas comprobar el grado de compatibilidad de las nuevas características de HTML5:

• http://html5test.com/
• http://caniuse.com/
• http://html5please.com/

Por último, en este proyecto también te pedimos que escribas páginas web válidas, páginas web que se ajustan al estándar. Muchas personas han aprendido a hacer páginas web por la simple observación de cómo están hechas las páginas web y eso ha conducido a que se repitan malas prácticas. En el artículo Obsolete practices to avoid se indican algunas cosas que no se deben hacer en las páginas web porque son erróneas o han quedado obsoletas (ya no tiene sentido hacerlas). Al principio de este artículo se indica un problema que se da muchas veces:

Many people learned HTML, CSS, and JavaScript by viewing the source of pages and then copying and pasting them, without considering whether or not the original site was well implemented. This means that they have perpetuated coding practices that might have been necessary in the past, but are irrelevant now.This article tries to list older coding practices that over time have become unnecessary or bad practices.

Traducido al español:

Muchas personas aprendieron HTML, CSS y JavaScript mediante la visualización del código fuente de las páginas y luego copiaban y pegaban el código, sin tener en cuenta si el sitio web original estaba bien implementado. Esto significa que se han perpetuado prácticas de codificación que podrían haber sido necesarias en el pasado, pero que son irrelevantes ahora.

Tienes que aprender a utilizar las herramientas que te pueden ayudar a validar el código HTML de tus páginas web. Por ejemplo, te recomendamos que utilices Markup Validation Service del W3C.

Por último, no te olvides de publicar en Internet tu sitio web.