Nombre de la materia

Desarrollo de páginas web

Nombre de la Licenciatura
Ingeniería en sistemas Computacionales

Nombre del alumno

Luis Eduardo Rodriguez Pulgarin

Matrícula
200504266

Nombre de la Tarea
Hojas de estilo

Unidad #
Unidad 3

Nombre del Profesor

Miguel Angel Saldaño Cabeza

Fecha
24-04-23
 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

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

Presentación 10%

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?

Los archivos CSS son los encargados de definir la apariencia de un archivo HTML, gracias al csspodemos cambiar la
apariencia de elementos como colores, fondo, fuentes, también podemosadaptar los sitios a varios tipos de
pantalla, lo que llamamos responsive web, etc.

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

Podemos aplicar el css realmente a casi todos los elementos existentes en HTML y gracias a los selectores que nos
ofrece css es posible seleccionar clases y demás elementos.

● ¿Permite aplicar un estilo único?

Es posible aplicar estilos a únicos a etiquetas en concreto.

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

mientras se visualiza en el navegador?

Las pseudoclases se utilizan para referirse al comportamiento de ciertos elementos HTML. Asícomo los
combinadores de CSS se utilizan para diseñar elementos en función de su posición en laestructura HTML, las
pseudoclases se utilizan para diseñar elementos en función de sucomportamiento en un momento dado

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

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

De forma tradicional se ha utilizado los pixeles (px) como la unidad de medida para el tamaño de
las fuentes. Es un hecho que los navegadores web suelen tener como valor por defecto para la
fuente de un documento en 16px.

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; Cambia el estilo de la fuente y las opciones

son italic, oblique y normal.

font-weight: bold; ambia el grosor o anchura de una fuente. Los

valores son: normal, bold, bolder, lighter o las
centenas comprendidas entre 100 y 900.

vertical-aling: 50%; indica la alineación vertical. El valor puede ser

un porcentaje o una propiedad como:
baseline, middle, sub, super, text-top, text-
bottom, top, bottom.

background-image:textura.gif; etermina el fondo de alguna parte del html, en

este caso un gif, pero también puede ser
archivos con extensión jpg, png, etc.

border-botton-width: medium; Determinan el ancho del borde de un

elemento. Laspropiedades para el ancho son
thin, medium y thicko una longitud por
ejemplo px.
 Unidad 3: Manejo de estilos en el diseñ o de pá ginas web
Desarrollo de pá ginas web

display: none; Determina la visibilidad del elemento, pero no

afecta a como el navegador representa la caja

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

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.

Escriba las referencias bibliográficas (formato APA).

Pseudoclases CSS - CSS en español. (s. f.). Lenguaje CSS. Recuperado 19 de septiembre
de 2022, de https://lenguajecss.com/css/selectores/pseudoclases/

Aguilera, F. (2015, 29 abril). Unidades de medida en CSS (Px, Porcentajes, Em y Rem).

franciscoamk. Recuperado 19 de septiembre de 2022, de
http://franciscoamk.com/unidades-de-medida-en-css/

Padial, J. (2015, 8 mayo). display: none vs visibility: hidden Y tu, ¿cómo escondes las
cosas? CybMeta. Recuperado 19 de septiembre de 2022, de
https://cybmeta.com/display-none-vs-visibility-hidden-y-tu-como-escondes-las-cosas

CSS, ¿qué es? - Arume. (s. f.). Recuperado 19 de septiembre de 2022, de

http://www.arumeinformatica.es/blog/css/#:%7E:text=El%20CSS%20(hojas%20de
%20estilo,tipos%20de%20letra%2C%20.

uniwebsidad. (s. f.). 2.1. Selectores básicos (Introducción a CSS). Recuperado 19 de septiembre
de 2022, de https://uniwebsidad.com/libros/css/capitulo-2/selectores-basicos
 Unidad 3: Manejo de estilos en el diseñ o de pá ginas web
Desarrollo de pá ginas web

Unidad 3: Manejo de estilos en

el diseño de páginas web
Desarrollo de páginas web
P