COMO SE ESCRIBE UNA PAGINA WEB

¿Qué es el desarrollo web?
No es lo mismo que el diseño web.

Diseño web:

• Diseño Visual, Elementos gráficos
• Se usan herramientas gráficas (Photoshop, Gimp)
• Sin código

Desarrollo web:

• Parte cliente: HTML y CSS, Javascript y DOM
• Parte servidor: Lenguajes de script

Fuente



Prototipado: wireframes, mockups y prototipos


Importancia de prototipar una aplicación web antes de realizar su diseño gráfico o comenzar su implementación,

El prototipado no debe comenzarse sin haber definido primero los objetivos del sitio, las necesidades de los usuarios, los requisitos del proyecto y la arquitectura de información de la aplicación web.


PLANOS Y MAQUETAS:

• Los planos o blueprints, diagramas de contenido o flujo, o mapa web, sirven para mostrar la estructura de la aplicación y su flujo de navegación.

• Las maquetas son diagramas de presentación, cuyo objetivo es crear una referencia visual de la estructura, organización e interacción a nivel de página. Hemos visto también que se distingue entre prototipos de baja fidelidad, que son estáticos, y prototipos de alta fidelidad, que son dinámicos.

Wireframe representará con más detalle la aplicación, incluyendo notas asociadas a los elementos sobre cómo se deben mostrar o su comportamiento funcional.

Prototipos funcionales son maquetas dinámicas, normalmente en HTML, que simulan o tienen implementadas partes del sistema final a desarrollar.

HTML son las siglas de HyperText Markup Language, que puede traducirse como lenguaje de marcas o marcado de hipertexto

HTML se emplea únicamente para definir la estructura y el contenido o información de una página web

La presentación visual se define con CSS (Cascading Style Sheets)

Introducción a XHTML