1. Fulls D'estils

2. Introducci Que son els fulls d'estils? Utilitzaci. Variacions. -CSS 1. -CSS 2. -CSS 3. Estils CSS. -Estils d'autor. -Estils d'usuari. 3. Introducci Estils i fulls d'estils. -Estils interns. -Fulls d'estils interns. -Fulls d'estils externs. Beneficis dels CSS 4. Que son els fulls d'estils? CSS ve de l'angls "Cascade Style Sheets" i tradut seria " fulls d'estil en cascada". CSS s un llenguatge creat per controlar l'aspecte o presentaci dels documents electrnics definits amb HTML i XHTML. CSS s la millor forma de separar els continguts i la seva presentaci i s imprescindible per crear pgines web complexes. 5. Usos Abans, s'havien de descriure explcitament, sovint repetidament tots els colors de font, estils de fons, alineacions d'element, vores i mides s'havien de descriure explcitament, sovint repetidament, dins del HTML. CSS permet als autors moure molta d'aquella informaci a un full d'estil separat que fa el marcatge de HTML considerablement ms simple. 6. Usos XSL es una familia de recomanacions per a la definici de transformaci de documents XML. 7. Variacions. CSS 1. Propietats de font com tipografia. Color de text, fons, i altres elements. Atributs de text com espaiat entre paraules, lletres, i lnies de text. Alineaci de text, imatges, taules i uns altres elements. Marge, vora, padding, i posici per a la majoria dels elements. Identificaci nica i classificaci genrica de grups d'atributs. 8. Variacions. CSS 2. CSS Nivell 2 era desenvolupat pel W3C i es publicava com a Recomanaci el maig de 1998. Essent un superconjunt de CSS1, CSS2 inclou un cert nombre de capacitats noves com posicionament absolut, relatiu, i fix d'elements i index, el concepte de tipus de mitjans multimdia, suport per a fulls d'estil auditius i text bidireccional, i propietats de font noves com ombres. 9. Variacions. CSS 3. El nivell de CSS 3 s actualment en desenvolupament, des de 15 de desembre de 2005. El W3C mant un de progrs de CSS3. CSS3 s modular, i consta d'unes quantes recomanacions separades. El Roadmap de W3C CSS3 proporciona un resum i introducci. 10. Estils CSS Estils d'autor: Estils dins del document HTML, informaci d'estil d'un nic element, especificat utilitzant l'atribut "style" Estils encastats, blocs d'informaci CSS dins del mateix document HTML Fulls d'estil extern, i.e., un arxiu CSS separat al que es fa referncia des del document Estil d'usuari: Un arxiu CSS local que l'usuari especifica amb una opci de navegador, que actua com un invalidador aplicat a tots els documents. Estil d'agent d'usuari Estils per defecte aplicats per l'agent usuari, i.e., les opcions per defecte del navegador per a la presentaci d'elements. 11. Els tres tipus d'estils 1. Un full d'estil extern, s un full d'estil que est emmagatzemat en un arxiu diferent a l'arxiu on s'emmagatzema el codi HTML, separa completament les regles de format per la pgina HTML de l'estructura bsica de la pgina. 2. Un full d'estil intern, s un full d'estil que est incrustat dins d'un document HTML. (Va a la dreta de l'element ). D'aquesta manera s'obt el benefici de separar l'informaci de l'estil, del codi HTML. L'nica vegada que s'utilitza un full d'estil intern, s quan es vol proporcionar alguna caracterstica a una pgina web en un fitxer 12. Els tres tipus d'estils 3. Un estil en lnea,s un mtode per insertar el llenguatge d'estil de pgina directament, dins d'una etiqueta HTML. Inserir la descripci del format dins del document de la pgina web a nivell de codi es converteix en una feina llarga, costosa i poc elegant per resoldre el problema de la programaci de la pgina. Aquest mode de treball es podria usar de manera ocasional si es pretn aplicar un format amb pressa, rpidament. No s tot senzill o estructurat com deuria ser, per funciona. Aquest s el mtode recomanat per maquetar correus electrnics en HTML. 13. Beneficis -1. CSS t una poderosa capacitat de disseny. CSS1 permet produir els mateixos efectes que produeixen l'utilitzaci de taules i d'imatges buides (imatges transparents) d'una manera ms fcil i simple, amb un millor control i flexibilitat en rees com l'espaiat de lnies i la justificaci. CSS afegeix control tipogrfic millorat, incloent fonts descarregables dinmicament. 14. Beneficis -2. CSS fa que la xarxa sigui ms rpida. CSS permet als autors expressar els mateixos estils rics, per sn compactes i basats en text. Les pgines que utilitzen CSS2 han evidenciat el fet de ser significantment ms petites i poder ser carregades molt ms rpidament que les pgines homlogues basades en la imatge. 15. Beneficis -3. CSS2 permet la publicaci a travs dels diferents mitjans de comunicaci CSS proporciona solucions per a publicacions a travs dels diferents mitjans de comunicaci i una reposici amb grcia de la informaci. 16. Beneficis 4.- CSS2 proporciona accessibilitat incorporada La migraci cap a CSS elimina el desordre en les presentacions dels documents, incrementant automticament l'accessibilitat sense comprometre el disseny visual, i elimina la necessitat de les pgines de noms text difcils de mantenir. Un efecte secundari de la utilitzaci de les taules pel disseny d'una pgina i les imatges de text per a la tipografia, ha estat una reducci de l'accessibilitat de pgines Web per a gent que no t activada la descrrega automtica d'imatges i per a usuaris discapacitats visuals que naveguen amb lectors de pantalla. 17. Beneficis -4. CSS2 proporciona accessibilitat incorporada. CSS introdueix un control perfeccionat per part dels usuaris sobre el disseny (distribuci), prioritats en cascada, suport per a variats tipus de mitjans i fulls d'estil auditius en cascada per a controlar la inflecci de la veu. Judy Brewer, Directora de la Web Accessibility Initiative International Program Office del W3C. 18. Beneficis -5. CSS2 ofereix ajut a la internacionalitzaci Hi ha una necessitat creixent de presentaci efectiva de pgines Web en altres idiomes fora de l'angls, de presentaci de documents en mltiples idiomes. Qestions tals com escriure adreces, tipus de lletres, convenis de cometes que difereixen d'un idioma a un altre. CSS2 fa uns significatius passos endavant cap a poder visualitzar b els documents multilinges. 19. Beneficis -6. CSS2 treballa b amb l'XML. Fins ara, CSS1 s'ha aplicat als documents HTML, encara que han estat utilitzats tamb amb contingut escrit en XML. CSS2 afegeix caracterstiques (prestacions, avantatges) especficament adreades a exposar documents XML ja que aquests no tenen cap semntica incorporada o prestacions per a la presentaci; els fulls d'estil sn, aix, escencials pel desplegament del contingut XML. 20. Opinio personal. Aquest power no mha agradat molt ja que trobar informacio era bastant dificil perque hi ha moltes coses i mha costat de resumir mes o menys aquest tema. Per lo demes ha estat prou be. 21. Webiografia http://www.google.cat/imgres?imgurl=http://ccd.uab.es/r