Table des matières
© Groupe Eyrolles, 2005
XV
Application à un menu graphique . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 183
ACCESSIBILITÉ Les raccourcis clavier, ou accesskey . . . . . . . . . . . . . . . . . . . . . . . 185
Application pratique . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 188
CHAPITRE 14
Créer un cadre arrondi .............................................................. 189
Principe et méthodologie . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 189
Cadre de largeur fixe . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 190
Variante : habillage d’un menu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 192
Variante : emploi des pseudo-éléments before et after . . . . . . . . . . . . . . . . . 193
VARIANTE La propriété -moz-border-radius . . . . . . . . . . . . . . . . . . . . . . . . . . 194
Cadre élastique dans les deux dimensions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 195
RESSOURCE Bilan sur les méthodes de coins arrondis . . . . . . . . . . . . . . . . . . . . 195
Application pratique . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 198
QUATRIÈME PARTIE
Mise en œuvre dans un projet professionnel ..........199
CHAPITRE 15
Méthodologie générale ............................................................ 201
Un site compatible avec tous les navigateurs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 201
Un travail en trois étapes et tester sous tous les navigateurs . . . . . . . . . . . . . 202
Méthodologie de correction de bogues . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 203
Isoler les bogues d’affichage . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 203
Appliquer une couleur d’arrière-plan . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 203
Masquer les éléments un par un . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 203
Supprimer toutes les marges par défaut . . . . . . . . . . . . . . . . . . . . . . . . . . . 204
Internet Explorer et le Haslayout . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 204
Les commentaires conditionnels . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 205
Présentation du projet professionnel . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 207
CHAPITRE 16
En-tête du document................................................................. 209
Découpe et préparation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 209
Un astucieux décor . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 209
Contenu de l’en-tête . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 210
Réalisation pratique . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 210
Structure du document . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 210
© Groupe Eyrolles, 2005
XV
Application à un menu graphique . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 183
ACCESSIBILITÉ Les raccourcis clavier, ou accesskey . . . . . . . . . . . . . . . . . . . . . . . 185
Application pratique . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 188
CHAPITRE 14
Créer un cadre arrondi .............................................................. 189
Principe et méthodologie . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 189
Cadre de largeur fixe . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 190
Variante : habillage d’un menu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 192
Variante : emploi des pseudo-éléments before et after . . . . . . . . . . . . . . . . . 193
VARIANTE La propriété -moz-border-radius . . . . . . . . . . . . . . . . . . . . . . . . . . 194
Cadre élastique dans les deux dimensions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 195
RESSOURCE Bilan sur les méthodes de coins arrondis . . . . . . . . . . . . . . . . . . . . 195
Application pratique . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 198
QUATRIÈME PARTIE
Mise en œuvre dans un projet professionnel ..........199
CHAPITRE 15
Méthodologie générale ............................................................ 201
Un site compatible avec tous les navigateurs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 201
Un travail en trois étapes et tester sous tous les navigateurs . . . . . . . . . . . . . 202
Méthodologie de correction de bogues . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 203
Isoler les bogues d’affichage . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 203
Appliquer une couleur d’arrière-plan . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 203
Masquer les éléments un par un . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 203
Supprimer toutes les marges par défaut . . . . . . . . . . . . . . . . . . . . . . . . . . . 204
Internet Explorer et le Haslayout . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 204
Les commentaires conditionnels . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 205
Présentation du projet professionnel . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 207
CHAPITRE 16
En-tête du document................................................................. 209
Découpe et préparation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 209
Un astucieux décor . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 209
Contenu de l’en-tête . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 210
Réalisation pratique . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 210
Structure du document . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 210