Dreamweaver CS3

-

Livres
593 pages
Lire un extrait
Obtenez un accès à la bibliothèque pour le consulter en ligne
En savoir plus

Description

CS3, une version qui simplifie la tâche du concepteur

La dernière version de Dreamweaver, le célèbre éditeur de sites Web commercialisé par Adobe, s'enrichit de nouvelles fonctionnalités permettant de créer sans effort des pages à l'interface complexe et au graphisme avancé. Les CSS constituent ainsi une solution simple et efficace pour maîtriser parfaitement la mise en page d'un site, tandis que les comportements de Dreamweaver et les widgets Spry aident à concevoir des pages interactives sans avoir à saisir une seule ligne de code JavaScript. Quant aux flux de données XML, de plus en plus employés dans les applications en ligne pour stocker ou transférer des informations, ils sont désormais facilement gérables grâce aux composants Spry-XML qui peuvent intégrer ces données dans la page Web depuis l'interface de Dreamweaver.


Un ouvrage exhaustif très accessible


Pratique et complet, cet ouvrage de référence vous fera découvrir toutes les facettes de Dreamweaver CS3 pour vous aider à concevoir des sites Internet de nouvelle génération sans aucune difficulté. Il met tout particulièrement l'accent sur la mise en page XHTML/CSS, les comportements JavaScript et les widgets Spry, les nouveaux outils Spry de validation de formulaire, la création de pages dynamiques PHP/MySQL et la gestion de données issues d'un fichier XML. Mais vous y retrouverez également les fonctions courantes de Dreamweaver, comme les formulaires, les cadres, les tableaux, ainsi que les balises de référencement et les techniques de création d'images destinées au Web. Pour compléter votre apprentissage, l'extension Web du livre comporte tous les fichiers source des exemples et des exercices.


À qui s'adresse cet ouvrage ?



  • Aux intégrateurs et webmasters débutants désirant s'initier à Dreamweaver CS3 pour créer des pages Web

  • Aux webdesigners confirmés souhaitant maîtriser les nouvelles fonctionnalités de la version CS3 pour améliorer leur productivité

  • À tous ceux qui souhaitent développer des sites dynamiques couplés à une base de données MySQL en ligne, ou exploiter des données issues de fichiers XML



  • Les bases de Dreamweaver CS3

    • Présentation de Dreamweaver CS3

    • Réaliser un premier document avec Dreamweaver

    • Insérer et traiter les images dans Dreamweaver

    • Créer des hyperliens

    • Mise en page avec des tableaux

    • Les jeux de cadres et les cadres flottants

    • Les formulaires et leur validation Spry


  • Les CSS avec Dreamweaver CS3

    • Introduction à la conception XHTML/CSS

    • Les règles de styles

    • Le positionnement avec les CSS

    • Mise en forme des liens, des tableaux et des formulaires

    • Mise en forme des listes

    • Pratique de la mise en page CSS


  • Fonctionnalités avancées de Dreamweaver CS3

    • Les comportements JavaScript

    • Les widgets Spry

    • Animer des éléments en position absolue

    • Bibliothèques et modèles

    • Intégration des vidéos

    • Intégration des éléments sonores

    • Intégration des éléments Flash


  • Gestion des données

    • Création de pages dynamiques avec PHP/MySQL

    • Gestion de données XML avec Spry


  • Annexes

    • Préparer son site pour le référencement

    • Mise en ligne d'un site

    • Réaliser des éléments graphiques

    • Couleurs nominatives

    • Ressources en ligne


Sujets

Informations

Publié par
Date de parution 07 juillet 2011
Nombre de visites sur la page 298
EAN13 9782212851731
Langue Français

Informations légales : prix de location à la page 0,0195 €. Cette information est donnée uniquement à titre indicatif conformément à la législation en vigueur.

