Dreamweaver CS6 pour PC/Mac Pour des sites full CSS conformes aux standards du W3C

Transcription

1 Introduction L'Internet aujourd'hui 7 Le World Wide Web Consortium et les standards 7 Les logiciels de conception de sites web 7 L'objectif du livre 8 Interface de conception L'environnement système 9 L'écran de démarrage 9 Les espaces de travail 11 Les panneaux 12 Les panneaux importants 19 Les barres d'outils 23 La barre d'état 24 L'environnement de création 26 Définir le site local et distant 1/13

2 Le site local et le site distant 29 Créer le nouveau site 30 Le contrôle de version 36 Les paramètres avancés 37 Gérer les sites créés 40 Choisir un site local 42 L'affichage des pages L'affichage des pages dans les navigateurs 43 Les modes d'affichage classiques 49 L'affichage en direct des pages statiques 52 L'affichage en direct des pages dynamiques 52 Les liens en affichage en direct 59 Inspecter la page 60 Les propriétés des boîtes 61 Afficher le site pour les différents écrans 62 2/13

3 Feuilles de style CSS Les standards du web 71 Comment utiliser les styles CSS 72 Créer des styles dans le document actif 73 Créer des styles dans un fichier CSS 79 Gérer la liaison d'une page HTML à un fichier de feuille de style 85 Externaliser des styles définis en interne 90 Appliquer les styles 91 Gérer les styles 95 Supprimer les styles appliqués 111 Les feuilles de style CSS de Dreamweaver 115 La notion de boîte 116 Créer une nouvelle page web Créer une nouvelle page web 119 Les paramètres par défaut des nouveaux documents 121 3/13

4 Enregistrer le nouveau document 122 Gérer les pages web créées 124 La mise en forme des pages avec les feuilles de style 125 Insérer du texte Les principes généraux 133 Utiliser des en-têtes 136 Utiliser les paragraphes 137 Utiliser les citations de paragraphe 138 Utiliser le texte pré-formaté 139 Utiliser les listes 140 Connaître l élément HTML utilisé 142 Les autres possibilités d'insertion de texte 142 Éditer le texte 143 Insérer une ligne de séparation 145 Mise en forme CSS des caractères 4/13

5 Les principes généraux 147 La mise en forme avec les styles classiques 147 La mise en forme avec les styles CSS 151 La catégorie Type 152 La catégorie Arrière-plan 156 La catégorie Bloc 157 La catégorie Boîte 158 La catégorie Bordure 160 Mise en forme CSS des textes La mise en forme CSS 161 La catégorie Type 162 La catégorie Arrière-plan 162 La catégorie Bloc 164 La catégorie Boîte 166 La catégorie Liste 171 5/13

6 La mise en forme de la barre horizontale 173 Insérer des tableaux La bonne utilisation des tableaux 175 Insérer un tableau 175 La structure du tableau 179 Afficher un tableau en mode développé 184 Trier un tableau 186 Mise en forme CSS des tableaux Le code HTML et CSS pour les tableaux 187 La mise en forme du tableau 187 La mise en forme de la légende 191 La mise en forme des cellules 194 Insérer des images Les formats d images 199 6/13

7 Le chemin d accès aux images 200 Insérer des images 201 Modifier les images insérées 206 Mise en forme HTML 208 Mise en forme CSS des images Les propriétés CSS utilisées 209 Le flottement 209 Les autres propriétés 210 Un exemple plus complet 211 Insérer des formulaires Utiliser des formulaires 213 L'affichage en direct des formulaires 213 Insérer le formulaire 214 Les objets de saisie 215 Le champ masqué 219 7/13

8 Les objets bouton radio et case à cocher 219 Le menu et la liste 226 Le champ de sélection de fichier 228 Les boutons de gestion du formulaire 229 Un exemple d'un formulaire 231 La validation des formulaires avec les widgets Spry 232 Le widget Spry Validation Spry de champ de texte 232 Le widget Spry Validation Spry de zone de texte 240 Le widget Spry Validation Spry de case à cocher 242 Le widget Spry Validation Spry de sélection 245 Le widget Spry Validation Spry de mot de passe 246 Le widget Spry Validation Spry de confirmation 248 Le widget Spry Validation Spry de groupe de boutons radio 249 Mise en forme CSS des formulaires Les feuilles de style 251 8/13

9 La mise en forme des champs de texte 252 La mise en forme du menu 255 La mise en forme des boutons 257 La mise en forme du formulaire 258 La mise en forme des widgets Spry 260 Utiliser le panneau Propriétés pour la mise en forme des messages d'erreur 261 Insérer des liens Les liens 265 Les liens dans une même page 265 Les liens vers une autre page du site 268 Créer des liens externes 271 Le menu de reroutage 272 La barre de menus Spry 275 Vérifier les liens dans une page 280 Vérifier tous les liens du site 282 9/13

10 Utiliser des images pour créer des liens 283 Mise en forme CSS des liens textuels Les styles dédiés aux liens 285 La création des styles dédiés 286 Le cache des navigateurs 289 La barre de menus Spry 289 Éléments multimédias Le multimédia sur le web 291 Insérer une vidéo Flash 291 Insérer une animation Flash 294 Les autres éléments multimédias 295 Composants d'interface Spry Les composants d'interface Spry 297 Le panneau réductible /13

11 L'accordéon 303 Le panneau à onglet 308 L'info-bulle 311 Les widgets Ajax 314 Mise en page avec les CSS Des feuilles de style pour la mise en page 323 Créer des styles pour les boîtes <div> 325 Afficher les propriétés des boîtes 331 Un premier exemple d'une mise en page en boîtes flottantes 332 Un deuxième exemple d'une mise en page en boîtes flottantes 336 Les éléments en position absolue 342 Les exemples de mise en page de Dreamweaver 351 Bibliothèque des actifs L'utilisation de la bibliothèque des actifs 355 Les actifs d'images /13

12 Les actifs de couleurs 356 Les actifs de liens externes 357 Les actifs des animations Flash (SWF) 357 Les actifs de scripts 358 Les actifs de bibliothèques 358 Les modèles de documents 363 Des pages aux standards du web Pourquoi utiliser les standards? 371 La référence du code HTML 371 Visualiser le code dans la page 373 Nettoyer le code source HTML 375 Valider le code en fonction des navigateurs 380 Convertir au format XHTML 383 Les nouveaux standards 383 Publication du site 12/13

13 Le site local et le site distant 401 Insérer des méta-informations 401 Gérer les fichiers locaux du site 403 Afficher des serveurs local et distant 405 La publication sur le serveur distant 406 Récupérer des fichiers du serveur 411 Synchroniser les fichiers 413 Générer un rapport sur le site /13