Chapitre 1 De la conception à la publication 15 1.1. Réussir l ergonomie générale d un site... 17 Les qualités d un bon site web... 17 Une navigation simple et efficace... 18 1.2. Créer la charte graphique... 19 Kits graphiques ou création personnelle?... 19 Cadres, tableaux HTML ou CSS?... 19 La mise en forme du texte... 20 Un affichage optimisé pour tous... 21 1.3. 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 Chapitre 2 Créer son blog en ligne 25 2.1. Choisir sa communauté... 27 Quel blogueur êtes-vous?... 28 Les blogs thématiques... 29 2.2. Publication express avec Blogger... 30 S inscrire en ligne... 31 Publier son premier message... 34 2.3. Aller plus loin dans la gestion de son blog... 39 Accéder au tableau de bord... 40 Afficher l heure et la date en français... 41 Éditer les informations de votre profil... 42 Gérer les commentaires... 44 Personnaliser l interface graphique... 47 2.4. Créer un blog multimédia... 49 Mettre en ligne son blog photo... 49 2.5. Blogger avec son mobile... 57 Inscription à Mobitype... 57 Créer son blog mobile sur Mobitype... 58 Optimiser son blog pour une lecture sur téléphone mobile... 60 2.6. Référencer son blog... 62 Inscription dans un annuaire francophone... 62 2.7. Les points essentiels à retenir... 63 Chapitre 3 Créer gratuitement son premier site web 65 3.1. Télécharger et installer Web Acappella... 67 3.2. Choisir un modèle... 70 Modifier et ajouter du texte... 71 Ajouter des liens hypertextes... 73 Insérer une bordure... 75 Modifier les propriétés d arrière-plan... 76 Organiser l arborescence de son site... 79 Modifier une maquette... 80 Insérer des images... 83 4
Créer un album photo... 84 Insérer un menu dynamique... 87 3.3. Optimiser son site pour le référencement... 90 3.4. Publier son site sur Internet... 91 Chapitre 4 Aller plus loin avec Dreamweaver 93 4.1. Installer Dreamweaver... 95 4.2. Démarrer avec Dreamweaver... 97 Créer un nouveau projet... 97 Les principaux panneaux de travail... 101 Mode Code ou mode Création?... 107 Définir les propriétés de la page HTML... 109 4.3. Insérer et mettre en forme du texte... 111 Modifier la mise en page avec les styles CSS... 111 Modifier du texte avec la fenêtre Propriétés... 113 4.4. Insérer des images... 115 4.5. Placer des liens... 121 Insérer un lien sur du texte... 121 Insérer un lien sur une image... 124 4.6. Structurer sa mise en page avec les tableaux et les CSS... 125 Utiliser les structures prêtes à l emploi de Dreamweaver... 125 Insérer des tableaux invisibles... 128 4.7. Insérer des éléments multimédias... 133 Intégrer un fichier vidéo... 133 Sonoriser une page web... 134 Insérer une animation Flash dans une page HTML... 136 Créer des animations Flash avec Dreamweaver... 137 4.8. Utiliser les formulaires... 139 Créer un formulaire d inscription à une newsletter... 139 Insérer un questionnaire simple... 141 4.9. Publier son site web avec l outil FTP intégré... 144 Organiser les fichiers de votre site... 144 Mettre à jour le site web... 146 SOMMAIRE Chapitre 5 Découvrir l animation pour le Web avec Flash 149 5.1. Installer Flash... 151 5.2. Découvrir l interface de Flash... 153 Les outils de dessin... 154 Le scénario... 155 Table de montage et scène principale... 161 Les principaux panneaux de travail... 161 5.3. Dessiner avec Flash... 164 Positionner précisément des objets... 164 Importer des images bitmap... 167 Tracer lignes et courbes... 169 Colorier un objet... 171 Manipuler des objets... 175 5.4. Gérer symboles et occurrences... 178 Créer un symbole... 179 5
Transformer un dessin en symbole... 180 Stocker les symboles dans la bibliothèque... 180 Différencier occurrences et symboles... 182 5.5. Animer avec Flash... 184 Réaliser un morphing avec l interpolation de forme... 184 Déplacer des objets... 185 Masquer des objets... 188 5.6. Insérer des éléments multimédias... 189 Insérer une vidéo dans une animation Flash... 189 Ajouter une musique de fond... 191 5.7. Introduction à l Action Script... 192 Les bases d Action Script... 192 Utiliser la fenêtre Actions... 195 Où placer votre script?... 197 Ajouter des liens dans vos animations... 201 5.8. Publier une animation Flash... 204 Tester la vitesse de chargement... 204 Les formats de fichier... 206 Exporter au format HTML... 207 Créer un fichier exécutable... 209 Chapitre 6 Optimiser des images pour le Web 211 6.1. Retoucher des images avec Picasa... 213 Installer Picasa... 213 Redresser une image... 215 Recadrer l image... 217 Ajuster la luminosité et le contraste... 218 Corriger les yeux rouges... 220 Créer des effets spéciaux... 221 Enregistrer l image pour le Web... 222 6.2. Publier des photos en ligne avec Picasa... 223 Publication immédiate sur un blog... 223 Créer un montage photo... 225 Créer un diaporama photo... 226 6.3. Compresser des images pour le Web... 230 Installer Photoshop Elements... 231 Format JPEG : photos... 232 Format GIF : illustrations et cliparts... 237 Optimiser plusieurs images simultanément... 239 6.4. Créer des éléments graphiques pour un site web... 244 Réaliser une bannière publicitaire... 245 6.5. Réaliser un arrière-plan... 251 Transformer une photo en arrière-plan... 251 Créer un motif d arrière-plan... 256 Créer une visite virtuelle 3D à partir de photos... 258 6.6. Atelier : Créer une barre de navigation avec Photoshop... 267 Installer Photoshop... 267 Créer une barre de menu... 268 6
Chapitre 7 Référencer son site web 279 7.1. Optimiser son site pour les outils de recherche... 281 Insérer des balises META... 282 Éditer automatiquement ses balises META... 284 Définir les fichiers à indexer par les robots... 286 Surveiller l indexation effectuée par les robots... 288 7.2. Inscription dans les annuaires... 291 Inscrire son site sur Voilà... 292 Référencer automatiquement son site web... 293 7.3. Surveiller sa position dans Google... 295 Améliorer la visibilité de son site avec les outils pour webmasters de Google... 296 Tester le pagerank de sa page... 297 Afficher le PageRank de votre site... 297 7.4. Comparer son positionnement avec des sites concurrents... 298 Installer Advanced Web Ranking... 298 Lancer une recherche simultanée sur plusieurs outils... 299 7.5. Atelier Flash, un référencement spécifique... 300 Chapitre 8 Publier et promouvoir son site web 303 8.1. Avant de publier... 305 Les règles d or à respecter... 305 Optimiser le poids de sa page web... 306 8.2. Trouver un hébergeur... 309 Payant ou gratuit... 310 Ouvrir son espace gratuit chez Multimania... 311 8.3. Réserver un nom de domaine... 316 8.4. Transférer ses pages par FTP... 320 Installer Filezilla... 321 Configurer Filezilla... 322 8.5. Faire appel à une régie publicitaire... 324 Inscription sur le site... 325 Paramétrer l échange de bannières... 326 Insertion du script dans la page web... 327 8.6. Établir des partenariats avec d autres sites... 329 Chapitre 9 Webographie 333 9.1. Créer et gérer un blog... 335 Les plateformes de blog... 335 Les outils de création de blog... 340 Les annuaires de blog... 342 9.2. Les outils gratuits... 345 Les logiciels de création... 345 Les ressources pour un site web... 346 9.3. Les tutoriels web et le graphisme... 349 9.4. Les scripts prêts à l emploi... 351 7
9.5. Les ressources pour Flash... 353 9.6. L hébergement et la réservation de noms de domaines... 354 9.7. Les principaux outils de recherche... 356 9.8. Les sites des éditeurs de logiciels... 358 Chapitre 10 Index 361 8