Nombre de la materia

Desarrollo de páginas web

Nombre de la Licenciatura
Ingeniería en sistemas Computacionales

Nombre del alumno

Jesús Aarón Cataño Gutiérrez
Matrícula
010544412

Nombre de la Tarea
Hojas de estilo

Unidad #
Unidad 3

Nombre del Profesor

Fidel de la Cruz Iturbide
Fecha
17/09/2023
 Unidad 3: Manejo de estilos en el diseñ o de pá ginas web
Desarrollo de pá ginas web

Tarea 3

"Es difícil pensar en diseño, pero no pensar en ello, puede ser desastroso."

-- Ralph Caplan

Objetivos:
● Conocer los fundamentos del lenguaje de diseño CSS

● Conocer las principales propiedades de los selectores CSS.

Instrucciones:

● Orós, J. C. (2014). Propiedades de las hojas de estilo. Diseño de páginas Web con XHTML, JavaScript y CSS
(pp. 291- 304)

● Recio, J. A. (2016). El formato CSS3. HTML5, CSS3 y JQuery: curso práctico (pp. 93- 143)

Forma de evaluación:

Criterio Ponderación Calificación obtenida

Presentación 10%

Desarrollo de Actividad 90%

Actividad II
Ejercicio I 25%
Ejercicio II 25%
Ejercicio III 40%

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

Desarrollo de la actividad:

I. Identifica las caracteristicas del lenguaje CSS .

Contesta las siguientes 5 cuestiones por medio de la lectura de los recursos en plataforma.
(Valor 25%)

● ¿Son los archivos responsables de definir la apariencia de una pagina web?

Las CSS (coding style sheets) u hojas de estilo en cascada

● ¿Indica a qué elementos se va a aplicar la regla de estilo?

Selector: indica a qué elementos se va a aplicar la regla. Pueden escribirse varios selectores para
la misma regla separados por comas (,).

Lista de declaraciones: los estilos que se van a aplicar a los elementos que cumplen la regla.
Son pares propiedad:valor, separados por punto y coma (;).

● ¿Permite aplicar un estilo único?

CSS permite aplicar múltiples estilos y reglas de estilo a los elementos HTML, lo que te brinda un
amplio control sobre el aspecto y la presentación

● ¿Representan las posiciones o estados en los que se puede encontrar un elemento mientras se

visualiza en el navegador?

El DOM (document object model) es la representación estructurada, en forma de árbol, de los

elementos escritos en un documento HTML.

 ¿Unidad de medida que establece el tamaño de acuerdo al tamaño de la fuente actual?

La unidad "em" es una unidad de medida relativa en CSS que se basa en el tamaño de fuente
actual del elemento en el que se está utilizando.

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

II. Conocer las propiedades mas comunes de los selectores.

Describe las propiedades y valores listados en el cuadro, que pueden ser utilizadas por los
selectores.

Propiedades y valores de los selectores.

Etiquetas Descripción

font-style:italic; Esta propiedad controla el estilo de la fuente de un

elemento. "italic" indica que el texto se mostrará en
cursiva.

font-weight: bold; Esta propiedad controla el grosor o peso de la

fuente de un elemento. "bold" indica que el texto
se mostrará en negrita

vertical-aling: 50%; La propiedad vertical-align controla la alineación

vertical de un elemento en relación con su línea de
base. Sin embargo, el valor "50%" no es válido
aquí. Deberías especificar una unidad válida, como
"px" o "em", o un valor específico, como "top",
"middle" o "bottom".

background-image:textura.gif; Esta propiedad se utiliza para definir una imagen de

fondo para un elemento

border-botton-width: medium; Esta propiedad controla el ancho del borde inferior

de un elemento. "medium" es uno de los valores
predefinidos de ancho de borde en CSS. Puedes
usar otros valores como "thin", "thick" o unidades
específicas como "px" para definir el ancho del
borde.

display: none; La propiedad display controla cómo se muestra un

elemento en la página. "none" oculta
completamente el elemento, y no se renderiza en la

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

página.

III. Conocer las definiciones y propiedades nos permiten desarrollar hojas de estilo de forma
correcta.

Relaciona los conceptos con la descripción de la siguiente tabla ingresando el número

correspondiente a la respuesta correcta en los paréntesis. (Valor 40%)

Respuestas Definiciónes/Descripción
1.- !important
( 10 ) Medida que establece el tamaño en puntos

2.- font-size ( 5 ) Este posicionamiento permite acomodar los

elementos de una página según cambien las
dimensiones y orientación de la página.

3.- text-aling ( 7 ) Medida que establece el tamaño en píxeles.

4.- Lista de declaraciones ( 6 ) Es el modo de posicionamiento por defecto.

5.- flexbox ( 9 ) Se define con * y se aplica a todos los

elementos de la pagina.

6.- Estática ( 8) Para indicar las dimensiones de un elementos se

utilizan estas propiedades.

7.- px ( 2 ) Propiedad que indica el tamaño de la fuente.

8.- width, height ( 1 ) Si un atributo tiene esta palabra clave se le da

mayor prioridad.

9.- Selector universal ( 4 ) Son pares propiedad:valor, separados por punto

y coma (;).

10.- pt ( 3 ) Propieda que indica la alineación horizontal del

texto.

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

Escriba las referencias bibliográficas (formato APA).}

Recio García, J. A. (2016). HTML5, CSS3 y JQuery: curso práctico. Paracuellos de Jarama, Madrid,
RA-MA Editorial. Recuperado de https://elibro.net/es/ereader/utel/106494?page=101.