Introducción al Desarrollo Web: HTML y CSS (1/2)

Cómo se escribe una página web 

Las primeras versiones de HTML, entre 1990 y 1993, no fueron estandarizadas porque su uso no estaba muy extendido. 

Las primeras versiones de HTML incluían listas, párrafos y diferentes tipologías de grafología, pero no incluía tablas, que son elementos esenciales hoy en día.

A la hora de crear una página web es necesario tener en cuenta la creación del hipertexto {hace referencia al sistema que permite enlazar fragmentos de textos entre sí, lo que permite al usuario acceder a la información a través de enlaces}, ya que es la característica principal que define a la web.

Las páginas web tienen su propio:

• Vocabulario, que define las etiquetas que se deben emplear.

• Gramática, que son las reglas que establecen cómo se deben emplear dichas etiquetas para escribir un documento.

Con el lenguaje HTML solo se describen la estructura y el contenido de una web, imágenes, vídeos u otros componentes de las páginas web. 

A la hora de crear un fichero con código HTML tenemos que guardarlo con la extensión ''.html´´

En un proyecto web es importante diferenciar dos perfiles: el diseñador web y el desarrollador web.

En ocasiones, si el proyecto es pequeño, el desarrollo y el diseño pueden ser realizados por la misma persona. 

El comportamiento de la página y el código HTML serían tareas desempeñadas por el desarrollador web. 

El diseñador web tiene que diseñar los elementos gráficos de la página teniendo en cuenta la tipografía, los colores, los tamaños, etc. Por tanto, define el <look&feel> de la página.

Las aplicaciones web deben tener una estructura y un determinado diseño, que dependerá de cuál sea el objetivo de dicha página web. 

Antes de empezar a hacer la página web, es necesario hacer un mapa o diagrama de cómo será esta página web. 

Es importante que este diagrama sea comprensible y refleje el flujo de navegación y la relación entre los elementos. 

Existen diferentes tipos de planos o diagramas, siendo uno de ellos el Wireframe que es un dibujo que:

1. Representa la estructura visual de una página web.
2. Indica qué contenido debe de estar presente.
3. Define el comportamiento funcional de la misma.