1

Nombre de la materia
DESARROLLO DE PAGINAS WEB
Nombre de la Licenciatura
INGENIERIA EN SISTEMAS
COMPUTACIONALES
Nombre del alumno
RICARDO MARTINEZ MARTINEZ
Matrcula
000036216
Nombre de la Tarea
HOJAS DE ESTILO
Unidad # 5
MANEJO DE ESTILOS EN EL
DISEO DE PAGINAS WEB
Nombre del Tutor
DAVID ALEJANDRO PEREZ
FERRERO
Fecha
07/12/2016

Unidad #: 5
MANEJO DE ESTILOS EN EL DISEO DE PAGINAS WEB

Tu tarea consiste en desarrollar el ejercicio del Tema: Hojas de estilos, el cual enviars
utilizando el Formato de tareas.

Escribe las ventajas y desventajas que encuentras en la utilizacin de cada una de las
tres formas de definir estilos en un documento HTML.
Menciona un ejemplo de utilizacin de hojas de estilo.

Hoja de Estilo Externa

Ventajas
Control completo de la estrucutra de la pagina: CSS te permite desplegar tu
pagina web de acuerdo a los estandares de W3C HTML, sin comprometer el
aspecto actual de la pgina.
Reduce el tamao de los archivos: Al incluir el estilo de texto en un archivo
separado, tu puedes reducir el tamao de tus archivos.
Menor tiempo de carga
Desventajas

Se tiene que hacer una descarga extra para importar la informacin CSS de cada
documento.
La reproduccion de un documento puede retrasarse hasta que se cargue por
completo la hoja de estilo externa.
La edicion, de un archivo puede convertirse en un problema dependiendo de la
complejidad de este mismo.

Hoja de Estilo Interna

Ventajas

|11 111
2

Unidad #: 5
MANEJO DE ESTILOS EN EL DISEO DE PAGINAS WEB

Problemas de cache: con la hoja de estilo interna, es possible que los estilos
sean leidos por cualquier browser a menos que hayan sido modificados para
esconder ciertos estilos.
Un estilo en la misma hoja: Un estilo no es necesariamente el unico estilo. Si
requieres tener todos tus parrafos para que tengan Arial puedes agregar el
tag <p> en un estilo interno del documento.
No hay necesidad de descargas adicionales: No es necesario hacer
descargas adicionales para recibir el estilo, asi que el request de HTTP es
menor.
Desventajas

Multiples documentos: Este metodo puede ser usado, si quieres usar

muchas paginas.
Las paginas cargan mas lento: Como el requeste de HTTP es
menor, pero usando hoja de estilo interna la carga de documentos es
mas lenta.
Archivos mas pesados: Mientras se usa Hoja de estilo interna, el
tamao de los archivos se incrementa, aunque ayuda a los
desarrolladores a programar offline, online la carga es mas lenta.

Estilo en Lnea
Ventajas
Pruebas: Muchos diseadores usan Estilo en lnea cuando empiezan a
trabajar en proyectos nuevos, la razon de esto es porque es mas fcil
regresar a la fuente, en vez de cambiar la fuente del archivo. Adems de
eso puede ser usado para efectos de debugging.
Los problemas se arreglan rapido: Hay momentos en los que solo quieres
aplicar una solucin rpida en tu cdigo HTML, puedes mover la solucion
a los archivos relevantes ya sea cuando puedas o tengas el tiempo.
Paginas web pequeas: Sitios como blogs donde hay un nmero limitado
de pginas al usar Estilo en lnea ayuda al usuario y al provedor del
servicio.
Desventajas.
Sobreescritura: Porque hay muchos especificos en cascada, podrias
sobreescribir elementos los cuales no tenias la razn de hacerlo.
Pseudo elementos: Es imposible estilizar pseudo-elementos y clases en estilo en
lnea. Por ejemplo con estilo en linea puedes estilizar un enlace, porque para eso
esta hecho el atributo de adjunto.

|11 111
3