LOGRO DE LA SEMANA 01

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.

TEMARIOGeneralidades

• Internet• Servidor web• Hosting y dominios• Navegadores

Etapas de un proyecto web• Mapa de Sitio y Wireframe

INTERNETConjunto 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.

EL SERVIDOR WEBLa 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.

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.

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

DOMINIOUn 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.

BUSCADOR DE DOMINIOShttp://yachay.pe/?tema=dominios

BUSCADOR DE DOMINIOShttp://www.dominioslibres.info/

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.

http://gs.statcounter.com

HTMLHTML, 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 (<,>).

SINTAXIS HTML

ETAPAS DE UN PROYECTO WEB

http://www.youtube.com/watch?v=kVD62B-TixI

ETAPAS DE UN PROYECTO WEB

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

MAPA DE SITIORepresentació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

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

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