Actividad 5 - Desarrollo de Paginas Web
Actividad 5 - Desarrollo de Paginas Web
Nombre de la Licenciatura
XXXX
Matrícula
Nombre de la Tarea
Unidad #
Unidad 5. Manejo de estilos en el diseño de
páginas web
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:
Instrucciones:
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.
Forma de evaluación:
Presentación 10%
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.
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
Indica la definición
La definición de un estilo de una
del estilo P con el
etiqueta se escribe la etiqueta
texto de color rojo
seguida de la lista de atributos
y tamaño 10pt
encerrados entre llaves.
Definir un atributo
Los valores que se pueden asignar a
utilizando la
los atributos son unidades de
medida de
medida
porcentaje y pixel
Definir el estilo de
Atributo que permite indicar el color
P donde hagas uso
de texto
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 una
través de clases son por un punto
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
poniendo como valor el nombre de
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.
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
ESTILO APLICACIÓN
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