Cours et support sur l’utilisation de Dreamweaver

Support sur l’utilisation de Dreamweaver, tutoriel création Web avec Dreamweaver document PDF.

INTRODUCTION
Prise en main
Configuration système requise
Installation de Dreamweaver
Prise en main de Dreamweaver
Déroulement du travail du développement web
Par où débuter
Conventions typographiques
Nouveautés de Dreamweaver 4
Ressources sur le langage HTML et les technologies web
Accessibilité et Dreamweaver
CHAPITRE 1
Didacticiel de Dreamweaver
Visite guidée de Dreamweaver
A propos de l’espace de travail de Dreamweaver
Définition de la structure du site pour le didacticiel
Définir un site local
Création de la page d’accueil du site
Conception d’une page en mode Mise en forme
Ajout d’un contenu à la page
Utilisation du mode Standard
Utilisation du panneau Actifs
Insertion d’objets Flash
Création d’un modèle
Vérifier votre site
Les prochaines étapes
CHAPITRE 2
Les bases de Dreamweaver
A propos de l’espace de travail de Dreamweaver
A propos des différents modes de Dreamweaver
Utilisation des couleurs
Les couleurs sécurisées pour le web
Définition des préférences
Utilisation de Dreamweaver avec d’autres applications
Personnalisation de base dans Dreamweaver
CHAPITRE 3
Planification et configuration de votre site
A propos de la planification et de la création du site
Configuration d’un nouveau site à l’aide de Dreamweaver
Modification d’un site web existant
Modification d’un site distant
Suppression d’un site de votre liste de sites
CHAPITRE 4
Gestion des sites et collaboration
La fenêtre Site
Affichage et ouverture de fichiers dans la fenêtre Site
Carte du site
Utilisation de la carte du site
Configuration d’un site distant
A propos de WebDAV et de l’intégration SourceSafe
Résolution des problèmes de configuration du site distant
Utilisation de l’archivage et de l’extraction
A propos des Design Notes
Utilisation des rapports pour améliorer le déroulement du travail
Acquérir et placer des fichiers
Synchronisation des fichiers sur le site local et le site distant
CHAPITRE 5
Configuration d’un document
Création, ouverture et enregistrement de documents HTML
Définition des propriétés du document
Sélection d’éléments dans la fenêtre de document
Utilisation de guides visuels durant la conception
Affichage et modification du contenu de l’en-tête
A propos de l’automatisation des tâches
CHAPITRE 6
Conception de la mise en forme d’une page
Cellules et tableaux de Mise en forme
Dessin de cellules et de tableaux de mise en forme
Déplacement et redimensionnement de cellules et de tableaux de
Mise en forme
Formatage de cellules et de tableaux de Mise en forme
Définition de la largeur de la présentation
Définition des préférences du mode Mise en forme
CHAPITRE 7
Utilisation de tableaux pour présenter du contenu
Insertion d’un tableau
Sélection d’éléments de tableau
Mise en forme des tableaux et des cellules
Redimensionnement des tableaux et cellules
Ajout et suppression de lignes et de colonnes
Copie et collage de cellules
Tri des tableaux
Exportation des données d’un tableau
CHAPITRE 8
Utilisation de cadres
Choix de l’utilisation des cadres
A propos de la création de pages web basées sur des cadres
Création de cadres
Sélection d’un cadre ou d’un jeu de cadres
Enregistrement des fichiers du cadre et du jeu de cadres
A propos des propriétés des cadres et des jeux de cadres
Définition des contenus de cadre avec liens
Gestion des navigateurs qui ne peuvent pas afficher les cadres
Utilisation des comportements avec les cadres
CHAPITRE 9
Gestion et insertion d’actifs
Utilisation du panneau Actifs
Utilisation d’actifs favoris
CHAPITRE 10
Insertion et mise en forme de texte
Insertion de texte et d’objets
Création de listes
Définition de polices, de styles, de couleurs et d’alignement
Utilisation de styles HTML pour formater un texte
Utilisation de feuilles de style CSS
Conversion de styles CSS en balises HTML
Vérification de l’orthographe
Recherche et remplacement de texte, de balises et d’attributs
CHAPITRE 11
Insertion d’images
Insertion d’une image
Définition des propriétés d’une image
Création de cartes graphiques
Utilisation d’un éditeur d’image externe
Application de comportements aux images
CHAPITRE 12
Utilisation conjointe de Dreamweaver et Fireworks
Récupération dans Dreamweaver de fichiers Fireworks
Exécution de Fireworks à partir de Dreamweaver
Modification de fichiers Fireworks mis en place dans Dreamweaver
Optimisation des images Fireworks et des animations mises en
place dans Dreamweaver
Mise à jour de fichiers Fireworks mis en place dans Dreamweaver
Création d’albums photos pour le web
CHAPITRE 13
Insertion d’éléments multimédias
Insertion d’éléments multimédias
Démarrage d’un éditeur multimédia externe
Utilisation des Design Notes (Notes de conception) avec les
objets multimédias
A propos du contenu Flash
Utilisation des objets de bouton Flash
Utilisation d’objets de texte Flash
Définition des propriétés d’un objet Flash
Insertion d’animations Flash
Insertion d’objets Generator
A propos des animations Shockwave
Ajout de son à une page
Insertion de contenu d’un plug-in Netscape Navigator
Insertion d’un contrôle ActiveX
Insertion d’une appliquette Java
Utilisation de paramètres
Utilisation de comportements pour contrôler les objets
multimédias
CHAPITRE 14
Modification du code HTML dans Dreamweaver
Connaissances des balises HTML de base
Insertion de commentaires
Utilisation du panneau Référence de Dreamweaver
Roundtrip HTML
Utilisation du mode Affichage de code (ou de l’inspecteur de code)
Insertion de scripts
Ouverture et modification de fichiers non HTML dans
Dreamweaver
Modification d’une balise HTML en mode Création
Définition des préférences de formatage de code
Nettoyage du code source HTML
Nettoyage de HTML provenant de MS Word
Utilisation d’éditeurs HTML externes
CHAPITRE 15
Liens et navigation
Emplacements et chemins d’accès des documents
Création de liens
Gestion des liens
Création de menus de reroutage
Création de barres de navigation
Association de comportements à des liens
CHAPITRE 16
Réutilisation de contenu à l’aide de modèles et d
bibliothèques
Création d’un modèle
Définition des régions modifiables d’un modèle
Création de documents basés sur des modèles
Mise à jour de pages basées sur un modèle
Exportation et importation de contenu XML
Création, gestion et modification des éléments de bibliothèque
Utilisation des SSI (server-side includes, inclusions à partir
du serveur)
CHAPITRE 17
Utilisation de calques dynamiques
Calques et code HTML
Création de calques sur une page
Manipulation des calques
Configuration des propriétés de calque
Modification de l’ordre de superposition des calques
Modification de la visibilité des calques
Utilisation de tableaux et de calques pour la mise en forme
Animation de calques
Actions de comportement pour contrôler les scénarios de calques
CHAPITRE 18
Utilisation des comportements
Utilisation du panneau Comportements
Les événements
Association d’un comportement
Comportements et texte
Association d’un comportement à un scénario
Modification d’un comportement
Actualisation d’un comportement
Création de nouvelles actions
Téléchargement et installation de comportements créés par
des développeurs indépendants
Utilisation des actions de comportement livrées avec Dreamweaver.
CHAPITRE 19
Débogage de code JavaScript
Exécution du débogueur
Recherche et correction des erreurs logiques
CHAPITRE 20
Création de formulaires
Scripts CGI
Objets de formulaire
Création d’un formulaire
Champs de formulaire
Insertion de cases à cocher et de cases d’options
Listes et menus
Boutons de formulaire
Conception du formulaire
Traitement des formulaires
Utilisation de comportements avec des formulaires
CHAPITRE 21
Test et publication d’un site
Vérification de la compatibilité du navigateur
Utilisation de comportements pour détecter le type et la version
des navigateurs et des plug-ins
Aperçu dans des navigateurs
Vérification des liens dans une page ou un site
Vérification du temps et de la taille de téléchargement
Utilisation des rapports pour tester un site
CHAPITRE 22
Personnalisation de Dreamweaver
Modification du type de fichier par défaut
Modification du panneau Objets
Création d’un objet simple
Personnalisation des menus de Dreamweaver
Personnalisation de l’aspect des boîtes de dialogue
Modification du formatage HTML par défaut
Utilisation des profils de navigateur
Extension de Dreamweaver : bases
Personnalisation de l’interprétation de balises propriétaires

