Adobe Dreamweaver est un outil tellement puissant pour les concepteurs Web, car il offre une multitude de possibilités. Bien sûr, toutes ces choses que vous pouvez faire rendent l'apprentissage difficile. Découvrez certaines des nombreuses tâches que Dreamweaver peut réaliser, notamment les modifications apportées à la dernière version, CS5. Et n'oubliez pas de vérifier les éléments manquants dans Dreamweaver CS5.
Définir un site
- Démarrer un nouveau site web
- Créer un site web
- Configurez uniquement les parties du site dont vous avez besoin, quand vous en avez besoin * Nouveauté de CS5
- Configurez des serveurs distants, d'assurance qualité et de test pour des flux de travail plus complets * Nouveauté de CS5
- Créer et publier de nouveaux annuaires
- Changer le doctype
- Inclure des métadonnées dans vos pages
Mettre votre site en direct
- Définir un site distant
- Fichiers FTP sur le serveur Web
- Utiliser un système de contrôle de version pour archiver et archiver des fichiers
- Connectez-vous à Subversion pour un contrôle de version plus avancé * Nouveauté de CS5
- Laissez des notes pour vos coéquipiers
Création de pages Web
- Écrire une page en mode WYSIWYG
- Ecrire une page en HTML
- Créer une nouvelle page à partir d'un modèle
- Créer une nouvelle page à partir de zéro
- Créer un modèle
- Enregistrer des fichiers dans votre répertoire de site
- Définir les propriétés de la page
CSS
- Utiliser des feuilles de style CSS
- Ajout de styles en ligne
- Créer une feuille de style externe
- Joindre une feuille de style externe
- Créer des sélecteurs CSS de classe, d'ID, de balise et de composé
- Modifier les règles CSS existantes
- Créer des CSS pour les pages imprimables
- Activer et désactiver les propriétés de style * Nouveau dans CS5
- Inspecter visuellement le modèle de boîte CSS * Nouveauté de CS5
Texte
- Modifier le texte
- Utilisez des polices différentes
- Insérer un saut de ligne
- Utilisez des caractères spéciaux
- Inclure la date du jour
- Écrire des commentaires
- Appliquer des balises HTML au texte
- Ajouter des attributs HTML aux balises
Liens
- Lier du texte et des images
- Vérifier les liens du site
- Changer les couleurs de lien par défaut (lien, visité, survol, actif)
- Créer des info-bulles sur les liens
- Créer des liens mailto
- Créer des ancres de pages Web
Images
- Ajouter des graphiques à une page
- Éditer des images
- Redimensionner les images
- Ajouter du texte alt aux images
- Ajouter des options d'accessibilité supplémentaires aux images
- Aligner les images et le texte
- Créer une image de survol
- Utiliser des cartes-images
- Utiliser des images de traçage
- Utiliser des espaces réservés pour l'image
- Insérer du code HTML Fireworks
- Insérer des fichiers Photoshop
Disposition
- Utiliser les modèles gratuits inclus * Nouvelles dispositions de départ CSS dans CS5
- Insérer des divs pour la mise en page
- Modifier les divs dans le panneau de styles CSS
- Insérer des éléments en position absolue
- Mettre en forme des éléments parfaitement positionnés dans l'inspecteur des propriétés
- Utilisez des règles, des grilles et des guides
Des listes
- Ajouter des listes à puces et numérotées
- Personnaliser les puces et les numéros de la liste
les tables
- Créer une table
- Ajouter des lignes et des colonnes d'en-tête
- Utiliser des images transparentes pour maintenir les cellules de tableau ouvertes
- Créer des colonnes de largeur fixe et de largeur flexible
- Changer les styles de bordure des tableaux
- Intégrer une table dans une table
- Importer des données tabulaires
Formes
- Utiliser un formulaire mailto
- Définir les actions de formulaire
- Ajouter du texte, une radio, une case à cocher, un fichier, une image, des cases de sélection et des champs de formulaire masqués
- Rendez vos formulaires accessibles avec des champs de champs de texte et d'étiquette
- Créer des boutons de soumission personnalisés
- Valider les formulaires avec JavaScript (Spry)
Bases de données et script PHP
- Joignez votre site à une base de données
- Configurer un site PHP / mySQL
- Utiliser des éléments Spry pour se connecter à la base de données
- Insérer des objets de données dans vos pages
- Tester et mettre à jour une source de données ou un affichage Spry
- Modifier des sites dynamiques complexes en mode Création
- Découvrez tous les fichiers liés dynamiquement pour assembler des sites PHP CMS (WordPress, Joomla et Drupal) * Nouveauté CS5
- Conseils de classe personnalisés pour le code PHP, y compris les frameworks tiers tels que le framework Zend * Nouveau dans CS5
Cadres
- Construire un site Web encadré
- Modifier le contenu de noframes
- Formatez et stylisez vos cadres
- Configurer les cibles de lien par défaut entre les cadres
Ajouter l'interactivité
- Construire un album photo (plus dans CS5)
- Ajouter du son aux pages Web
- Créer un menu déroulant
- Utilisez les comportements de Dreamweaver pour ouvrir des fenêtres contextuelles, créer des menus contextuels, reproduire des sons, échanger des images, etc.
- Ajouter des flux RSS à un site
- Insérer un texte Flash en tant que survol
- Insérer du texte CSS en tant que survol
- Insérer d'autres plugins
- Ajouter une barre de menu Spry, des panneaux à onglets, un accordéon, une info-bulle et un panneau compressible
- Utilisez le navigateur de widgets pour trouver de nouveaux widgets pour votre site, sans avoir à connaître JavaScript.
Testez vos pages
- Testez vos pages en mode d'affichage en direct pour voir les modifications dues à JavaScript et à l'interactivité * Nouveauté de CS5
- Validez votre HTML
- Prévisualisez vos pages dans plusieurs navigateurs
- Utilisez BrowserLab pour prévisualiser vos pages sous d'autres systèmes d'exploitation * Nouveauté de CS5
- Utilisez Device Central pour vérifier l’apparence des pages sur les appareils mobiles.
- Vérifier la compatibilité du navigateur
- Modifiez les paramètres pour qu'ils correspondent à ceux sur lesquels votre site doit fonctionner
- Vérifier les liens du site interne
- Testez l'accessibilité de votre site (plus dans CS5)
- Convertir un document Word en HTML
Personnaliser Dreamweaver
- Ajouter des extensions
- Désactiver les extensions
- Personnaliser Dreamweaver avec des raccourcis
Augmentez votre efficacité
- Utiliser les raccourcis clavier intégrés
- Utiliser des extraits de code
- Créer et utiliser des modèles
- Générer de nouvelles pages à partir de modèles personnalisés
- Modèles de mise à jour
- Inclure un fichier dans un autre avec la bibliothèque Dreamweaver
- Mettre à jour les éléments de la bibliothèque
- Inclure un fichier dans un autre à l'aide de SSI
- Utilisez rechercher et remplacer
