Arquitectura de Entornos

Web
Unidad 1: Proyecto web
Tema 1: Fundamentos de un proyecto web
Tema 01: 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
1. Si creas una página web para que
otros puedan visitarla, se necesita
publicar tu página; para ello,
contratas un servicio web hosting
2. 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.

10
1.1.5 Hosting

11
1.1.5 Hosting
DOMINIO

• Un dominio es un 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).
• Un dominio está compuesto del nombre
y 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.

13
1.1.6 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.

14
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.

15
1.1.7 Navegadores de internet
• 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.

16
1.1.7 Navegadores de internet

17
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.

18
1.1.9 Etapas de un proyecto web

19
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).

20
1.1.10. Mapa de sitio

21
1.1.10. Mapa de sitio

22
1.1.10. Mapa de sitio

23
Ejercicio
• Desarrolla un mapa de sitio para un proyecto web, especificado
por el docente, utilizando para su desarrollo el aplicativo
correspondiente.

24
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.

25
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).

26
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/

27
 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