Nombre de la materia

Desarrollo de Páginas Web

Nombre de la Licenciatura
Licenciatura en Ingeniería en Sistemas
Computacionales

Nombre de la Tarea
Evidencia de aprendizaje Semana 1 y 2
Unidad 1
Diseño de Páginas Web
Unidad 2
El Lenguaje HTML y Editores de Páginas
Web
Fecha
06 de diciembre de 2020
 Unidad #1: Diseño de Páginas Web
Unidad #2: El Lenguaje HTML y Editores de Paginas web
Desarrollo de Páginas Web

Evidencias de aprendizaje
SEMANA 1 Y 2
DESARROLLO DE PÁGINAS WEB
Con el objetivo de contribuir a su aprendizaje y a un mejor entendimiento y comprensión del
contenido que se aborda en esta unidad mediante sus materiales de aprendizaje, hemos
preparado esta guía de estudio que pretende apoyarlos a identificar los principales elementos
que para implementar una página web, así como reconocer los principales elementos de HTML
y su implementación dentro de un sitio web.

Instrucciones:
Consulte los siguientes materiales indicados en la unidad 1. Diseño de páginas web que
se encuentra en la sección de los recursos de la plataforma:
 Documento Aplicaciones web (Lerma-Blanco, 2013). Consulte la Unidad 1: Aplicaciones
web sociales, en especifico el subtema 1.1 Internet , la web y sus aplicaciones (páginas
9-14).
 Aplicaciones web (Zofío, 2013). Consulte la Unidad 1: Evolución de las aplicaciones
web, en especifico el subtema 1.1 Aplicaciones web(páginas 7-8).

Consulte los siguientes materiales indicados en la unidad 2: El lenguaje HTML y editores

de página web que se encuentra en la seccion de recursos:
 Video Curso HTML para principiantes (FAZT CODE, 2018) es la introducción a HTML,
que permite la creación de paginas web y sitios web.
 Documento de contrucción de páginas web (Alcayde, A y Gómez, J.; 2014), consulta el
Capítulo 1: Los lenguajes de marcas(páginas 17-46). Asimismo, el Capítulo 5:
Formularios en la contrucción de páginas web(páginas 109-128).

1
 Unidad #1: Diseño de Páginas Web
Unidad #2: El Lenguaje HTML y Editores de Paginas web
Desarrollo de Páginas Web

Desarrollo de páginas web Semana 1_P1-10

I. Realizar las siguientes prácticas con HTML solamente, mostrar el código y el

resultado.

1. Realizar una página web que muestre en la pestaña cuando se ejecute diciendo “Mi
página web”, recuerda que esta etiqueta es usada e implementada en el head o
cabecera, poner un título grande utilizando la etiqueta de titulares poner tu nombre
completo.

2. Crear una página que integre título de pestaña como “Nombre xxx” y un logotipo tamaño
70 x 70 de tu agrado y menú con las siguientes opciones:
1. Inicio
2. Conócenos
3. Servicios
4. Galería
5. Contacto

2
 Unidad #1: Diseño de Páginas Web
Unidad #2: El Lenguaje HTML y Editores de Paginas web
Desarrollo de Páginas Web

3. Crear página web con 3 imágenes con tamaño 80 x 80 dentro de una tabla, titular que
diga “imágenes de gatos”, título de la pestaña cuando la página se ejecuta en navegador
es “Mis gatos”.

4. Mencionas con tus propias palabras cual es la diferencia entre en páginas web dinámica
a una página web estática y da un ejemplo de cada uno:

Las páginas web estáticas solo emplean código HTML y CSS, mientras que una página
dinámica se basa en lenguajes del lado del cliente-servidor como JavaScrip, PHP.

3
 Unidad #1: Diseño de Páginas Web
Unidad #2: El Lenguaje HTML y Editores de Paginas web
Desarrollo de Páginas Web

II. Mediante una línea enlaza los conceptos con la descripción.

1) Se trata de un conjunto
de recomendaciones HTTP
sobre la creación e
interpretación de
documentos web. HTML

2) Lenguaje de Navegador web

programación orientado
a la creación de páginas
web dinámicas. Internet

3) Es el principal protocolo WWW

utilizado en la Web.

4) Debe interpretar el Estándares web

código HTML en que
estan escritas las
páginas web y PHP
presentarlo al usuario
para que este pueda Servicios web
interactuar con el
contenido.

5) Se concibió como una

colección de
documentos estáticos
enlazados para su
consulta o descarga.

III. Responder las siguientes preguntas

1. ¿Dentro de la arquitectura web como se define el servidor web?

Es el encardado de recibir peticiones de un cliente.

2. ¿Es el protocolo por el cual se lleva a cabo la comunicación para la web?

Protocolo HTTP

4
 Unidad #1: Diseño de Páginas Web
Unidad #2: El Lenguaje HTML y Editores de Paginas web
Desarrollo de Páginas Web

3. ¿Qué etiquetas se pueden definir dentro de la sección de cabecera?

4. Etiqueta utilizada para crear una tabla

<table></table>

Guía: Desarrollo de páginas web Semana 2_P11-20

IV. Relaciones las columnas de forma correcta y adecuada

1. (b) Es la parte más importante de la página web y en a) <META>

esta zona es donde se guarda todo el contenido que
va a mostrar el navegador.
2. (d) Permite indicar el título de la página web que b) <body>
aparecerá en la barra del navegador

3. (e) Permite definir una columna. c) <TR>

4. (a) Permite especificar metadatos de un documento d) <TITLE></TITLE>

HTML. e) <TD>

V. Seleccionar la respuesta correcta

1) ¿Es el código que se envía al cliente, se construye de forma dinámica dentro del
programa servidor en el momento en que se procesa la petición?
A. HTTP
B. HTML
C. JavaScript
D. PHP

2) ¿Este protocolo fue diseñado para la comunicación entre los navegadores y servidores
web?
A. Protocolo UDP
B. Protocolo TCP
C. Protocolo HTTP
D. Protocolo Ethernet

3) ¿Son elementos de entrada de información que permiten al usuario interactuar con el

servidor web?
A. Botones de acción
B. HTML

5
 Unidad #1: Diseño de Páginas Web
Unidad #2: El Lenguaje HTML y Editores de Paginas web
Desarrollo de Páginas Web

C. Tablas
D. Formularios

4) ¿Es un conjunto de protocolos que permite la consulta remota de archivos de

hipertexto?
A. Router
B. La World Wide Web
C. HTML
D. Hosting

5) ¿Realiza las peticiones al servidor y presenta al usuario las páginas web que dicho
servidor le suministra?
A. Router
B. protocolo HTTP
C. Navegador web
D. Servidor dedicado