Você está na página 1de 8

Nombre de la materia

Desarrollo de páginas web

Nombre de la Licenciatura
XXXX

Nombre del alumno


XXXX

Matrícula

Nombre de la Tarea

Unidad #
Unidad 5. Manejo de estilos en el diseño de
páginas web

Nombre del Profesor

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

ACTIVIDAD 5

“¿Sabías que…

Las Hojas de estilo dan un rango de posibilidades para mejorar la apariencia de las páginas
web, brindando un mayor control sobre el esquema y diseño del acabado de una página Web
lo cual contribuye a que el usuario se sienta más comodo al visualizarla“

Objetivos:

 Definir hojas de estilos para modificar el aspecto de textos, párrafos, espaciado,


columnas, sangrías, títulos y tipografía
 Conocer las ventajas del uso de hojas de estilos

Instrucciones:

Revisa los siguientes materiales pertenecientes a los recursos de la semana 5:

Lectura

 CSS, hojas de estilo (Beltrán, B., s.f.). Describe el concepto y función de las hojas
de estilos, así como la compatibilidad que tienen estos elementos con los
navegadores web.

Video

 Tutorial CSS y HTML - Poner estilo CSS al código HTML (zadyOne, 2012).
Ejemplifica los métodos para utilizar hojas de estilos a un documento HTML.

Deberás descargar la actividad en Word y responder directamente en el documento.


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

Forma de evaluación:

Criterio Ponderación Calificación obtenida

Presentación 10%

Desarrollo de ejercicios 90%

Ejercicio I 15%
Ejercicio II 25%
Ejercicio III 25%
Ejercicio IV 25%

Desarrollo de la actividad:

I. Las hojas de estilo tienen como objetivo facilitar el trabajo de los diseñadores de
páginas web, por lo que el siguiente ejercicio tiene como objetivo mostrar la
importancia de su uso.

Responde si es Falso o Verdadero considerando las características de las hojas


de estilo de la lectura indicada. (Valor 15%)

Afirmaciones Falso o verdadero

Las hojas de estilo permiten definir la forma de todo el web de una


sola vez

No podemos definir varios estilos diferentes a una sola etiqueta.

Para definir la forma de un documento HTML puede ser en un


pequeño trozo de código en la cabecera

Las hojas de estilos permiten la definición de atributos en más


unidades que lenguaje HTML

II. Ahora es tiempo de revisar las distintas formas en que podemos definir los estilos
a las páginas web; lo cual nos permitirá tomar la decisión que opción utilizar en los
casos que se nos plantee.
Unidad 5: Manejo de estilos en el diseño de páginas web
Desarrollo de páginas web

Completa el siguiente cuadro indicando el ejemplo siguiendo las instrucciones


indicadas (Valor 25%).

Descripción Instrucción Ejemplo


Definir un estilo se utilizan
Indica la
atributos seguidos de dos puntos y
definición de 3
el valor que le deseemos asignar.
atributos
Podemos definir un estilo con base
en definir muchos atributos
separados por punto y coma.

Indica la
La definición de un estilo de una
definición del
etiqueta se escribe la etiqueta
estilo P con el
seguida de la lista de atributos
texto de color rojo
encerrados entre llaves.
y tamaño 10pt

Definir un atributo
Los valores que se pueden asignar
utilizando la
a los atributos son unidades de
medida de
medida
porcentaje y pixel

Definir el estilo de
Atributo que permite indicar el color
P donde hagas
de texto
uso del atributo
descrito
Definir el estilo de
Atributo que permite indicar el
H1 donde hagas
tamaño de la fuente
uso del atributo
descrito

Definir el estilo de
Las sintaxis de estilos definidos a
Estilo1 usando
través de clases son por un punto
una clase donde
seguido del nombre de la clase y
indiques dos
entre llaves los atributos de estilos
atributos
deseados

Define estilo a la
Para utilizar el estilo de clase
etiqueta P
definido se utiliza el atributo class
haciendo uso del
Unidad 5: Manejo de estilos en el diseño de páginas web
Desarrollo de páginas web

poniendo como valor el nombre de Estilo1 definido en


la clase el punto anterior
Unidad 5: Manejo de estilos en el diseño de páginas web
Desarrollo de páginas web

III. La utilización de las hojas de estilo permite concebir estilos múltiples, para lo cual
se debe tener en cuenta las prioridades inherentes a estos, utilizando puntualmente
las definiciones que necesite.

Relaciona las siguientes columnas colocando en el paréntesis el número


correspondiente (Valor 25%).

USO DE ESTILO DESCRIPCIÓN

1.- Definición para todo un sitio ( ) Se utiliza la etiqueta <SPAN>, con


web su atributo style se indica en la
sintaxis CSS las características de
estilos.

2.- Definición para pequeñas ( ) Se puede definir en la cabecera del


partes de la página documento, estilos para que sean
aplicados a toda la página. Se utiliza
la etiqueta <STYLE> colocada en la
cabecera de la página para definir los
distintos estilos del documento.

3.- Definición para toda una ( ) Se utiliza el atributo style que es


página admitido por todas las etiquetas del
HTML

4.- Definición para una etiqueta ( ) Se crea un archivo donde se colocan


las declaraciones de estilos de la
página y enlazando todas las páginas
del sitio con ese archivo.

IV. Han identificado el uso de los estilos a una página web concreta así como para todo
un sitio web. Por lo que ahora toda el tiempo de revisar como se lleva acabo la
aplicación de la declaración de estilos .
Unidad 5: Manejo de estilos en el diseño de páginas web
Desarrollo de páginas web

Relaciona las siguientes columnas colocando en el paréntesis el número


correspondiente (Valor 25%).

ESTILO APLICACIÓN

1. Su definición es realizada para ( )


todo un sitio web a través de un
archivo externo

2. Permite la definición de estilos ( )


para un sitio web a través de un
archivo externo, pero si se
redefine dentro del código HTML
se aplicarán serán los que
hayamos redefinido.

3. Estilo aplicado en secciones ( )


reducidas de una página

4. La definición es realizada en la ( )
cabecera del documento, los
estilos podrán ser aplicados a
toda la página
Unidad 5: Manejo de estilos en el diseño de páginas web
Desarrollo de páginas web

5. Aplica un estilo determinado a ( )


una etiqueta

Escriba las referencias bibliográficas (formato APA).

Você também pode gostar