MÓDULO 05: Construir un sitio Web
​
Herramienta a utilizar:
Adobe DreamWeaver CC 2015.

TAREA 1. Diseñar una página web
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
Cuando estás navegando por la web, esencialmente estás viendo una serie de páginas web. Una página web es un documento estructurado, que contiene texto, imágenes y otro contenido multimedia, que puedes ver con tu navegador web. Lo que hace a una página web diferente de un simple documento multimedia que está almacenado en tu computadora, es que una página web contiene hipertexto, o vínculos como probablemente los conoces tú, que te proporcionan la habilidad de navegar a otras páginas web.
Toma, por ejemplo, una página web en Wikipedia. Una página web contiene varios vínculos a otras páginas web. Haciéndole clic a una de ellas, el navegador nos muestra la página web relevante a la que este vínculo nos dirige.
Un conjunto de páginas web relacionadas que se pueden encontrar bajo el mismo nombre de dominio, como Wikipedia.org, forman un sitio web.
Un sitio web normalmente tiene una página de inicio llamada igualmente página de inicio desde la cual un visitante puede navegar a todas las otras páginas. Una página web puede contener enlaces a páginas web dentro del mismo sitio web o a páginas de otros sitios web.
HTML, el lenguaje de las páginas web
Un documento página web se escribe en HyperText Markup Language (HTML), lenguaje de marcado hipertextual. Hipertexto significa que contiene enlaces o vínculos como mencionamos anteriormente. El marcado se refiere a etiquetas en código HTML. HTML se escribe en forma de elementos HTML que consiste en etiquetas rodeadas de corchetes angulares (como <html>), dentro del contenido de la página web. Las etiquetas HTML normalmente vienen en pares como <h1> (etiqueta de comienzo) y </h1 >(etiqueta de final), aunque algunas etiquetas, conocidas como elementos sin contenido, no son pares, por ejemplo <img>. Entre estas etiquetas los diseñadores de páginas web pueden añadir texto, etiquetas, comentarios y otro tipo de contenido basado en texto.
El navegador web puede interpretar el código HTML de una página web y mostrarlo con precisión.
Crear tu propia página web
Todo lo que necesitas para crear tu propia página web es un editor de texto, como el Bloc de notas, y cambiar la extensión del archivo creado a .html. Sin embargo, es mucho más fácil y rápido usar un editor HTML como Adobe Dreamweaver. En los siguientes ejemplos, vamos a usar Dreamweaver para crear una página web simple.
Para crear una página web:
​
-
En la página de inicio de Dreamweaver, debajo de Crear nuevo, haz clic en HTML 1.
-
En la siguiente ventana selecciona:
- Nuevo documento ​ 2
- HTML 3
- Crear 4
​​
​​
Esta es la ventana principal de Dreamweaver CC 2015
-
Primero debes dar un nombre a tu página web, este título aparecera en la ventana del navegador cuando visites esta página 5.
-
Con estas pestañas puedes cambiar la vista del editor 6.
-
Esta es el área de trabajo del editor, es aquí donde puedes agregar el contenido a tu página web. 6.​​
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////