Signaler un problème
Dreamweaver CS3 Styles CSS Composants SpryXML Comportements JavaScript Comportements serveur PHPMySQL
T h i e r r y A u d o u x J e a n  M a r i e D e f r a n c e
Remerciements
Je remercie Sophie Hincelin et Matthieu Montaudouin pour leur aide dans la réalisation de cet ouvrage.
Avan
t
p
ro
p
o
s
À lheure actuelle, Adobe Dreamweaver CS3 est sûrement le logiciel auteur de création de sites Web et dapplications Internet le plus performant du marché. Son interface visuelle particulièrement ergonomique et ses fonctionnalités avancées en font loutil préféré de tous les créateurs professionnels de sites Web et des webmasters.
Objectif de louvrage
Cet ouvrage parcourt les différentes fonctionnalités de Dreamweaver en sattardant sur les nouveautés de la version CS3. Il est destiné à la fois aux professionnels qui désirent perfectionner leurs connaissances et aux débutants qui souhaitent créer leur premier site Web.
Contenu de louvrage Le présent ouvrage est découpé en quatre grandes parties.  La première partie est consacrée aux principales fonctionnalités de Dreamweaver en concordance avec le langage XHTML. Notre souci principal est de vous permettre de réaliser des pages Web qui seront conformes aux spécifications du W3C et notamment aux DTD 1.0 Transitional et Strict. Il est nécessaire de comprendre les balises XHTML, la structure dune page, le concept des blocs, etc., pour réaliser une page avec Dreamweaver. Les techniques de mise en forme à laide de tableaux et lusage des jeux de cadres sont également présentés dans cette partie, même sils ne sont plus conseillés aujourdhui dans la conception de pages Web. Les formulaires, et surtout les nouveaux types de validation Spry de ses éléments, seront aussi détaillés dans cette partie.  La deuxième partie rappelle les connaissances de base en matière de règles de CSS et détaille leur usage avec linterface visuelle de Dreamweaver. Toutes les propriétés CSS intégrées à Dreamweaver sont détaillées ici. Le chapitre 9 servira de référence car il présente toutes les propriétés des styles accessibles depuis la boîte de dialogue « Défi nition des règles de CSS » de Dreamweaver. La conception de pages XHTML/CSS relevant souvent dune bonne connaissance des règles de styles et plus particulièrement des positionnements, nous avons consacré le chapitre 10 à ces notions. Les chapitres 11, 12 et 13 détaillent la mise en pratique des notions développées au cours des chapitres
VIII
Dreamweaver CS3
précédents. Ils abordent notamment la conception dune page, la mise en forme des tableaux et des formulaires, et la création de menus verticaux et horizontaux avec et sans image darrièreplan.
La troisième partie concerne les fonctionnalités avancées de Dreamweaver CS3, parti culièrement les nombreux comportements JavaScript et effets Spry qui permettent de créer des pages interactives sans avoir à saisir la moindre ligne de code JavaScript. Lintégration des différents types de médias (animation Flash, vidéo, son) est aussi détaillée dans cette partie.
La quatrième partie aborde la gestion des données dynamiques côté serveur avec les comportements serveur PHP/MySQL. Ces derniers permettent de gérer des informa tions stockées dans une base de données, également côté client, à laide des outils XML Spry avec lesquels on peut traiter en local des données issues dun fichier XML. Malgré la puissance des fonctionnalités générées, les différentes réalisations proposées ne nécessitent aucune connaissance en programmation car elles seront entièrement réalisées en mode visuel.
Fichiers source Tous les fichiers des exercices de cet ouvrage sont disponibles en téléchargement sur le site Internet de léditeur à ladresse suivante :http://www.editions-eyrolles.com Sur lécran daccueil du site, saisissez le nom de lun des deux auteurs de cet ouvrage dans le champ de recherche situé en haut à gauche. Dans la liste des résultats proposés, cliquez ensuite sur le lien correspondant à ce livre pour visualiser sa fiche. Une fois cette dernière affichée à lécran, cliquez sur le lien de téléchargement (dans la colonne de droite) pour accéder aux fichiers source mentionnés dans cet ouvrage.
Table des matières
PARTIEI  LESBASESDEDREAMWEAVERCS3
CHAPITRE 1 Présentation de Dreamweaver CS3. . . . . . . . . . . . . . . . . . . . . . . . . Les nouveautés de Dreamweaver CS3 . . . . . . . . . . . . . . . . . . . . . . . . . . Utilisation des CSS optimisée . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Meilleure intégration des autres programmes Adobe. . . . . . . . . . . . . . . . . Framework Spry pour Ajax . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Lespace de travail . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Configuration de lespace de travail . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Présentation de lespace de travail . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
CHAPITRE 2 Réaliser un premier document avec Dreamweaver . . . . . . . . . Préparer un site. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Définir un site . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Définir un nouveau site avec longlet Elémentaire. . . . . . . . . . . . . . . . . . . Définir un nouveau site avec longlet Avancé . . . . . . . . . . . . . . . . . . . . . . Créer un nouveau document. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
3 3 3 4 4 5 5 5
9 9 10 11 13 17
X
Dreamweaver CS3
La fenêtre Document . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Les préférences pour les nouveaux documents . . . . . . . . . . . . . . . . . . . . . Le choix de la DTD . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Saisir du texte et le mettre en forme. . . . . . . . . . . . . . . . . . . . . . . . . . . . Copiercoller un texte depuis une autre application . . . . . . . . . . . . . . . . . . Copiercoller un texte dun document Dreamweaver dans un autre. . . . . . Copier du code et coller du texte formaté. . . . . . . . . . . . . . . . . . . . . . . . . . Copier et coller du code . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Mettre en forme du texte avec le panneau Propriétés . . . . . . . . . . . . . . . . . Aperçu dans un navigateur. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Conclusion . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
CHAPITRE 3 Insérer et traiter les images dans Dreamweaver . . . . . . . . . . . . Insérer une image . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Insérer une image depuis Adobe Photoshop. . . . . . . . . . . . . . . . . . . . . Copiercoller depuis Adobe Photoshop . . . . . . . . . . . . . . . . . . . . . . . . . . . Insérer une image PSD . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Les propriétés dune image. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Éditer une image. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Choisir le logiciel dédition des images . . . . . . . . . . . . . . . . . . . . . . . . . . . Optimiser une image. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Optimiser un document GIF ou PNG . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Optimiser un GIF animé . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Recadrer une image . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Modifier la luminosité, le contraste et la netteté dune image. . . . . . Rééchantillonner une image . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Conclusion. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
CHAPITRE 4 Créer des hyperliens . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Comprendre les liens . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Créer un lien relatif sur un texte ou une image. . . . . . . . . . . . . . . . . . . Lien par saisie . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
24 36 37 39 39 39 40 41 41 44 45
47 47 49 50 51 52 54 54 55 57 58 59 60 60 60
61 61 62 62
Table des matières
Lien par pointage . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Lien par recherche . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Créer un lien absolu. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Créer un lien daccessibilité . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Créer des liens avec des ancres. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Créer des liens de messagerie. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Créer des liens nuls ou vides. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Créer des liens sur une image (image map) . . . . . . . . . . . . . . . . . . . . . . Conclusion . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
CHAPITRE 5 Mise en page avec des tableaux . . . . . . . . . . . . . . . . . . . . . . . . . . . . Créer un tableau. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Définition dun tableau . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Création dun tableau . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Création dun tableau à partir déléments PA. . . . . . . . . . . . . . . . . . . . . . . La boîte de création de tableau. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Insérer du contenu dans un tableau . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Modifier la mise en page du tableau . . . . . . . . . . . . . . . . . . . . . . . . . . . . Le mode Développé et les assistances visuelles. . . . . . . . . . . . . . . . . . . . . Ajouter des éléments au tableau. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Fusionner des cellules . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Modifier laspect du tableau . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Les propriétés des tableaux et des cellules. . . . . . . . . . . . . . . . . . . . . . . . . Conclusion. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
CHAPITRE 6 Les jeux de cadres et les cadres flottants. . . . . . . . . . . . . . . . . . Principe des jeux de cadres et des cadres flottants . . . . . . . . . . . . . . . . Structure dun jeu de deux cadres . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Structure dun cadre flottant . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Création dun jeu de cadres. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Configuration des liens dun jeu de cadres . . . . . . . . . . . . . . . . . . . . . . Configuration du contenu sans cadre (noframe). . . . . . . . . . . . . . . . .
63 64 64 65 66 69 71 71 73
75 75 75 78 79 80 81 82 82 83 85 85 88 90
91 91 92 93 94 100 102
XI
XII
Dreamweaver CS3
Création dun cadre flottant (iframe) . . . . . . . . . . . . . . . . . . . . . . . . . . . Les inconvénients des jeux de cadres et des cadres flottants. . . . . . . . Le référencement des structures de cadres . . . . . . . . . . . . . . . . . . . . . . . . Lenregistrement dans les Favoris. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Conclusion . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
CHAPITRE 7 Les formulaires et leur validation Spry . . . . . . . . . . . . . . . . . . . . . Principe dun formulaire. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .. Délimiter les frontières dun formulaire . . . . . . . . . . . . . . . . . . . . . . . . . . . Méthodes GET ou POST . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . La cible du formulaire . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . La zone de formulaire . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Lindispensable balise de formulaire . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Les attributs de la balise de formulaire. . . . . . . . . . . . . . . . . . . . . . . . . . . . Insertion et configuration dune balise de formulaire. . . . . . . . . . . . . . . . . Laccessibilité pour les formulaires . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Regroupement des éléments de formulaire. . . . . . . . . . . . . . . . . . . . . . . . . Association détiquette à chaque élément de formulaire . . . . . . . . . . . . . . Aide à la navigation dans les éléments de formulaire . . . . . . . . . . . . . . . . Utilisation de la fonction loupe . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Les éléments standards dun formulaire . . . . . . . . . . . . . . . . . . . . . . . . Longlet Formulaires de la barre Insertion . . . . . . . . . . . . . . . . . . . . . . . . . Mise en forme dun formulaire. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Insertion et configuration dun champ de texte . . . . . . . . . . . . . . . . . . . . . Insertion et configuration de boutons radio . . . . . . . . . . . . . . . . . . . . . . . . Insertion et configuration de cases à cocher . . . . . . . . . . . . . . . . . . . . . . . . Insertion et configuration dune liste ou dun menu. . . . . . . . . . . . . . . . . . Insertion et configuration dun bouton de formulaire. . . . . . . . . . . . . . . . . Insertion et configuration dune zone de texte . . . . . . . . . . . . . . . . . . . . . . Insertion et configuration dun ensemble de champs . . . . . . . . . . . . . . . . . Insertion et configuration dun champ de fichier . . . . . . . . . . . . . . . . . . . . Insertion et configuration dun champ dimage . . . . . . . . . . . . . . . . . . . . . Insertion et configuration dun champ masqué. . . . . . . . . . . . . . . . . . . . . . Insertion et configuration dun menu de reroutage. . . . . . . . . . . . . . . . . . . Insertion et configuration dune étiquette . . . . . . . . . . . . . . . . . . . . . . . . . .
103 107 107 107 108
109 109 109 109 110 110 110 110 111 113 113 114 114 115 115 116 118 118 120 123 124 126 129 131 134 136 137 138 140
Table des matières
Les éléments de validation Spry dun formulaire. . . . . . . . . . . . . . . . . Insertion et configuration dune validation Spry de champ de texte . . . . . Insertion et configuration dune validation Spry de zone de texte . . . . . . . Insertion et configuration dune validation Spry de case à cocher. . . . . . . Insertion et configuration dune validation Spry de sélection . . . . . . . . . . Conclusion . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
PARTIEII  LESCSSAVECDREAMWEAVERCS3
CHAPITRE 8 Introduction à la conception XHTML/CSS. . . . . . . . . . . . . . . . . . La conception sémantique . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Introduction au XHTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Le modèle des boîtes CSS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Les règles XHTML  conformité 1.0 Strict . . . . . . . . . . . . . . . . . . . . . . . . Vérifiez votre code . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Introduction aux styles CSS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Placer les styles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Comprendre les CSS. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . La grammaire . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Créer un nouveau style . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Les sélecteurs de balises. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Les sélecteurs de classe . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Les sélecteurs dID. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Les sélecteurs de pseudoclasses . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Autres syntaxes des règles CSS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Les unités de mesure . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Les couleurs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Conclusion . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
CHAPITRE 9 Les règles de styles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . La fenêtre Styles CSS. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .. Les différents modes daffichage . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Présentation des propriétés. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
XIII
140 141 145 147 148 150
153 153 156 158 160 161 162 162 164 164 165 166 167 167 168 169 171 173 174
175 176 176 178