Arquitectura de Entornos

Web
Unidad 1: Proyecto web
Tema 1: Fundamentos de un proyecto web
Semana 01
Tema 1: Fundamentos de un proyecto web

2
Índice
1.1. Tema 1: Fundamentos de un proyecto web
1.1.1. Internet
1.1.2. Página web
1.1.3. Hipertexto
1.1.4. Servidor web
1.1.5. Hosting
1.1.6. HTML
1.1.7. Navegadores de internet
1.1.8. Proyecto web
1.1.9. Etapas de un proyecto web
1.1.10. Mapa de sitio

3
Capacidades
• Identifica las etapas de un proyecto web.
• Diseña los elementos gráficos para preparar un proyecto web.

4
Introducción
• Para conocer cómo desarrollar un proyecto web, se debe tener conocimientos básicos acerca de la web: Internet,
servidores web, hosting, navegadores, etc.
• A partir de estos conceptos, se inicia el estudio de un proyecto web, sus etapas y arquitectura de la información:
mapa de sitio.

5
1.1.1 Internet
• Conjunto de computadoras y servidores, conectados en una RED DE REDES MUNDIAL, los cuales comparten un
mismo protocolo de comunicación, y proporcionan SERVICIOS para que se conecten a esa red.

6
1.1.2 Página web
• Una página web es un documento HTML accesible mediante el protocolo HTTP de Internet.
• Un sitio web es una colección de páginas de internet relacionadas a un dominio de Internet. Todos los sitios web,
constituyen la World Wide Web de información.

7
1.1.3 Hipertexto
• Es una estructura no secuencial que permite crear, agregar, enlazar y compartir información de diversas fuentes
por medio de enlaces asociativos y redes sociales.
• El hipertexto es texto que contiene enlaces a otros textos. El término fue acuñado por Ted Nelson alrededor de
1965.

8
1.1.4 Servidor web
• Un servidor web es un programa que se ejecuta continuamente en un computador, manteniéndose a la espera de
peticiones de ejecución que le hará un usuario de Internet.
• El servidor web se encarga de contestar a estas peticiones de forma adecuada, entregando como resultado una
página web o información de todo tipo de acuerdo a los comandos solicitados.

9
1.1.5 Hosting
• Al crear una página web para que otros puedan visitarla, se necesita publicar tu página; para ello, contratas un
servicio web hosting.
• Este servicio ofrece servidores web 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 y publicación.

sitio 1 sitio 2
Subir archivos

sitio 3

Servicio de Hosting

10
1.1.5 Hosting

11
1.1.5 Hosting
• Dominio es el nombre de un sitio web. Cada dominio tiene que ser único en Internet.
• Todos los servidores y páginas de Internet tienen una dirección numérica conocida como IP (Protocolo de
Internet).
• El dominio está compuesto del nombre y al extensión del dominio.

12
1.1.6 HTML
• HTML (Hyper Text Markup Language), es un lenguaje de hipertexto, que permite escribir texto de forma
estructurada, y que está compuesto por etiquetas, que marcan el inicio y el fin de cada elemento del documento.
• Los documentos HTML deben tener la extensión html.
• Los navegadores se encargan de interpretar el código HTML de los documentos, y de mostrar a los usuarios las
páginas web resultantes del código interpretado.
• Actualmente, se utiliza el HTML 5.

13
1.1.7 Navegadores de internet
• Un navegador o navegador web (del inglés, web browser) es un programa que permite visualizar la información
que contiene una página web, la cual puede estar alojada en un servidor dentro de la World Wide Web o en uno
local.
• La funcionalidad de un navegador web es permitir la visualización de documentos de texto, reproducir recursos
multimedia incrustados y ejecutar acciones.
• Los documentos pueden estar ubicados en la computadora, del usuario, o en cualquier otro dispositivo que esté
conectado a la computadora del usuario o por Internet.

14
1.1.7 Navegadores de internet

15
1.1.8 Proyecto web
• Es una planeación estructurada, para solucionar una necesidad de una empresa u organización, a través de una
aplicación, que se accederá vía internet o vía web.

16
1.1.9 Etapas de un proyecto web

17
1.1.10 Mapa de sitio
• Representación gráfica o textual de un sitio web.
• El mapa de un sitio web es un documento que se utiliza para planificar el diseño del sitio web, donde se listan
todas o las más importantes páginas web del mismo (generalmente organizadas de alguna manera).

18
1.1.10 Mapa de sitio

19
1.1.10 Mapa de sitio

20
Desarrollo práctico
Diseñe un Mapa de sitio utilizando el aplicativo GLOOMAPS

gloomaps.com

21
Conclusiones
• La Internet es un conjunto de computadoras y servidores, conectados en una RED DE REDES MUNDIAL,
comparten un mismo protocolo de comunicación, y proporcionan SERVICIOS.
• Una página web es un documento HTML accesible mediante el protocolo HTTP de Internet.
• El hipertexto es una estructura no secuencial que permite crear, agregar, enlazar y compartir información de
diversas fuentes por medio de enlaces asociativos y redes sociales.
• Un servidor web es un programa que se ejecuta continuamente en un computador, manteniéndose a la espera de
peticiones de ejecución que le hará un usuario de Internet.
• Hosting es un servicio que permite publicar páginas web para que otros puedan visitarla.

22
Conclusiones
• HTML, es un lenguaje de hipertexto, que permite escribir texto de forma estructurada, está compuesto por
etiquetas, que marcan el inicio y el fin de cada elemento del documento. Actualmente, se encuentra en la versión
5.
• Un navegador web es un programa que permite visualizar la información que contiene una página web, la cual
puede estar alojada en un servidor dentro de la WWW en uno local.
• Proyecto web, es una planeación estructurada, para solucionar una necesidad de una empresa u organización, a
través de una aplicación, que se accederá vía internet o vía web.
• El mapa de un sitio web es un documento que se utiliza para planificar el diseño del sitio web, donde se listan
todas o las más importantes páginas web del mismo (generalmente organizadas de alguna manera).

23
Referencias bibliográficas
• Garcia de León, A. (2002). Etapas en la creación de un sitio web. Montevideo - Uruguay. Recuperado de
http://eprints.rclis.org/5474/1/T14-01.pdf

• N4GASH blog (2016). Infografía de los pasos para diseñar una pagina web. Recuperado de
https://www.n4gash.com/2016/infografa-pasos-diseno-pagina-web/

24
 GRACIAS

SEDE MIRAFLORES SEDE INDEPENDENCIA SEDE BREÑA SEDE TRUJILLO

Calle Diez Canseco Cdra 2 / Pasaje Tello Av. Carlos Izaguirre 233 Av. Brasil 714 – 792 Calle Borgoño 361
Miraflores – Lima Independencia – Lima (CC La Rambla – Piso 3) Trujillo
Teléfono: 633-5555 Teléfono: 633-5555 Breña – Lima Teléfono: (044) 60-2000
Teléfono: 633-5555

SEDE SAN JUAN DE LURIGANCHO SEDE LIMA CENTRO SEDE BELLAVISTA SEDE AREQUIPA
Av. Próceres de la Independencia 3023-3043 Av. Uruguay 514 Av. Mariscal Oscar R. Benavides 3866 – 4070 Av. Porongoche 500
San Juan de Lurigancho – Lima Cercado – Lima (CC Mall Aventura Plaza) (CC Mall Aventura Plaza)
Teléfono: 633-5555 Teléfono: 419-2900 Bellavista – Callao Paucarpata - Arequipa
Teléfono: 633-5555 Teléfono: (054) 60-3535

www.cibertec.edu.pe