Tema 10. Dinámica y funciones de la Atmosfera 2024
Ofimática semana 01
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
3.
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.
5.
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.
7.
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.
11. 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.
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.
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 (<,>).
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
25.
26.
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