Classroom in a Book Adobe Dreamweaver CS5

Classroom in a Book Adobe Dreamweaver CS5

Pearson Education France a apporté le plus grand soin à la réalisation de ce livre afin de vous fournir une information complète et fiable. Cependant, Pearson Education France n assume de responsabilités, ni pour son utilisation, ni pour les contrefaçons de brevets ou atteintes aux droits de tierces personnes qui pourraient résulter de cette utilisation. Pearson Education France ne pourra en aucun cas être tenu pour responsable des préjudices ou dommages de quelque nature que ce soitpouvant résulter de l utilisation de ces exemples ou programmes.tous les noms de produits ou marques cités dans ce livre sont des marques déposées par leurs propriétaires respectifs. The content of this guide is furnished for information use only, is subject to change without notice, and should not be construed as a commitment by Adobe Systems Incorporated. Adobe Systems Incorporated assumes no responsibility or liability for any errors or inaccuracies that may appear in the informational content contained in this guide. Except as permitted by such license, no part of this publication may be reproduced, stored in a retrieval system, or transmitted, in any form or by any means, electronic, mechanical, recording, or otherwise, without the prior written permission of Adobe Systems Incorporated. Adobe, the Adobe logo, Classroom in a Book, Dreamweaver, Fireworks, Flash, and Photoshop are either registered trademarks or trademarks of Adobe Systems Incorporated in the United States and/or other countries. Apple, Mac, and Macintosh are trademarks of Apple, registered in the U.S. and other countries. Microsoft, Windows, and Windows NT are trademarks of Microsoft Corporation registered in the U.S. and/or other countries. All other trademarks are the property of their respective owners. Notice to U.S. Government End Users. The Software and Documentation are Commercial Items, as that term is defined at 48 C.F.R. 2.101, consisting of Commercial Computer Software and Commercial Computer Software Documentation, as such terms are used in 48 C.F.R. 12.212 or 48 C.F.R. 227.7202, as applicable. Consistent with 48 C.F.R. 12.212 or 48 C.F.R. 227.7202-1 through 227.7202-4, as applicable, the Commercial Computer Software and Commercial Computer Software Documentation are being licensed to U.S. Government end users (a) only as Commercial Items and (b) with only those rights as are granted to all other end users pursuant to the terms and conditions herein. Unpublished-rights reserved under the copyright laws of the United States. Adobe Systems Incorporated, 345 Park Avenue, San Jose, CA 95110-2704, USA. For U.S. Government End Users, Adobe agrees to comply with all applicable equal opportunity laws including, if appropriate, the provisions of Executive Order 11246, as amended, Section 402 of the Vietnam Era Veterans Readjustment Assistance Act of 1974 (38 USC 4212), and Section 503 of the Rehabilitation Act of 1973, as amended, and the regulations at 41 CFR Parts 60-1 through 60-60, 60-250, and 60-741. The affirmative action clause and regulations contained in the preceding sentence shall be incorporated by reference. Adobe Systems Incorporated, 345 Park Avenue, San Jose, California 95110, USA Publié par Pearson Education France 47 bis, rue des Vinaigriers 75010 PARIS Tél. : 01 72 74 90 00 www.pearson.fr ISBN : 978-2-7440-2438-2 Copyright 2010 Pearson Education France Tous droits réservés Titre original : Adobe Dreamweaver CS5 Classroom in a Book Traduction : Patrick Fabre ISBN original : 978-0-321-70177-0 Copyright 2010 Adobe System Incorporated and its licensors All rights reserved Adobe Press books are published by Peachpit, a division of Pearson Education Aucune représentation ou reproduction, même partielle, autre que celles prévues à l article L. 122-5 2 et 3 a) du code de la propriété intellectuelle ne peut être faite sans l autorisation expresse de Pearson Education France ou, le cas échéant, sans le respect des modalités prévues à l article L. 122-10 dudit code. No part of this book may be reproduced or transmitted in any form or by any means, electronic or mechanical, including photocopying, recording or by any information storage retrieval system, without permission from Pearson Education, Inc.

