7
Chapitre 1 Créer votre site web avec Dreamweaver 8 11 1.1. Installer Dreamweaver sur votre ordinateur .................. 12 1.2. Découvrir l’interface de Dreamweaver ........................ 15 La manipulation de l’interface .................................... 16 La gestion de votre site ........................................... 18 La création de nouvelles pages .................................. 21 Le panneau Fichiers ................................................ 23 La vérification de votre site ....................................... 24 La publication de votre site ....................................... 28 1.3. Utiliser le mode Création ......................................... 30 La gestion des images ............................................. 31 La gestion du texte ................................................. 42 La création de liens ................................................ 49 1.4. Utiliser les modèles ................................................ 53 La création d’un modèle .......................................... 54 L’ajout de régions modifiables ................................... 56 La création d’une nouvelle page à partir du modèle ......... 58 La mise à jour des pages liées au modèle ..................... 60 Détacher une page du modèle ................................... 61 1.5. Utiliser Dreamweaver comme éditeur de code ............. 62 La navigation dans le code ....................................... 63 La personnalisation de l’affichage ............................... 66 1.6. Créez un site simple en quelques minutes ................... 67 La création des dossiers .......................................... 67 La gestion du site avec Dreamweaver .......................... 67 La création d’un modèle de page ............................... 68 L’ajout d’autres pages au modèle ............................... 71 Chapitre 2 Ergonomie et accessibilité des sites web 73 2.1. L’ergonomie et l’accessibilité des interfaces web .......... 74 Les critères ergonomiques d’un site web ...................... 74 Un site accessible pour tous ..................................... 84 Organiser votre site web .......................................... 90 2.2. Introduction au WebDesign .................................... 105 La structure de la page .......................................... 105 Les différents gabarits de votre site web ..................... 108 La charte graphique .............................................. 111 2.3. Créez l’interface de votre site avec Adobe Photoshop .. 118 La création du gabarit de la page d’accueil ................. 119 La création du gabarit d’une page de contenu .............. 133 Sommaire 4 LE GUIDE COMPLET

Chapitre 1 Créer votre site web avec Dreamweaver 8 11 · Chapitre 1 Créer votre site web avec Dreamweaver 8 11 1.1. Installer Dreamweaver sur votre ordinateur .....12 1.2. Découvrir

Embed Size (px)

Citation preview

Chapitre 1 Créer votre site web avec Dreamweaver 8 11

1.1. Installer Dreamweaver sur votre ordinateur .................. 121.2. Découvrir l’interface de Dreamweaver ........................ 15

La manipulation de l’interface .................................... 16La gestion de votre site ........................................... 18La création de nouvelles pages .................................. 21Le panneau Fichiers ................................................ 23La vérification de votre site ....................................... 24La publication de votre site ....................................... 28

1.3. Utiliser le mode Création ......................................... 30La gestion des images ............................................. 31La gestion du texte ................................................. 42La création de liens ................................................ 49

1.4. Utiliser les modèles ................................................ 53La création d’un modèle .......................................... 54L’ajout de régions modifiables ................................... 56La création d’une nouvelle page à partir du modèle ......... 58La mise à jour des pages liées au modèle ..................... 60Détacher une page du modèle ................................... 61

1.5. Utiliser Dreamweaver comme éditeur de code ............. 62La navigation dans le code ....................................... 63La personnalisation de l’affichage ............................... 66

1.6. Créez un site simple en quelques minutes ................... 67La création des dossiers .......................................... 67La gestion du site avec Dreamweaver .......................... 67La création d’un modèle de page ............................... 68L’ajout d’autres pages au modèle ............................... 71

Chapitre 2 Ergonomie et accessibilité des sites web 73

2.1. L’ergonomie et l’accessibilité des interfaces web .......... 74Les critères ergonomiques d’un site web ...................... 74Un site accessible pour tous ..................................... 84Organiser votre site web .......................................... 90

2.2. Introduction au WebDesign .................................... 105La structure de la page .......................................... 105Les différents gabarits de votre site web ..................... 108La charte graphique .............................................. 111

