tarea 5 psicologia de desarrollo 1Descripción completa
jDescripción completa
completaDescripción completa
Creación Empresarial 2, Tarea 5, Universidad Galileo, Fissic IdeaDescripción completa
tarea5Full description
Nombre de la materia Desarrollo de Páginas web Nombre de la Licenciatura Ingeniero en Sistemas Computacionales Nombre del alumno xxx Matrícula xxx Nombre de la Tarea Imágenes digitales Unidad # 5 Nombre del Tutor Elvia Sánchez Magadan Fecha ! de "unio de !#$
Unidad #: 5 Desarrollo de páginas web
Tarea 5
En esta tarea discuto, las ventajas y desventajas de las tres formas de definir estilos en un documento HTML.
%res tipos de estilos La información 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
&a ho"a de estilo externa es ideal cuando el estilo 'uiere ser aplicada en varias ho"as( Con la ho"a de estilo externa) tu puedes cambiar completamente el *loo+ and ,eel- de toda una página 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 /0C 1%M&) sin comprometer el aspecto actual de la página( 2educe el tama3o de los archivos. 4l incluir el estilo de texto en un archivo separado) tu puedes reducir el tama3o de tus archivos( Menor tiempo de carga
es!entajas
Se tiene 'ue hacer una descarga extra para importar la in,ormacin CSS de cada documento( &a reproduccion de un documento puede retrasarse hasta 'ue se cargue por completo la ho"a de estilo externa( &a edicion) de un archivo puede convertirse en un problema dependiendo de la comple"idad de este mismo(
2
Unidad #: 5 Desarrollo de páginas web
•
Hoja de Estilo nterna
&a ho"a de estilo interna debe ser usado cuando un documento tiene un estilo unico( Puedes de6nir varias ho"as en la seccion de la cabecera de un archivo 1%M&) usando el tag 7st8le9 Ventajas
Problemas de cache. con la ho"a de estilo interna) es possible 'ue los estilos sean leidos por cual'uier browser a menos 'ue ha8an sido modi6cados para esconder ciertos estilos( :n estilo en la misma ho"a. :n estilo no es necesariamente el unico estilo( Si re'uieres tener todos tus parra,os para 'ue tengan *4rial- puedes agregar el tag 7p9 en un estilo interno del documento( ;o ha8 necesidad de descargas adicionales. ;o es necesario hacer descargas adicionales para recibir el estilo) asi 'ue el re'uest de 1%%P es menor(
es!entajas
Multiples documentos. Este metodo puede ser usado) si 'uieres usar muchas paginas( &as paginas cargan mas lento. Como el re'ueste de 1%%P es menor) pero usando ho"a de estilo interna la carga de documentos es mas lenta( 4rchivos mas pesados. Mientras se usa 1o"a de estilo interna) el tama3o de los archivos se incrementa) aun'ue a8uda a los desarrolladores a programar o
"
Unidad #: 5 Desarrollo de páginas web
Estilo en Línea
El estilo en linea pierde mucha de las venta"as 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 caul'uier propiedad de CSS(
Ventajas
Pruebas. Muchos dise3adores usan Estilo en l=nea cuando empiezan a traba"ar en pro8ectos nuevos) la razon de esto es por'ue es mas ,ácil regresar a la ,uente) en vez de cambiar la ,uente del archivo( 4demás de eso puede ser usado para e,ectos de debugging( &os problemas se arreglan rapido. 1a8 momentos en los 'ue solo 'uieres aplicar una solucin rápida en tu cdigo 1%M&) puedes mover la solucion a los archivos relevantes 8a sea cuando puedas o tengas el tiempo( Paginas web pe'ue3as. Sitios como blogs donde ha8 un n>mero limitado de páginas al usar Estilo en l=nea a8uda al usuario 8 al provedor del servicio(
es!entajas%
Sobreescritura. Por'ue ha8 muchos especi6cos en cascada) podrias sobreescribir elementos los cuales no tenias la razn de hacerlo( Pseudo elementos. Es imposible estilizar pseudo?elementos 8 clases en estilo en l=nea( Por e"emplo con estilo en linea puedes estilizar un enlace) por'ue para eso esta hecho el atributo de ad"unto(