Sommaire GUIDE DE DÉMARRAGE xi La collection Classroom in a Book............................xi Conditions requises.........................................xi Installation du programme................................. xii Copie des fichiers Classroom in a Book...................... xii Ordre recommandé pour les leçons........................xiii Démarrage instantané.....................................xiii Configuration de l espace de travail.........................xiv Instructions Windows et Macintosh........................ xv Trouver des informations sur Dreamweaver................. xv Vérification des mises à jour................................ xv Ressources complémentaires..............................xvi Certification Adobe...................................... xviii Accélérer votre production avec Adobe CS Live.............xix 1 PERSONNALISER SON ESPACE DE TRAVAIL 2 Visite guidée de l espace de travail........................... 4 Permuter et fractionner les vues............................. 5 Travailler avec des panneaux................................ 7 Sélectionner un espace de travail........................... 11 Ajuster les barres d outils.................................. 13 Personnaliser les préférences............................... 14 Créer des raccourcis clavier personnalisés.................. 15 Utiliser l inspecteur Propriétés.............................. 16 iv SOMMAIRE

2 LES BASES DU HTML 20 Qu est-ce que le HTML?.................................... 22 De quand date le HTML?.................................. 22 Écrire son propre code HTML............................... 23 Codes HTML 4 fréquemment utilisés....................... 31 Quel est l avenir du HTML?................................. 34 3 LES BASES DES CSS 36 Qu est-ce que les CSS?..................................... 38 Mises en forme HTML et CSS............................... 39 Le modèle de boîte CSS.................................... 41 Styles HTML par défaut.................................... 42 Mise en forme du texte.................................... 44 Mise en forme des objets.................................. 47 Sélecteurs multiples, classes et ID.......................... 50 4 PRISE EN MAIN RAPIDE 54 Définir un site Dreamweaver............................... 56 Utiliser l écran de bienvenue............................... 58 Sélectionner une mise en forme CSS........................ 59 Enregistrer une page....................................... 60 Modifier le titre de la page................................. 60 Changer les titres.......................................... 60 Insérer du texte............................................ 61 Insérer des images......................................... 63 Sélectionner et modifier des styles CSS..................... 66 Ajuster les polices, les couleurs et la taille du texte.......... 70 Utiliser l inspecteur Propriétés............................. 73 Observer une page en mode Affichage en direct............ 75 Observer des pages dans un navigateur.................... 76 ADOBE DREAMWEAVER CS5 CLASSROOM IN A BOOK v

5 CRÉER UNE MISE EN PAGE 80 Les bases de la conception web............................ 82 Travailler avec des vignettes et des maquettes en fil de fer.. 84 Observer le fichier terminé................................. 88 Modifier une mise en page CSS existante................... 88 Ajouter une image d arrière-plan à l en-tête................ 91 Insérer de nouveaux composants <div>................... 93 Modifier la largeur et la couleur d arrière-plan de la page.... 96 Modifier le contenu et le formatage existants.............. 97 Insérer un espace réservé pour l image....................100 Insérer du texte de remplissage........................... 101 Modifier le pied de page.................................. 101 Vérifier la compatibilité avec les navigateurs.............. 102 6 TRAVAILLER AVEC DES FEUILLES DE STYLE CSS 104 Observer le fichier terminé................................106 Travailler avec le panneau Styles CSS......................106 Créer des nouvelles règles CSS............................110 Créer un menu interactif.................................. 115 Modifier le comportement des liens hypertexte...........118 Créer des colonnes factices............................... 121 Déplacer des règles vers une feuille de style externe....... 123 Créer des feuilles de style pour d autres types de support..124 7 TRAVAILLER AVEC DES MODÈLES 132 Observer le fichier terminé................................134 Créer un modèle à partir d une mise en page existante..... 135 Insérer des régions modifiables........................... 137 Générer des pages enfants................................138 Mettre à jour un modèle..................................140 Utiliser des éléments de bibliothèque.....................144 Utiliser des inclusions côté serveur........................149 vi SOMMAIRE

