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 l’importance de la séparation du contenu et de la présentation • Savoir lire, utiliser et définir des feuilles de style en cascade Lectures: • Web Technologies (2007) § 3 Les feuilles de style en cascade Friday, January 29, 2010 Plan 1.Séparation contenu/présentation 2. Concepts de base des de styles 3. Présentation détaillée des feuilles de style en cascade 1. Grammaire ( sélecteurs ) 2. Cascade et héritage 3. Propriétés 4. Modèle des boîtes et rendu visuel Friday, January 29, 2010 Séparation du contenu et de la présentation • Dualité sémantique / présentation : • <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 sémantiques ou de présentation (ou les deux) Friday, January 29, 2010 Séparation du contenu et de la présentation 1. Faciliter le développement et l’entretien de sites Web 2. Favoriser la cohérence d’un ensemble de pages Web 3. Rendre la structure , la logique , et ulti-mement la sémantique du document évidentes, explicites • CSS réalise 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 (paramétrisation) des propriétés liées à la présentation d’une page, et même d’un 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 présentation Web. Pages Web, leur structure et leur interprétation. HTML, XML et leurs dérivés. Interfaces Web vers les logiciels et bases de données. Témoins et droit à la vie privé. Web sémantique et ontologies. Services Web. < strong >(3,1.5,1.5) 3 cr</ strong >. </ p > </ body > </ html > L’attribut rel (relation) spécifie 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 Différents styles pour...
View Full Document

This note was uploaded on 06/07/2010 for the course CSI ITI1520 taught by Professor Marcelturcotte during the Spring '10 term at University of Ottawa.

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