Download - Ofimática semana 01
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.
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