Dreamweaver CC 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 Le Creative Cloud d Adobe 9 Interface de conception L'environnement système 17 La synchronisation des paramètres 17 L'écran de démarrage 19 Les espaces de travail 21 Les panneaux 21 Les panneaux importants 28 Les barres d'outils 32 La barre d'état 33 1/13

2 L'environnement de création 34 Définir le site local et distant Le site local et le site distant 37 Créer le nouveau site 38 Le contrôle de version 44 Les paramètres avancés 45 Gérer les sites créés 48 Choisir un site local 50 L'affichage des pages L'affichage des pages dans les navigateurs 51 Les modes d'affichage classiques 53 L'affichage en direct des pages statiques 55 L'affichage en direct des pages dynamiques 55 Les liens en affichage en direct 61 Inspecter la page 62 2/13

3 Les propriétés des boîtes 63 Créer une nouvelle page L objectif 65 Créer une nouvelle page 65 Les paramètres par défaut des nouveaux documents 68 Enregistrer le nouveau document 69 Gérer les pages web créées 70 Feuilles de style CSS Les standards du web 73 Comment utiliser les styles CSS 74 Le panneau CSS Designer 79 Gérer des styles dans le document 81 Créer des styles dans un fichier CSS 86 Lier un fichier CSS à une page HTML 90 Gérer les sources de styles 92 3/13

4 Gérer les sélecteurs 96 Appliquer les sélecteurs 105 Gérer les propriétés des sélecteurs 111 La notion de boîte 122 Mise en forme CSS des pages L objectif 123 Les sélecteurs utilisables 123 Les polices de caractères 125 Appliquer des styles aux pages 134 Insérer du texte Les principes généraux 143 Utiliser des en-têtes 146 Utiliser les paragraphes 147 Utiliser les citations de paragraphe 148 Utiliser le texte pré-formaté 149 4/13

5 Utiliser les listes 150 Connaître l élément HTML utilisé 152 Les autres possibilités d'insertion de texte 153 Éditer le texte 154 Insérer une ligne de séparation 155 Mise en forme CSS des caractères Les principes généraux 157 La mise en forme avec les styles classiques 157 La mise en forme avec les styles CSS 159 Les propriétés pour le texte 161 Les propriétés de la boîte 167 Mise en forme CSS des textes La mise en forme CSS 173 La mise en forme au niveau du texte 173 La mise en forme au niveau du bloc 175 5/13

6 La mise en forme des listes 190 La mise en forme de la barre horizontale 193 Insérer des tableaux La bonne utilisation des tableaux 195 Insérer un tableau 195 La structure du tableau 199 Afficher un tableau en mode développé 204 Trier un tableau 205 Mise en forme CSS des tableaux Le code HTML et CSS pour les tableaux 207 La mise en forme du tableau 207 La mise en forme de la légende 210 Un exemple de mise en forme d'un tableau 213 La mise en forme des cellules 215 6/13

7 Insérer des images Les formats d images 221 Le chemin d accès aux images 222 Insérer des images 223 Modifier les images insérées 226 Mise en forme CSS des images Les propriétés CSS utilisées 229 Le flottement 229 Les autres propriétés 231 Un exemple plus complet 231 Insérer des formulaires Utiliser des formulaires 233 L'affichage en direct des formulaires 234 Insérer le formulaire 234 Les objets de saisie 236 7/13

8 Les objets de temps 245 Le champ masqué 248 Les objets bouton radio et case à cocher 249 Le menu et la liste 254 Le champ de sélection de fichier 256 Les boutons de gestion du formulaire 257 Mise en forme CSS des formulaires Les feuilles de style 259 La mise en forme des champs de texte 260 La mise en forme du menu 265 La mise en forme des boutons 267 La mise en forme du formulaire 268 Insérer des liens Les liens 271 Les liens dans une même page 271 8/13

9 Les liens vers une autre page du site 273 Créer des liens externes 276 Vérifier tous les liens du site 277 Utiliser des images pour créer des liens 279 Mise en forme CSS des liens textuels Les styles dédiés aux liens 281 La création des styles dédiés 282 Des exemples de mises en forme 284 Le cache des navigateurs 286 Éléments multimédias Le multimédia sur le web 287 Insérer une vidéo Flash 287 Insérer une animation Flash 291 Insérer du multimédia avec l HTML5 292 Insérer des animation Adobe Edge Animate 295 9/13

10 Les autres éléments multimédias 295 Composant d'interface jquery Les composants jquery 297 L accordéon 297 Les onglets 305 Le sélecteur de date 309 La barre de progression 312 La boîte de dialogue 314 La saisie avec auto-complétion 317 La glissière 319 Les jeux de boutons 321 Les groupes de case à cocher 324 Les groupes de boutons radio 326 Mise en page avec les CSS Des éléments HTML5 et des styles CSS pour la mise en page /13

11 Réalisation d un exemple simple 331 Le conteneur général 332 L en-tête de la page 335 La navigation 340 La partie centrale de la page 347 Le pied de page 351 L affichage de la page 352 L affichage des styles CSS 353 Le design adaptatif L adaptation aux différents écrans 357 Créer un nouveau document 357 L affichage de la page 363 Les mises en page fluide 365 Ajouter un en-tête 366 Ajouter un article /13

12 Ajouter un élément de côté 371 Ajouter un pied de page et une boîte <div> 374 Masquer un élément 376 Dupliquer une boîte 379 Utiliser les positions absolues 380 Aperçu dans un navigateur 382 Bibliothèque des actifs L'utilisation de la bibliothèque des actifs 385 Les actifs d'images 386 Les actifs de couleurs 386 Les actifs de liens externes 387 Les actifs des animations Flash (SWF) 387 Les actifs de scripts 388 Les actifs de bibliothèques 388 Les modèles de documents /13

13 Publication du site Le site local et le site distant 401 Insérer des méta-informations 401 Gérer les fichiers locaux du site 404 Afficher des serveurs local et distant 405 La publication sur le serveur distant 407 Récupérer des fichiers du serveur 413 Synchroniser les fichiers 414 Générer un rapport sur le site 416 Glossaire 419 Index /13