01 Desarrollo Web 1 y 2 / HTML-CSS: Módulo 2 / 1ª parte

Cómo se escribe una página web

Los objetivos de este módulo son:

Entender las principales fases que existen en el desarrollo de un sitio o aplicación web.
Conocer el concepto de prototipado, wireframe y mockup y la importancia que tienen en el desarrollo de un sitio web.
Conocer la estructura básica de una página web.
Conocer algunos aspectos de la historia de HTML.
Ser capaz de crear páginas web sencillas con encabezados, párrafos y listas.
Ser capaz de crear páginas web con enlaces entre las distintas páginas que forman un sitio web.
Conocer algunos editores de código HTML.

2.1- El desarrollo web:

-Parte cliente; Conocimientos HTML y CSS / conocimientos JavaScript y DOM
-Parte servidor; Desarrollo a la construcción necesaria correspondiente al backend (parte que no se ve de un sitio web) necesaria para la correcta presentación en diferentes formatos de un sitio web. Empleo de; - Lenguaje script (PHP, ASP, ASP.NET, JSP, Perl y Coldfusion) cubriendo así en el desarrollo web; - El diseño y desarrollo de bases de datos. - Seguridad

Proceso de diseño y desarrollo web.

Resultado de imagen de un sitio web diseÃ±ado

2.2- Prototipado: wireframes, mockups y prototipos.

En diseño web, un wireframe (en español se puede traducir por esquema de la página o plano de la pantalla, aunque no se suelen usar estos términos), es un dibujo o esquema que representa el esqueleto o estructura visual de un sitio web (un conjunto de páginas web) o de una página web concreta. El wireframe suele carecer de aspectos visuales como estilo tipográfico, colores e imágenes, ya que su propósito es servir de apoyo para discutir el contenido, funcionalidad y comportamiento de un sitio web o de una página web.

2.3- El lenguaje HTML:

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

2.4- Historia de HTML:

https://uniwebsidad.com/libros/xhtml/capitulo-1/breve-historia-de-html

2.5- Sobre HTML5:

El 28 de octubre de 2014 el W3C publicó HTML5. A vocabulary and associated APIs for HTML and XHTML. W3C Recommendation 28 October 2014, lo que supone que HTML5 ya tiene el rango de estándar.

2.6- HTML: conceptos básicos (parte 1)

HTML se emplea únicamente para definir la estructura y el contenido o información de una página web, la presentación visual no se define con HTML .
Las etiquetas básicas son; (html, head, title, body, h1, h2, h3, h4, h5, h6, p, strong, em).

2.7- HTML: conceptos básicos (parte 2)

Práctica 1 con NotePad++: