06_CSS - CSI 3540 Structures, techniques et normes du Web...

Info iconThis preview shows pages 1–15. Sign up to view the full content.

View Full Document Right Arrow Icon

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
This is the end of the preview. Sign up to access the rest of the document.

Unformatted text preview: CSI 3540 Structures, techniques et normes du Web Friday, January 29, 2010 Objectif: Comprendre limportance de la sparation du contenu et de la prsentation Savoir lire, utiliser et dnir des feuilles de style en cascade Lectures: Web Technologies (2007) 3 Les feuilles de style en cascade Friday, January 29, 2010 Plan 1.Sparation contenu/prsentation 2. Concepts de base des de styles 3. Prsentation dtaille des feuilles de style en cascade 1. Grammaire ( slecteurs ) 2. Cascade et hritage 3. Proprits 4. Modle des botes et rendu visuel Friday, January 29, 2010 Sparation du contenu et de la prsentation Dualit smantique / prsentation : <em>subtile </em> vs <i>subtile </i> <strong> nuanc </strong> vs <b> nuanc </b> <ul><li>XML</li><li>XHTML<li></ul> En somme, les balises peuvent servir attacher des informations smantiques ou de prsentation (ou les deux) Friday, January 29, 2010 Sparation du contenu et de la prsentation 1. Faciliter le dveloppement et lentretien de sites Web 2. Favoriser la cohrence dun ensemble de pages Web 3. Rendre la structure , la logique , et ulti-mement la smantique du document videntes, explicites CSS ralise les deux premiers objectifs Friday, January 29, 2010 Feuilles de style En bref, les feuilles de style sont en quelque sorte une mise en facteurs (paramtrisation) des proprits lies la prsentation dune page, et mme dun ensemble de pages Friday, January 29, 2010 Deux exemples Friday, January 29, 2010 Friday, January 29, 2010 Friday, January 29, 2010 <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd " > < html xmlns = "http://www.w3.org/1999/xhtml " lang = fr-CA > < head > < title >Structures, techniques et normes du Web (CSI 3540)</ title > < meta http-equiv = "Content-Type" content = "text/html;charset=ISO-8859-1" /> < link rel = "stylesheet" type = "text/css" href = "sobre.css" title = "Default" /> < link rel = "alternate stylesheet" type = "text/css" href = "contraste.css" title = "Alternate" /> </ head > < body > < h1 >CSI 3540. Structures, techniques et normes du Web</ h1 > < p > Infrastructure de base du Web. Serveurs et navigateurs. Exemples de protocoles. Internet et virus. Architecture de moteur de recherche. Contenu et prsentation Web. Pages Web, leur structure et leur interprtation. HTML, XML et leurs drivs. Interfaces Web vers les logiciels et bases de donnes. Tmoins et droit la vie priv. Web smantique et ontologies. Services Web. < strong >(3,1.5,1.5) 3 cr</ strong >. </ p > </ body > </ html > Lattribut rel (relation) spcifie le type de lien Friday, January 29, 2010 Friday, January 29, 2010 Friday, January 29, 2010 h1 { font-size :large } p { font-size :small; font-style :italic } Friday, January 29, 2010 body { background-color :black } h1 { font-size :x-large; color :yellow } p { font-size :large; color : white } Friday, January 29, 2010 Diffrents styles pour...
View Full Document

Page1 / 136

06_CSS - CSI 3540 Structures, techniques et normes du Web...

This preview shows document pages 1 - 15. Sign up to view the full document.

View Full Document Right Arrow Icon
Ask a homework question - tutors are online