8 TRAVAILLER AVEC DU TEXTE, DES LISTES ET DES TABLEAUX 158 Observer le fichier terminé................................160 Importer du texte........................................ 162 Créer des titres........................................... 163 Créer des listes............................................ 165 Créer des retraits de texte................................ 167 Créer et mettre en forme des tableaux....................170 Vérifier l orthographe des pages web......................184 Rechercher et remplacer du texte......................... 185 9 TRAVAILLER AVEC DES IMAGES 190 Rappel sur les bases de l imagerie web.................... 192 Observer le fichier terminé................................ 197 Insérer une image........................................ 197 Ajuster la position des images avec des classes CSS........199 Travailler avec le panneau Insertion....................... 201 Utiliser Bridge............................................ 202 Insérer des types de fichier incompatibles.................204 Travailler avec des objets dynamiques Photoshop......... 207 Copier et coller des images de Fireworks et Photoshop.....209 Insérer des images par glisser-déposer.................... 211 Optimiser les images avec l inspecteur Propriétés......... 212 10 TRAVAILLER AVEC LES ÉLÉMENTS DE NAVIGATION 216 Notions de base sur les liens hypertexte..................218 Observer le fichier terminé................................219 Créer des liens hypertexte internes........................ 222 Créer un lien image...................................... 225 Créer un lien externe......................................226 Configurer des liens de messagerie........................ 227 Cibler des éléments de page..............................228 Insérer des barres de menus Spry......................... 232 Insérer des menus Spry comme éléments de bibliothèque..........................................250 Vérifier la page............................................254 ADOBE DREAMWEAVER CS5 CLASSROOM IN A BOOK vii

11 AJOUTER DE L INTERACTIVITÉ 258 Découvrir les comportements Dreamweaver..............260 Observer le fichier terminé................................ 261 Travailler avec des comportements Dreamweaver......... 263 Travailler avec des widgets Accordéon Spry................269 12 TRAVAILLER AVEC FLASH 276 Comprendre Flash........................................278 Observer le fichier terminé................................278 Ajouter une animation Flash à une page...................279 Ajouter un fichier FLV à une page.......................... 283 13 TRAVAILLER AVEC DES FORMULAIRES 288 Observer le fichier terminé................................290 En apprendre plus sur les formulaires..................... 292 Ajouter un formulaire à une page.......................... 293 Insérer des éléments de formulaire texte.................. 295 Insérer des cases à cocher................................304 Créer des boutons radio...................................306 Travailler avec des listes...................................309 Ajouter un bouton d envoi................................ 311 Spécifier une action de formulaire........................ 313 Transmettre les données par e-mail....................... 315 Mettre en forme les formulaires...........................319 14 TRAVAILLER AVEC DES DONNÉES EN LIGNE 324 Travailler avec du contenu dynamique.....................326 Observer le fichier terminé................................326 Utiliser des données HTML et XML........................328 Choisir un modèle de serveur.............................338 Configurer un serveur web local...........................340 Configurer un serveur d évaluation.......................340 Créer des applications de base de données............... 343 viii SOMMAIRE

15 CRÉER DES PAGES DYNAMIQUES AVEC DES DONNÉES 352 Créer des pages avec ASP, ColdFusion ou PHP..............354 Créer un ensemble de pages Principale/Détails............ 363 Créer une page de détails................................. 375 16 TRAVAILLER AVEC DU CODE 380 Vue d ensemble des outils de code........................ 382 Sélectionner du code..................................... 383 Réduire du code..........................................384 Développer du code...................................... 385 Ajouter du nouveau code.................................386 Utiliser la fenêtre Navigation dans le code.................388 Accéder au mode Code en direct..........................389 Utiliser le mode Inspection................................ 391 Travailler dans les fichiers liés............................. 392 Accéder à la vue Fractionner le code....................... 392 Commenter le code....................................... 393 17 PUBLIER SON SITE SUR LE WEB 396 Définir un site distant.....................................398 Voiler des dossiers et des fichiers.......................... 405 Emballage final........................................... 407 Publier le site.............................................410 Synchroniser les sites local et distant...................... 412 INDEX 416 ADOBE DREAMWEAVER CS5 CLASSROOM IN A BOOK ix