Post on 13-Jun-2015
description
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.
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.
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