Nombre de la materia

Desarrollo de páginas web

Nombre de la Licenciatura
Ingeniería en sistemas Computacionales

Nombre del alumno

XXX
Matrícula
XXX

Nombre de la Tarea
Hojas de estilo

Unidad #
Unidad 3

Nombre del Profesor

XXXXXX
Fecha
XXX

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

Desarrollo de Actividad 90%

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

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?

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

● ¿Permite aplicar un estilo único?

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

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

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.

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

Etiquetas Descripción
font-style:italic;
font-weight: bold;
vertical-aling: 50%;
background-image:textura.gif;
border-botton-width: medium;
display: none;

Anote su descripción

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
( ) Medida que establece el tamaño en puntos
2.- font-size ( ) 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 ( ) Medida que establece el tamaño en píxeles.
 Unidad 3: Manejo de estilos en el diseñ o de pá ginas web
Desarrollo de pá ginas web

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

5.- flexbox ( ) Se define con * y se aplica a todos los
elementos de la pagina.
6.- Estática ( ) Para indicar las dimensiones de un elementos se
utilizan estas propiedades.
7.- px ( ) Propiedad que indica el tamaño de la fuente.
8.- width, height ( ) Si un atributo tiene esta palabra clave se le da
mayor prioridad.
9.- Selector universal ( ) Son pares propiedad:valor, separados por punto
y coma (;).
10.- pt ( ) Propieda que indica la alineación horizontal del
texto.

Escriba las referencias bibliográficas (formato APA).