2.3. Créez l’interface de votre site avec Adobe Photoshop .. 118La création du gabarit de la page d’accueil ................. 119La création du gabarit d’une page de contenu .............. 133

Sommaire

4 LE GUIDE COMPLET

Chapitre 3 Développer votre site en XHTML/CSS 135

3.1. Introduction à XHTML et CSS ................................. 136Le langage XHTML ............................................... 136La séparation de la présentation et de la structure ......... 137Le CSS .............................................................. 139

3.2. Les notions de base de XHTML .............................. 140La structure d’une page web ................................... 140Les éléments pour composer une page web ................ 142La validation W3C des pages XHTML ........................ 148

3.3. Prise en main des feuilles de style en cascade ........... 150Comprendre les CSS ............................................. 150La gestion de la mise en page d’un document ............. 160Quelques propriétés CSS pour modifier le designd’une page ......................................................... 163La validation des CSS ............................................ 165

3.4. Interconnectivité XHTML/CSS ................................. 166Le squelette XHTML .............................................. 167Les feuilles de style ............................................... 171

Chapitre 4 Publier et faire héberger votre sitesur Internet 183

4.1. Comment fonctionnent les hébergements .................. 1844.2. Pourquoi et comment faire héberger votre site ........... 1854.3. Choisir votre hébergeur : gratuit ou payant ................ 186

Le choix de votre hébergement : étudier vos besoins ..... 186Les hébergeurs gratuits .......................................... 189Les hébergeurs payants ......................................... 192

4.4. Choisir et acheter un nom de domaine ...................... 194Le nom de domaine .............................................. 194Le choix du nom de domaine ................................... 196Le passage de la commande ................................... 206La configuration du nom de domaine ......................... 208Votre messagerie .................................................. 209

4.5. Transférer votre site sur votre espace Internet ............ 209Le téléchargement et l’installation du logiciel ................ 210Le paramétrage du logiciel et la connexion .................. 216La connexion à un serveur FTP ................................ 218La création des dossiers ......................................... 221La publication des fichiers ....................................... 222

Sommaire

5LE GUIDE COMPLET

Le renommage des fichiers et des dossiers ................. 226Le déplacement des fichiers avec votre client FTP ......... 226La suppression des fichiers de votre hébergement ........ 227Le téléchargement des fichiers ................................. 228

4.6. Améliorer votre hébergement .................................. 229L’ajout d’un outil de statistique ................................. 229La sécurisation des dossiers de votre site ................... 232La mise en place des sauvegardes ............................ 236

4.7. Les points essentiels à retenir ................................. 237

Chapitre 5 Rendre votre site dynamique avecPHP/MySQL 239

5.1. Introduction à PHP ............................................... 240Le langage PHP ................................................... 240Votre premier script PHP ........................................ 241

5.2. Installer EasyPHP sur votre ordinateur ...................... 242Le téléchargement et l’installation de EasyPHP ............. 242L’écriture d’un script et la vérification du fonctionnementde EasyPHP ........................................................ 244

5.3. Bien débuter en PHP ............................................ 246La syntaxe de PHP ............................................... 247Les types de données ............................................ 248Les variables ....................................................... 251Les constantes .................................................... 256Les expressions ................................................... 257Les opérateurs ..................................................... 259Les structures de contrôle ...................................... 260Les fonctions ....................................................... 265

5.4. Utiliser des bases de données avec MySQL ............... 266Les types de données de MySQL ............................. 267Les fonctions et opérateurs de MySQL ....................... 270La gestion de vos tables avec PHPMyAdmin ............... 272Insérer et supprimer des données ............................. 274Sélectionner des données ....................................... 276La modification des données ................................... 277La suppression de données ..................................... 278

5.5. Développez un module Actualités pour votre site ........ 278L’ajout de données dans une base MySQL avec PHP .... 279L’interrogation de la base de données ........................ 282

6 LE GUIDE COMPLET

Sommaire

Chapitre 6 Des outils pour dynamiser votre site web 285

