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.
 Generalidades
• Internet
• Servidor web
• Hosting y dominios
• Navegadores
 Etapas de un proyecto web
• Mapa de Sitio y Wireframe
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.
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.
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
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.
BUSCADOR DE DOMINIOS http://yachay.pe/?tema=dominios
BUSCADOR DE DOMINIOS http://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
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 (<,>).
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 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
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

Ofimática semana 01

  • 1.
    Al término dela 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 decomputadoras, 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 alojamientoweb (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.
  • 11.
    DOMINIOUn dominio esun 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  Esun 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.
  • 19.
    HTML HTML, siglasde 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.
  • 21.
    ETAPAS DE UNPROYECTO WEB http://www.youtube.com/watch?v=kVD62B-TixI
  • 22.
    ETAPAS DE UNPROYECTO WEB
  • 23.
    ARQUITECTURA DE INFORMACIÓN  Árbolde 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ñoweb, 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