Nombre de la materia

Desarrollo de Pginas web

Nombre de la Licenciatura
Ingeniero en Sistemas Computacionales
Nombre del alumno
xxx
Matrcula
xxx
Nombre de la Tarea
Imgenes digitales
Unidad #
5
Nombre del Tutor
Elvia Snchez Magadan
Fecha
20 de junio de 2016

Unidad #: 5
Desarrollo de pginas web

Tarea 5
En esta tarea discuto, las ventajas y desventajas de las tres formas de definir estilos en un
documento HTML.

Tres tipos de estilos

La informacin CSS se puede proporcionar por varias fuentes, ya sea adjunto como un documento
por separado o incorporado en el documento HTML, y dentro de estas posibilidades destacan tres
formas de dar estilo a un documento web:

Hoja de Estilo Externa

La hoja de estilo externa es ideal cuando el estilo quiere ser aplicada en varias hojas.
Con la hoja de estilo externa, tu puedes cambiar completamente el look and feel de
toda una pgina web al cambiar un solo archivo.
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.

Unidad #: 5
Desarrollo de pginas web

Hoja de Estilo Interna

La hoja de estilo interna debe ser usado cuando un documento tiene un estilo unico.
Puedes definir varias hojas en la seccion de la cabecera de un archivo HTML, usando el
tag <style>
Ventajas

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.

Unidad #: 5
Desarrollo de pginas web

Estilo en Lnea

El estilo en linea pierde mucha de las ventajas de CSS al mezclar contenido con
presentacion. Para usar estilo en linea debes usar el atributo de estilo en el tag
relevante. El estilo de un atributo puede contener caulquier propiedad de CSS.

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.