Nombre del estudiante

Nombre de la materia
Desarrollo de páginas web

Semanas
3y4
 Unidad 3: Manejo de estilos en el diseño de páginas web
Unidad 4: Lenguaje de JavaScript
Desarrollo de páginas web

Evidencia de aprendizaje
SEMANA 3 y 4
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 el uso y elementos de hojas de estilos para una mejor
presentación de las páginas web, así como reconocer los elementos de
Javascript para realizar páginas web más dinámicas.

Instrucciones:
Consulte los siguientes materiales indicados en la unidad 3. Manejo de
estilos en el diseño de páginas web que se encuentra en la sección de
recursos:
 Introducción a CSS3 básico desde cero-Parte 1 (Tutoriales a tu Alcance,
2017).
 Diseño de páginas Web con XHTML, JavaScript y CSS  (Orós, J. C., 2014).
Consulta el Capítulo 17: Propiedades de las hojas de estilo (páginas 291-
304).
 HTML5, CSS3 y JQuery: curso práctico (Recio, J. A., 2016). Consulta el
Capítulo 3: El formato CSS3 (páginas 93-143).
 Diseño Web Adaptativo o Responsivo (Labrada, E. y Salgado, C., 2013).

Consulte los siguientes materiales indicados en la unidad 4. Lenguaje

JavaScript que se encuentra en la sección de recursos:

 Curso Javascript para Principiantes (Fazt, 2018).

 Diseño de páginas Web con XHTML, JavaScript y CSS  (Orós, J. C., 2014).
Consulta el Capítulo 2: Introducción a JavaScript (páginas 73-81).
 Manual de Javascript (Ribes, A., 2013). Consulta el Tema 4: Estructuras de
Control de Flujo (páginas 45-55) y el Tema 10: Eventos (páginas 107-109).
 Domine JavaScript (3a. ed.). (López, J., 2014). Consulta el Capítulo 5:
Funciones y matrices (páginas 151-195).
 Unidad 3: Manejo de estilos en el diseño de páginas web
Unidad 4: Lenguaje de JavaScript
Desarrollo de páginas web

Desarrollo de páginas web Semana 3

I. Realiza los siguientes ejercicios con JavaScript

1. Realizar un programa que permita sumar 5 valores he mostrar la
suma en un alert()

2. Realizar un programa que calcule el promedio final de 4 materias y

verificar si el promedio es aprobatorio o no, mostrar el resultado en
un document.write el promedio y si aprobó.

3. Programa que calcule el área de un triángulo por medio una función,

dicha función debe retornar el resultado, debes almacenar el valor en
una varia y después mostrar el resultado con document.write

4. Programa para calcular la edad de una persona, los datos de la

persona serán nombre y otra apellidos, el resultado se debe mostrar
por ejemplo de la siguiente manera con document.write:
Mario Gutiérrez Hernández tiene 23 años.

II.Seleccione la respuesta correcta:

1. De las siguientes opciones selecciona en que formas en que podemos inte-

grar estilos a una página web
A. Aplicar a cada elemento de la página
B. No se pueden aplicar estilos en una porción de la página.
C. Se definen todas las propiedades en la etiqueta body y se aplican a todos
los elementos del documento.
D. Definir reglas de estilo en la cabecera del documento y aplicar a los
elementos que hagan uso de ellas.
E. Definir reglas de estilo en un archivo externo para enlazarlas al HTML

2. Indique cual es la sintaxis correcta para definir un estilo a la etiqueta H1

A. H1 = text-align:center, color: black
B. H1 {text-align:center; color: black}
 Unidad 3: Manejo de estilos en el diseño de páginas web
Unidad 4: Lenguaje de JavaScript
Desarrollo de páginas web

C. H1 {text-align=center; color=black}

III. Responda a las siguientes preguntas

3. Indique el código aplicando un estilo a la propia etiqueta, cuya salida sea

texto en rojo con estilo de la fuente en cursiva ejemplo:
Estilo definido para una etiqueta

4. Ejemplifique el uso de estilos haciendo uso de un archivo externo

IV. Relaciones las columnas de forma correcta y adecuada

1. () Son pares propiedad:valor separados por punto y A. CSS

coma
2. () Indica a qué elementos se va aplicar la regla B. Lista de declara-
ciones
3. () Hojas de estilo en cascada son los archivos C. Adaptativo
encargados de definir la apariencia
4. () Técnica de diseño web que permite ajustar el D. Selector
contenido de los sitios al ancho del área de
despliegue de cada dispositivo

Desarrollo de páginas web Semana 4

V. Seleccione la respuesta correcta:

 Unidad 3: Manejo de estilos en el diseño de páginas web
Unidad 4: Lenguaje de JavaScript
Desarrollo de páginas web

1. ¿Cuál es la función de las etiquetas <noscript> y </noscript>?

A. Indicarle al navegador que debe ejecutar el archivo seleccionado
B. Permiten indicarle al navegar que no soportan scripts
C. Indicarle al navegador que puede ejecutar scripts
2. ¿Que pudo programar con Javacript?
A. permite la creación de páginas web interactivas sin necesidad de compi-
larse
B. Se pueden crear aplicaciones independinetes y necesita ser compilado
C. Solo permite escribir aplicaciones de escritorio sin acceder al servidor

VI. Responda a las siguientes preguntas

3. Indique cual es la sintaxis para definir una función en Javascript

3. Ejemplifique el uso de matrices, crear una página que solicite por pantalla 3
tipos de razas de perros y los almacene en una matriz, y después los mues-
tre en pantalla para verificar que fueron almacenados correctamente

VII. Responder los siguientes ejercicios:

1. De acuerdo con los tipos de estructuras de control de flujo en Javascript

indica qué estructura realiza tal funció n:

Estructura de control Función

Son capaces de tomar una decisión, de reali-
zar una serie de operaciones solo si se cumple
una determinada condición
Conjunto de sentencias que se repiten un nú-
mero determinado de veces.

Se utiliza cuando llegados a un número de ve-

ces o cumpliendose una condición deseamos
Unidad 3: Manejo de estilos en el diseño de páginas web
Unidad 4: Lenguaje de JavaScript
Desarrollo de páginas web

que se interrumpa e independientemente de

las veces que queden por hacerse, no se lle-
ven a cabo