Résumé sur utilisation de Dreamweaver

Prise en main
INTRODUCTION
Macromedia Dreamweaver est un éditeur HTML professionnel qui permet de concevoir et de gérer visuellement des sites et des pages web. Que vous aimiez à contrôler manuellement le codage HTML ou préfériez travailler dans un environnement d’édition visuel, Dreamweaver facilite la mise en œuvre et vous fournit les outils appropriés pour élargir votre expérience dans le domaine de la conception web.
Dreamweaver inclut de nombreux outils et fonctions de codage : une référence HTML, CSS et JavaScript, un débogueur JavaScript et des éditeurs de code (le mode Affichage de code et l’inspecteur de code) qui vous permettent de modifier les documents JavaScript, XML et autres documents texte directement dans Dreamweaver. La technologie Roundtrip HTML™ de Macromedia permet d’importer des documents HTML sans en modifier le code. Vous pouvez, par ailleurs, paramétrer Dreamweaver pour qu’il « nettoie » et reformate le code HTML au moment voulu.
Configuration système requise
Le matériel et les logiciels suivants sont requis pour l’exécution de Dreamweaver :
Pour Microsoft Windows :
• Processeur Intel Pentium ou équivalent, 166 MHz ou plus rapide, exécutant Windows 95, Windows 98, Windows 2000, Windows ME ou Windows NT (avec Server Pack 3)
• Netscape Navigator ou Microsoft Internet Explorer version 4.0 ou ultérieure
• 32 Mo de mémoire vive (RAM), plus 110 Mo d’espace disque disponible
• Un moniteur 256 couleurs avec une résolution de 800 x 600 pixels ou supérieure
• Un lecteur de CD-ROM.
Pour Macintosh :
• Processeur Power Macintosh exécutant Mac OS 8.6 ou 9.x
• 32 Mo de mémoire vive (RAM), plus 135 Mo d’espace disque disponible
• Un moniteur 256 couleurs avec une résolution de 800 x 600 pixels ou supérieure
• Un lecteur de CD-ROM.
Installation de Dreamweaver
Suivez les étapes suivantes pour installer Dreamweaver sur un ordinateur Windows ou Macintosh.
Pour installer Dreamweaver :
1 Insérez le CD de Dreamweaver dans le lecteur de CD-ROM.
2 Choisissez parmi les options suivantes :
• Sous Windows, choisissez Démarrer> Exécuter. Cliquez ensuite sur Parcourir,puis sur le fichier Dreamweaver 4 Installer.exe sur le CD de Dreamweaver. Cliquez sur OKdans la boîte de dialogue Exécuter pour commencer l’installation.
• Sur Macintosh, cliquez deux fois sur l’icône Installation de Dreamweaver.
3 Suivez les instructions à l’écran.
4 Redémarrez votre ordinateur si nécessaire.
Prise en main de Dreamweaver
Macromedia Dreamweaver inclut diverses ressources qui vous aideront à vous familiariser rapidement avec le programme et à maîtriser la création de vos propres sites et pages web. Ces ressources incluent un livre imprimé, des pages d’aide en ligne, des animations (Visites guidées), un didacticiel et des leçons interactives. Vous pourrez également obtenir des conseils, des notes techniques, des informations et des exemples régulièrement mis à jour auprès du Support technique de Dreamweaver, sur le site web de Macromedia.Commencez par visionner les visites guidées pour vous familiariser avec les caractéristiques de Dreamweaver. Lancez ensuite le didacticiel Dreamweaver. Enfin, lisez les leçons Dreamweaver pour apprendre à exécuter des tâches spécifiques.
Visites guidées
Les visites guidées présentent, sous forme d’animations, le processus de développement web et passent en revue les caractéristiques de Dreamweaver. Pour visionner une visite guidée, choisissez Aide> Visites guidéeset cliquez sur le titre d’une animation. A la fin de la visite, cliquez sur le bouton Accueil pour revenir à la liste des animations, puis cliquez sur une autre visite guidée. Vous pouvez effectuer la visite complète ou passer directement aux sections qui vous intéressent.
Didacticiel
Le didacticiel Dreamweaver est le point de départ idéal si vous voulez acquérir une expérience pratique de la création de pages dans reamweaver. Vous y apprendrez à créer un site web avec certaines des fonctions les plus utiles et les plus puissantes du programme. Vous le trouverez à la fois dans l’aide de Dreamweaver et dans le manuel Utilisation de Dreamweaver. Vous pouvez également télécharger une version imprimable du didacticiel à partir du site web de Macromedia.Le didacticiel inclut des exemples de pages et d’actifs (images et fichiers Macromedia Flash) qui vous aideront à commencer le développement d’un site web.
Leçons Dreamweaver
Dreamweaver est fourni avec un ensemble de leçons interactives. Chaque leçon décrit en détail la procédure permettant d’exécuter une tâche spécifique et inclut des exemples de pages avec tous les éléments de conception et fonctionnels requis. Utilisez ces leçons comme des guides pas à pas avec les exemples de pages ou comme points de repère lorsque vous travaillez sur vos propres pages.
Manuel de Dreamweaver (document imprimé)
Le manuel Utilisation de Dreamweaver propose un équivalent papier de l’aide en ligne et contient des informations sur l’utilisation des commandes et des fonctionnalités de Dreamweaver. Certaines rubriques de référence consacrées aux options du programme ne figurent pas dans cette version imprimée ; consultez les pages d’aide pour toute information sur ces rubriques.
Si vous avez acheté la version ESD (Electronic Software Download) de Dreamweaver, vous pouvez télécharger une version imprimable du document Utilisation de Dreamweaver à partir du Support technique Dreamweaver, à l’adresse suivante : http://www.macromedia.com/support/dreamweaver/documentation/.
Aide en ligne de Dreamweaver
L’aide de Dreamweaver, optimisée pour une utilisation en ligne, fournit des informations complètes sur toutes les fonctionnalités de Dreamweaver.
Pour de meilleurs résultats, utilisez de préférence Netscape Navigator 4.0 ou Microsoft Internet Explorer 4.0 (ou versions ultérieures).
Les pages d’aide HTML de Dreamweaver font un large usage du JavaScript. Assurez-vous que JavaScript est activé dans votre navigateur. Vérifiez également que Java est activé dans votre navigateur si vous désirez utiliser la fonctionnalité de recherche.

……..

Si le lien ne fonctionne pas correctement, veuillez nous contacter (mentionner le lien dans votre message)
Cours et support sur l’utilisation de Dreamweaver (7476 KO) (Cours PDF)