El alumno aprendió sobre los conceptos básicos de un proyecto web como internet, servidores, hosting, dominios y navegadores. Además, creó un mapa de navegación y el wireframe de la página de inicio como parte de las etapas iniciales de un proyecto web.

1. Al término de la lección, el alumno entiende el concepto de un
proyecto web y los elementos necesarios para su publicación.
Además, crea un mapa de navegación y el wireframe de la página de
inicio.

2.  Generalidades
• Internet
• Servidor web
• Hosting y dominios
• Navegadores
 Etapas de un proyecto web
• Mapa de Sitio y Wireframe

4. INTERNET Conjunto de computadoras, o servidores, conectados en una RED DE
REDES MUNDIAL, que comparten un mismo protocolo de comunicación, y
que presentan SERVICIOS a las computadoras que se conectan a esa red.

6. EL SERVIDOR WEB La principal función de un servidor Web es almacenar los archivos de un sitio y emitirlos
por Internet para poder ser visitado por los usuarios. Básicamente, un servidor Web es una
gran computadora que guarda y transmite datos vía Internet.

8. HOSTING
 El alojamiento web (en inglés web hosting) es el servicio que
provee a los usuarios de Internet un sistema para poder almacenar
información, imágenes, vídeo, o cualquier contenido accesible vía
Web. Es una analogía de hospedaje o alojamiento en hoteles o habitaciones
donde uno ocupa un lugar específico.

9. http://www.hostingperu.com.pe/
http://www.inkawebdesign.com/hosting.php

11. DOMINIOUn dominio es un nombre de servidor en Internet que
facilita recordar de forma más sencilla la dirección IP, por
ejemplo www.cibertec.edu.pe todos los servidores y
páginas de Internet tienen una dirección numérica que se
conoce como dirección IP (Protocolo de Internet), que para
nuestro ejemplo seria: 200.0.118.6
Los dominios fueron creados para evitar el que
tuviéramos que recordar las direcciones numéricas de las
páginas y servidores web.

12. BUSCADOR DE DOMINIOS http://yachay.pe/?tema=dominios

13. BUSCADOR DE DOMINIOS http://www.dominioslibres.info/

15. NAVEGADORES WEB
 Es un programa que permite visualizar la información que
contiene una página web.
 El navegador interpreta el código, HTML generalmente, en el que
está escrita la página web y lo presenta en pantalla permitiendo al
usuario interactuar con su contenido y navegar hacia otros lugares de
la red mediante enlaces o hipervínculos.

17. http://gs.statcounter.com

19. HTML HTML, siglas de HyperText Markup Language (Lenguaje de Marcado de Hipertexto), es el
lenguaje de marcado predominante para la elaboración de páginas web. Es usado para describir
la estructura y el contenido en forma de texto, así como para complementar el texto con
objetos tales como imágenes. HTML se escribe en forma de "etiquetas", rodeadas por
corchetes angulares (<,>).

20. SINTAXIS HTML

21. ETAPAS DE UN PROYECTO
WEB
http://www.youtube.com/watch?v=kVD62B-TixI

22. ETAPAS DE UN PROYECTO
WEB

23. ARQUITECTURA DE
INFORMACIÓN
 Árbol de navegación: Mapa de Sitio
 Wireframe: Representación esquemática de una página web sin elementos gráficos que
muestran contenido

24. MAPA DE SITIO
 Representación gráfica o textual de un sitio web. El mapa de un sitio web puede ser un
documento que se utiliza para planificar el diseño de la web, o puede ser una página web
donde se listan todas o las más importantes páginas web de un sitio (generalmente organizadas
de alguna manera).
http://writemaps.com
http://www.lovelycharts.com/web

27. WIREFRAME
 En diseño web, un wireframe es una representación esquemática
de una página web sin elementos gráficos que muestran contenido y
comportamiento de las páginas. Sirven como herramienta de
comunicación y discusión entre arquitectos de
información, programadores, diseñadores y clientes.
http://lumzy.com
http://www.mockflow.com

32. WEBS DE TURISMO
(MUESTRAS)
 http://www.australia.com/es-la/
 http://www.holland.com/es/turista.htm
 http://mx.canada.travel/
 http://www.hellobc.com.mx/?CC=MX
 http://www.visitmalta.com/main?l=8
 http://www.southafrica.net/sat/content/ag/ar/spanish-home
 http://www.tahiti-tourisme.es/home.php?etabid=3