Classroom in a Book Adobe Dreamweaver CS5

Transcription

1 Classroom in a Book Adobe Dreamweaver CS5

2 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 , consisting of Commercial Computer Software and Commercial Computer Software Documentation, as such terms are used in 48 C.F.R or 48 C.F.R , as applicable. Consistent with 48 C.F.R or 48 C.F.R through , 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 , 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, , and 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 PARIS Tél. : ISBN : Copyright 2010 Pearson Education France Tous droits réservés Titre original : Adobe Dreamweaver CS5 Classroom in a Book Traduction : Patrick Fabre ISBN original : 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 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 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.

3 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 Permuter et fractionner les vues Travailler avec des panneaux Sélectionner un espace de travail Ajuster les barres d outils Personnaliser les préférences Créer des raccourcis clavier personnalisés Utiliser l inspecteur Propriétés iv SOMMAIRE

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

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

6 8 TRAVAILLER AVEC DU TEXTE, DES LISTES ET DES TABLEAUX 158 Observer le fichier terminé Importer du texte Créer des titres Créer des listes Créer des retraits de texte Créer et mettre en forme des tableaux Vérifier l orthographe des pages web Rechercher et remplacer du texte TRAVAILLER AVEC DES IMAGES 190 Rappel sur les bases de l imagerie web Observer le fichier terminé Insérer une image Ajuster la position des images avec des classes CSS Travailler avec le panneau Insertion Utiliser Bridge Insérer des types de fichier incompatibles Travailler avec des objets dynamiques Photoshop Copier et coller des images de Fireworks et Photoshop Insérer des images par glisser-déposer Optimiser les images avec l inspecteur Propriétés TRAVAILLER AVEC LES ÉLÉMENTS DE NAVIGATION 216 Notions de base sur les liens hypertexte Observer le fichier terminé Créer des liens hypertexte internes Créer un lien image Créer un lien externe Configurer des liens de messagerie Cibler des éléments de page Insérer des barres de menus Spry Insérer des menus Spry comme éléments de bibliothèque Vérifier la page ADOBE DREAMWEAVER CS5 CLASSROOM IN A BOOK vii

7 11 AJOUTER DE L INTERACTIVITÉ 258 Découvrir les comportements Dreamweaver Observer le fichier terminé Travailler avec des comportements Dreamweaver Travailler avec des widgets Accordéon Spry TRAVAILLER AVEC FLASH 276 Comprendre Flash Observer le fichier terminé Ajouter une animation Flash à une page Ajouter un fichier FLV à une page TRAVAILLER AVEC DES FORMULAIRES 288 Observer le fichier terminé En apprendre plus sur les formulaires Ajouter un formulaire à une page Insérer des éléments de formulaire texte Insérer des cases à cocher Créer des boutons radio Travailler avec des listes Ajouter un bouton d envoi Spécifier une action de formulaire Transmettre les données par Mettre en forme les formulaires TRAVAILLER AVEC DES DONNÉES EN LIGNE 324 Travailler avec du contenu dynamique Observer le fichier terminé Utiliser des données HTML et XML Choisir un modèle de serveur Configurer un serveur web local Configurer un serveur d évaluation Créer des applications de base de données viii SOMMAIRE

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