Nombre de la materia

Desarrollo de páginas web

Nombre de la Licenciatura
Ingeniería en sistemas Computacionales

Nombre del alumno

xxxxx
Matrícula
xxxxx

Nombre de la Tarea
Hojas de estilo

Unidad #
Unidad 3

Nombre del Profesor

xxxx
Fecha
23/05/20

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

"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%
 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 características 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 página web?

CSS: Hojas de estilo en cascada

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

Estructura de las hojas de estilo: define una o más reglas que se aplicaran a los elementos que
cumplen dicha regla y se componente por 2 partes:

 Selector
 lista de declaraciones

¿Permite aplicar un estilo único?

Selector de identificador, permite aplicar un estilo único al único elemento de la página que tiene un
determinado identificador.

¿Representan las posiciones o estados en los que se puede encontrar un elemento mientras se
visualiza en el navegador?

Pseudoclases

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

em: establece el tamaño de acuerdo al tamaño actual de la fuente actual ( o de la fuente heredad, si no se ha definido un tamaño de
fuente)

II. Conocer las propiedades más comunes de los selectores.

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

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

Propiedades y valores de los selectores.

Anote su descripción

Etiquetas Descripción
font-style:italic; Convierte el texto en cursiva. Las opciones son italic, oblique y
normal.
font-weight: bold; Indica el grosor o anchura de una fuente. El valor bold
corresponde al valor número 700.
vertical-aling: 50%; Determina la alineación vertical. El valor puede ser un porcentaje
o palabra clave como baseline, middle, sub, super, text-top, text-
bottom-top, bottom.
background-image:textura.gif; Determina la imagen que va a servir de fondo.
border-botton-width: medium; Determinan el ancho del borde de un elemento. Los valores para
el ancho son thin, medium y thick o una longitud.
display: none; Modo de mostrar la informacion en un bloque.Los valores son
block, inline, list-item y none.

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%)
 Unidad 3: Manejo de estilos en el diseñ o de pá ginas web
Desarrollo de pá ginas web

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 (px) 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 (4) Para indicar las dimensiones de unos 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 (8) Son pares propiedad:valor, separados por punto
y coma (;).
10.- pt (3) Propieda que indica la alineación horizontal del
texto.