6.1. Vendre sur le Web : installer une boutique en ligne ...... 286L’installation de OS Commerce sur votre serveur .......... 286L’utilisation de OS Commerce .................................. 292

6.2. Installer un forum PHP BB sur votre site web ............. 300Installer PHP BB sur votre serveur ............................ 301La configuration de votre forum PHP BB ..................... 304

6.3. Aller plus loin avec OS Commerce et PHP BB ............ 309

Chapitre 7 Utiliser Macromedia Flash 8 311

7.1. Les possibilités de Flash ....................................... 3127.2. Visite guidée de Flash 8 ........................................ 313

L’interface Flash 8 ................................................. 313L’ajout de barres d’outils ........................................ 320La personnalisation de la disposition des panneaux ....... 321Les menus .......................................................... 322La bibliothèque .................................................... 323

7.3. Dessiner avec Flash 8 ........................................... 324Les principes généraux .......................................... 324La réalisation d’une première composition ................... 324

7.4. Animer .............................................................. 334Le paramétrage de la cadence de l’animation .............. 334Réaliser des animations simples ............................... 335

7.5. ActionScript ....................................................... 347Le panneau Actions .............................................. 348Un peu de vocabulaire ........................................... 348Le ciblage ........................................................... 349La gestion d’une animation ..................................... 352La création de vos boutons ..................................... 355La modification d’objets ......................................... 358La personnalisation de votre pointeur ......................... 360Les ressources sur le Web ...................................... 360

7.6. Le son dans Flash ................................................ 361Du son pour vos boutons ....................................... 361L’insertion d’une musique d’ambiance ........................ 362Le contrôle d’une musique avec des boutons .............. 363

7.7. L’intégration de Flash dans un site .......................... 3637.8. Aller plus loin avec Flash ....................................... 365

La création d’une bannière publicitaire ....................... 365L’utilisation des vidéos avec Flash ............................. 366

Sommaire

7LE GUIDE COMPLET

Chapitre 8 Référencer votre site web 369

8.1. En quoi consiste le référencement ........................... 3718.2. Les annuaires et moteurs de recherche ..................... 372

Le référencement sur les annuaires ........................... 372Le référencement sur les moteurs de recherche ............ 381

8.3. Optimiser le contenu de votre site ........................... 388Les erreurs basiques à éviter ................................... 389L’optimisation de votre site ...................................... 392

8.4. Connaître Google pour maîtriser son référencement .... 404Les robots des moteurs de recherche ........................ 404Le test de votre référencement ................................. 408

8.5. Aller plus loin dans le référencement ........................ 410La résolution des problèmes de référencement ............. 410La vérification de l’indexation de votre siteavec GoogleAlert .................................................. 420L’affichage du PageRank de votre site survotre page web .................................................... 422Une campagne publicitaire avec Google ..................... 423

8.6. Le référencement dans l’avenir ............................... 430

Chapitre 9 Webographie 433

9.1. Les sites officiels ................................................. 4349.2. Les sites d’aide et d’information .............................. 437

Les sites traitant du référencement ............................ 437Les sites d’aide au développement (PHP, XHTML,CSS) ................................................................. 439Les sites spécialisés pour le logiciel MacromediaFlash ................................................................. 443Les sites d’information généraliste sur l’informatique ...... 446

9.3. Les sites des éditeurs de logiciels ........................... 4499.4. Les sites de ressources de développement ................ 453

Promouvoir votre site web ...................................... 453Trouver des ressources pour vos forums ..................... 454Gagner de l’argent avec votre site ............................. 455Obtenir des ressources pour améliorer le designde vos pages ...................................................... 457Utiliser les services de redirection d’URL .................... 458Obtenir d’autres ressources ..................................... 460

8 LE GUIDE COMPLET

Sommaire

9.5. Les sites des hébergeurs ....................................... 461Les hébergeurs payants ......................................... 461Les hébergeurs gratuits .......................................... 463

9.6. Les sites des moteurs de recherche et annuaires ........ 466Les moteurs de recherche ....................................... 466Les annuaires ...................................................... 468

Chapitre 10 Index 471

Sommaire

9LE GUIDE COMPLET