Chapitre 1 De la conception à la publication 15 Chapitre 2 Créer

Sommaire
Chapitre 1
1.1.
1.2.
1.3.
Chapitre 2
2.1.
2.2.
2.3.
2.4.
2.5.
2.6.
2.7.
4 LE GUIDE COMPLET
De la conception à la publication
15
Réussir l’ergonomie générale d’un site ........................ 16
Les qualités d’un bon site web .................................... 16
Une navigation simple et efficace ................................ 17
Créer la charte graphique ........................................ 18
Kits graphiques ou création personnelle ? ...................... 18
Cadres, tableaux HTML ou CSS ? ............................... 19
La mise en forme du texte ......................................... 19
Un affichage optimisé pour tous .................................. 20
Les clés d’un bon site web ....................................... 21
Ajouter de l’interactivité ............................................ 22
Choisir un bon hébergeur .......................................... 23
Réserver un nom de domaine ..................................... 24
Créer son blog en ligne
27
Choisir sa communauté ........................................... 28
Quel blogger êtes-vous ? .......................................... 29
Les blogs thématiques ............................................. 30
Publication express avec Blogger .............................. 32
Inscription à Blogger ............................................... 32
Publier son premier message en ligne ........................... 36
Aller plus loin dans la gestion de son blog .................... 41
Accéder au tableau de bord ....................................... 41
Afficher l’heure et la date en français ............................ 42
Éditer les informations de votre profil ............................ 44
Gérer les commentaires ............................................ 46
Personnaliser l’interface graphique .............................. 49
Créer un blog multimédia ......................................... 52
Mettre en ligne son blog photo ................................... 52
Blogger avec son mobile ......................................... 60
Inscription à Mobitype ............................................. 60
Créer son blog mobile sur Mobitype ............................. 61
Optimiser son blog pour une lecture sur téléphone mobile .. 63
Référencer son blog ............................................... 65
Inscription dans un annuaire francophone ...................... 65
Inscription dans un annuaire mondial ........................... 66
Les points essentiels à retenir ................................... 67
Sommaire
Chapitre 3
3.1.
3.2.
3.3.
3.4.
Chapitre 4
4.1.
4.2.
4.3.
4.4.
4.5.
4.6.
4.7.
Créer gratuitement son premier site web
69
Télécharger et installer Web Acappella ........................ 70
Choisir un modèle ................................................. 73
Modifier et ajouter du texte ........................................ 74
Ajouter des liens hypertextes ..................................... 76
Ajouter une bordure ................................................ 78
Modifier les propriétés d’arrière-plan ............................ 80
Organiser l’arborescence de son site ............................ 83
Modifier une maquette ............................................. 84
Insérer des images .................................................. 86
Créer un album photo .............................................. 87
Insérer un menu dynamique ....................................... 90
Préparer son site au référencement ............................ 92
Publier son site sur Internet ...................................... 93
Aller plus loin avec Dreamweaver
97
Installer Dreamweaver ............................................ 98
Démarrer avec Dreamweaver .................................. 100
Créer un nouveau projet .......................................... 101
Les principaux panneaux de travail ............................ 105
Mode Code ou mode Création ? ................................ 111
Définir les propriétés de la page HTML ........................ 113
Insérer et mettre en forme du texte ........................... 115
Modifier la mise en page avec les styles CSS ................ 115
Modifier du texte avec la fenêtre Propriétés .................. 117
Insérer des images ............................................... 119
Placer des liens ................................................... 124
Insérer un lien sur du texte ....................................... 124
Insérer un lien sur une image .................................... 127
Structurer sa mise en page avec les tableaux
et les CSS .......................................................... 128
Utiliser les structures prêtes à l’emploi
de Dreamweaver .................................................. 129
Insérer des tableaux invisibles .................................. 131
Insérer des éléments multimédias ............................ 137
Intégrer un fichier vidéo .......................................... 137
Sonoriser une page web ......................................... 138
Insérer une animation Flash dans une page HTML .......... 140
Créer des animations Flash avec Dreamweaver ............. 142
LE GUIDE COMPLET 5
Sommaire
4.8.
4.9.
Chapitre 5
5.1.
5.2.
5.3.
5.4.
5.5.
5.6.
5.7.
5.8.
6 LE GUIDE COMPLET
Utiliser les formulaires ........................................... 144
Créer un formulaire d’inscription à une newsletter ........... 144
Insérer un questionnaire simple ................................. 146
Publier son site web avec l’outil FTP intégré ................ 149
Organiser les fichiers de votre site .............................. 149
Mettre à jour le site web .......................................... 151
Découvrir l’animation pour le Web
avec Flash
153
Installer Flash ...................................................... 154
Découvrir l’interface de Flash .................................. 155
Les outils de dessin ............................................... 156
Le scénario ......................................................... 158
Table de montage et scène principale ......................... 164
Les principaux panneaux de travail ............................ 165
Dessiner avec Flash .............................................. 167
Positionner précisément des objets ............................ 167
Importer des images bitmap ..................................... 170
Tracer lignes et courbes .......................................... 172
Colorier un objet ................................................... 175
Manipuler des objets .............................................. 179
Gérer symboles et occurrences ............................... 183
Créer un symbole .................................................. 183
Transformer un dessin en symbole ............................. 185
Stocker les symboles dans la bibliothèque ................... 185
Différencier occurrences et symboles ......................... 187
Animer avec Flash ................................................ 189
Réaliser un morphing avec l’interpolation de forme ......... 189
Déplacer des objets ............................................... 191
Masquer des objets ............................................... 193
Insérer des éléments multimédias ............................ 194
Insérer une vidéo dans une animation Flash .................. 194
Ajouter une musique de fond .................................... 196
Introduction à l’Action Script ................................... 198
Les bases d’Action Script ........................................ 198
Utiliser la fenêtre Actions ......................................... 201
Où placer votre script ? ........................................... 203
Ajouter des liens dans vos animations ......................... 209
Publier une animation Flash .................................... 212
Tester la vitesse chargement .................................... 212
Sommaire
Les formats de fichier ............................................. 214
Exporter au format HTML ........................................ 215
Créer un fichier exécutable ...................................... 217
Chapitre 6
6.1.
6.2.
6.3.
6.4.
6.5.
6.6.
Chapitre 7
7.1.
Optimiser des images pour le Web
219
Retoucher des images avec Picasa ........................... 220
Installer Picasa ..................................................... 220
Redresser l’image ................................................. 222
Recadrer l’image .................................................. 224
Ajuster la luminosité et le contraste ............................ 225
Corriger les yeux rouges ......................................... 227
Créer des effets spéciaux ........................................ 227
Enregistrer l’image pour le Web ................................. 228
Publier des photos en ligne avec Picasa ..................... 230
Publication immédiate sur un blog ............................. 230
Créer un montage photo ......................................... 232
Créer un diaporama photo ....................................... 233
Compresser des images pour le Web ........................ 237
Installer Photoshop Elements ................................... 238
Format JPEG : photos ............................................ 239
Format GIF : illustrations et cliparts ............................ 244
Optimiser plusieurs images simultanément ................... 247
Créer des éléments graphiques pour un site web .......... 253
Réaliser une bannière publicitaire .............................. 253
Réaliser un arrière-plan .......................................... 260
Transformer une photo en arrière-plan ......................... 260
Créer un motif d’arrière-plan .................................... 265
Créer une visite virtuelle 3D à partir de photos ............... 267
Atelier : Un menu pour le Web .................................. 276
Installer Photoshop ............................................... 277
Créer une barre de navigation ................................... 278
Référencer son site web
289
Optimiser son site pour les outils de recherche ............ 290
Insérer des balises META ........................................ 291
Éditer automatiquement ses balises META ................... 293
Définir les fichiers à indexer par les robots .................... 295
Surveiller l’indexation effectuée par les robots ............... 298
LE GUIDE COMPLET 7
Sommaire
7.2.
7.3.
7.4.
7.5.
Chapitre 8
8.1.
8.2.
8.3.
8.4.
8.5.
8.6.
Chapitre 9
9.1.
9.2.
8 LE GUIDE COMPLET
Inscription dans les annuaires ................................. 302
Inscrire son site sur Voilà ......................................... 302
Référencer automatiquement son site web ................... 304
Surveiller sa position dans Google ............................ 306
Installer PR weaver ................................................ 306
Tester le pageRank de sa page .................................. 307
Afficher le PageRank de votre site .............................. 308
Comparer son positionnement
avec des sites concurrents ..................................... 309
Installer Advanced Web Ranking ............................... 309
Lancer une recherche simultanée sur plusieurs outils ....... 310
Atelier – Flash, un référencement spécifique ................ 311
Publier et promouvoir son site web
315
Avant de publier ................................................... 316
Les règles d’or à respecter ....................................... 316
Optimiser le poids de sa page web ............................. 317
Trouver un hébergeur ............................................ 321
Payant ou gratuit .................................................. 321
Ouvrir son espace gratuit chez Multimania ................... 322
Réserver un nom de domaine .................................. 328
Transférer ses pages par FTP .................................. 332
Installer Filezilla .................................................... 332
Configurer Filezilla ................................................. 334
Faire appel à une régie publicitaire ............................ 336
Inscription sur le site .............................................. 336
Paramétrer l’échange de bannières ............................ 338
Insertion du script dans la page web ........................... 339
Établir des partenariats avec d’autres sites ................. 341
Webographie
345
Créer et gérer un blog ............................................ 346
Les plateformes de blog .......................................... 346
Les outils de création de blog ................................... 351
Les annuaires de blog ............................................ 353
Les outils gratuits ................................................. 357
Les logiciels de création .......................................... 357
Les ressources pour un site web ................................ 359
Sommaire
9.3.
9.4.
9.5.
9.6.
9.7.
9.8.
Chapitre 10
Les tutoriels web et le graphisme ............................. 363
Les scripts prêts à l’emploi ..................................... 365
Les ressources pour Flash ...................................... 367
L’hébergement et la réservation de noms de domaines .. 369
Les outils de recherche .......................................... 371
Les sites des éditeurs de logiciels ............................. 373
Index
377
LE GUIDE COMPLET 9