Annoté.et.corné,.mon.exemplaire.de.la.première.édition.de.ce.livre.trône.toujours.fièrement.
sur.mon.étagère..Je.l’ai.souvent.consulté.au.cours.des.trois.années.qui.ont.suivi.sa.publication..Bien.des.choses.ont.changé.dans.ce.domaine,.depuis.le.temps,.notamment.avec.la.
sortie.d’Internet.Explorer 7.(et.plus.tard,.d’Internet.Explorer 8),.qui.ouvre.le.champ.à.de.
nouvelles.fonctionnalités.CSS 2.et.CSS 3.maintenant.prises.en.charge.par.les.navigateurs.les.
plus.importants..Nous.aborderons.quelques.exemples.de.ces.fonctionnalités.dans.la.présente.
étude.de.cas..
Beaucoup.de.choses.sont.aussi.restées.inchangées..Le.balisage.est.identique.à.lui-même..
Les.standards.sont.toujours.des.standards..Et.il.est.plus.que.jamais.important.de.disposer.
d’individus.talentueux.comme.vous.l’êtes.pour.produire.des.sites.attrayants.et.passionnants.
en.HTML,.CSS.et.JavaScript..
Il.est.probable.que.vous,.lecteur,.soyez.plus.savant.et.expérimenté.que.vous.ne.l’étiez.à.la.
première.publication.de.ce.livre..J’espère.donc.que.l’étude.de.cas.que.j’ai.élaborée.vous.
donnera.plus.de.sensations.encore.que.la.précédente..Dans.cet.exemple,.vous.en.apprendrez.
plus.sur :
•. la.mise.en.page.et.la.grille.à.1 080 pixels ;
•. les.fonctionnalités.CSS 2.et.CSS 3.avancées ;
•. la.liaison.des.polices.et.la.typographie.web.améliorée ;
•. l’interactivité.avec.Ajax.et.jQuery.
Pour. observer. l’étude. de. cas. en. ligne :. roma.cssmastery.com.. Les. fichiers. sources. sont.
également.disponibles.sur.le.site.www.pearson.fr.
À propos de cette étude de cas
Roma.Italia.est.un.site.web.fictif.créé.spécialement.pour.cette.étude.de.cas.(la.Figure 10.1.
présente. la. page. d’accueil).. Les. techniques. CSS. qui. y. sont. employées. sont. en. revanche.
tout. sauf. artificielles.. Chaque. technique. a. été. soigneusement. sélectionnée. dans. le. but. de.
proposer.un.choix.robuste.de.méthodes.CSS.avancées,.dont.un.grand.nombre.peuvent.être.
appliquées. dans. des. environnements. de. production.. D’autres. techniques. expérimentales,.
qui.ne.sont.pas.encore.uniformément.prises.en.charge.dans.les.navigateurs.courants,.sont.
proposées.afin.d’illustrer.les.possibilités.du.futur..
Le.site.de.cette.étude.de.cas,.qui.se.présente.comme.un.guide.pour.la.ville.de.Rome,.est.
constitué.de.deux.pages :.la.page.d’accueil.et.la.page.de.vidéo..Certains.liens.dans.la.page.
d’accueil.conduisent.à.de.véritables.ressources.tandis.que.d’autres.sont.des.liens.morts.uniquement.utilisés.pour.la.démonstration..Toutes.les.photographies,.les.vidéos.et.le.contenu.
Étude de cas : Roma Italia
10
sur.mon.étagère..Je.l’ai.souvent.consulté.au.cours.des.trois.années.qui.ont.suivi.sa.publication..Bien.des.choses.ont.changé.dans.ce.domaine,.depuis.le.temps,.notamment.avec.la.
sortie.d’Internet.Explorer 7.(et.plus.tard,.d’Internet.Explorer 8),.qui.ouvre.le.champ.à.de.
nouvelles.fonctionnalités.CSS 2.et.CSS 3.maintenant.prises.en.charge.par.les.navigateurs.les.
plus.importants..Nous.aborderons.quelques.exemples.de.ces.fonctionnalités.dans.la.présente.
étude.de.cas..
Beaucoup.de.choses.sont.aussi.restées.inchangées..Le.balisage.est.identique.à.lui-même..
Les.standards.sont.toujours.des.standards..Et.il.est.plus.que.jamais.important.de.disposer.
d’individus.talentueux.comme.vous.l’êtes.pour.produire.des.sites.attrayants.et.passionnants.
en.HTML,.CSS.et.JavaScript..
Il.est.probable.que.vous,.lecteur,.soyez.plus.savant.et.expérimenté.que.vous.ne.l’étiez.à.la.
première.publication.de.ce.livre..J’espère.donc.que.l’étude.de.cas.que.j’ai.élaborée.vous.
donnera.plus.de.sensations.encore.que.la.précédente..Dans.cet.exemple,.vous.en.apprendrez.
plus.sur :
•. la.mise.en.page.et.la.grille.à.1 080 pixels ;
•. les.fonctionnalités.CSS 2.et.CSS 3.avancées ;
•. la.liaison.des.polices.et.la.typographie.web.améliorée ;
•. l’interactivité.avec.Ajax.et.jQuery.
Pour. observer. l’étude. de. cas. en. ligne :. roma.cssmastery.com.. Les. fichiers. sources. sont.
également.disponibles.sur.le.site.www.pearson.fr.
À propos de cette étude de cas
Roma.Italia.est.un.site.web.fictif.créé.spécialement.pour.cette.étude.de.cas.(la.Figure 10.1.
présente. la. page. d’accueil).. Les. techniques. CSS. qui. y. sont. employées. sont. en. revanche.
tout. sauf. artificielles.. Chaque. technique. a. été. soigneusement. sélectionnée. dans. le. but. de.
proposer.un.choix.robuste.de.méthodes.CSS.avancées,.dont.un.grand.nombre.peuvent.être.
appliquées. dans. des. environnements. de. production.. D’autres. techniques. expérimentales,.
qui.ne.sont.pas.encore.uniformément.prises.en.charge.dans.les.navigateurs.courants,.sont.
proposées.afin.d’illustrer.les.possibilités.du.futur..
Le.site.de.cette.étude.de.cas,.qui.se.présente.comme.un.guide.pour.la.ville.de.Rome,.est.
constitué.de.deux.pages :.la.page.d’accueil.et.la.page.de.vidéo..Certains.liens.dans.la.page.
d’accueil.conduisent.à.de.véritables.ressources.tandis.que.d’autres.sont.des.liens.morts.uniquement.utilisés.pour.la.démonstration..Toutes.les.photographies,.les.vidéos.et.le.contenu.
Étude de cas : Roma Italia
10