Dreamweaver CC pour PC/Mac

Dreamweaver CC pour PC/Mac
Pour des sites full CSS conformes aux standards du W3C
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
www.editions-eni.fr
© Editions ENI
1/13
Dreamweaver CC pour PC/Mac
Pour des sites full CSS conformes aux standards du W3C
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
www.editions-eni.fr
© Editions ENI
2/13
Dreamweaver CC pour PC/Mac
Pour des sites full CSS conformes aux standards du W3C
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
www.editions-eni.fr
© Editions ENI
3/13
Dreamweaver CC pour PC/Mac
Pour des sites full CSS conformes aux standards du W3C
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
www.editions-eni.fr
© Editions ENI
4/13
Dreamweaver CC pour PC/Mac
Pour des sites full CSS conformes aux standards du W3C
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
www.editions-eni.fr
© Editions ENI
5/13
Dreamweaver CC pour PC/Mac
Pour des sites full CSS conformes aux standards du W3C
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
www.editions-eni.fr
© Editions ENI
6/13
Dreamweaver CC pour PC/Mac
Pour des sites full CSS conformes aux standards du W3C
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
www.editions-eni.fr
© Editions ENI
7/13
Dreamweaver CC pour PC/Mac
Pour des sites full CSS conformes aux standards du W3C
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
www.editions-eni.fr
© Editions ENI
8/13
Dreamweaver CC pour PC/Mac
Pour des sites full CSS conformes aux standards du W3C
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
www.editions-eni.fr
© Editions ENI
9/13
Dreamweaver CC pour PC/Mac
Pour des sites full CSS conformes aux standards du W3C
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
www.editions-eni.fr
© Editions ENI
329
10/13
Dreamweaver CC pour PC/Mac
Pour des sites full CSS conformes aux standards du W3C
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
368
www.editions-eni.fr
© Editions ENI
11/13
Dreamweaver CC pour PC/Mac
Pour des sites full CSS conformes aux standards du W3C
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
393
www.editions-eni.fr
© Editions ENI
12/13
Dreamweaver CC pour PC/Mac
Pour des sites full CSS conformes aux standards du W3C
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
421
www.editions-eni.fr
© Editions ENI
13/13