partners
Ce que vous pouvez faire avec Dreamweaver
Adobe Dreamweaver est un outil si puissant pour les concepteurs de sites Web, car il permet de faire tellement de choses avec lui. Bien sûr, toutes ces choses que vous pouvez faire rendent l’apprentissage difficile. Découvrez les nombreuses fonctionnalités de Dreamweaver, notamment les modifications apportées à la dernière version, CS5. N’oubliez pas de vérifier ce qui manque dans Dreamweaver CS5.
ledigitalpost / Briana Gilmartin
définir le site
- démarrer un nouveau site web
- Créer un site Web
- Définissez uniquement les parties de votre site dont vous avez besoin quand vous en avez besoin * Nouveau dans CS5
- Configurez des serveurs distants, d’assurance qualité et de test pour un flux de travail plus complet* Nouveau dans CS5
- Créer et publier de nouveaux catalogues
- Modifier le type de document
- Inclure des métadonnées dans vos pages
Mettez votre site web en ligne
- définir le site distant
- Fichiers FTP vers serveur Web
- Archivage et extraction de fichiers à l’aide d’un système de contrôle de version
- Connectez-vous à Subversion pour un contrôle de version plus avancé * Nouveau dans CS5
- Laissez des notes à vos coéquipiers
Créer des pages Web
- Ecrire des pages en mode WYSIWYG
- Ecrire des pages 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
- Enregistrez le fichier dans le répertoire de votre site
- Définir les propriétés de la page
CSS
- Utiliser des feuilles de style CSS
- Ajouter des styles en ligne
- Créer une feuille de style externe
- Ajouter des feuilles de style externes
- Créer des classes, des identifiants, des balises et des sélecteurs CSS composés
- Modifier les règles CSS existantes
- Créer CSS pour les pages imprimables
- Activation et désactivation des propriétés de style * Nouveau dans CS5
- Inspectez visuellement le modèle de boîte CSS * Nouveau dans CS5
texte
- Modifier le texte
- utiliser une police différente
- insérer une nouvelle ligne
- Utiliser des caractères spéciaux
- Inclure la date d’aujourd’hui
- Écrire une critique
- Appliquer le balisage HTML au texte
- Ajouter des attributs HTML aux balises
Lien
- Lier du texte et des images
- Vérifier le lien du site Web
- Modifier les couleurs de lien par défaut (Lien, Visité, Survol, Actif)
- Créer des info-bulles sur les liens
- Créer un lien mailto
- Créer des ancres Web
image
- Ajouter des graphiques à la page
- Modifier les images
- redimensionner l’image
- Ajouter du texte alternatif à une image
- Ajouter des options d’accessibilité supplémentaires aux images
- Aligner les images et le texte
- Créer une image inversée
- Utiliser des images cliquables
- Utiliser des images tracées
- Utiliser des espaces réservés pour les images
- Insérer le code HTML de Fireworks
- Insérer un fichier Photoshop
disposition
- Utilisez la nouvelle mise en page de départ CSS du modèle gratuit inclus *CS5
- Insérer div pour la mise en page
- Modifier div dans le panneau de style CSS
- Insérer un élément en position absolue
- Mise en forme des éléments en position absolue dans l’inspecteur des propriétés
- Utiliser des règles, des grilles et des guides
liste
- Ajouter des listes à puces et numérotées
- Personnaliser les puces et la numérotation des listes
surface
- créer un tableau
- Ajouter une ligne et une colonne d’en-tête
- Garder la cellule du tableau ouverte avec une image transparente
- Créer des colonnes à largeur fixe et à largeur flexible
- Modifier le style de bordure d’un tableau
- Intégrer un tableau dans un tableau
- Importer des données tabulaires
formulaire
- Utilisez le formulaire d’envoi
- Définir les actions du formulaire
- Ajoutez du texte, des radios, des cases à cocher, des fichiers, des images, des cases à cocher et des champs de formulaire masqués
- Rendez vos formulaires accessibles à l’aide d’ensembles de champs et de champs d’étiquette
- Créer un bouton d’envoi personnalisé
- Valider le formulaire à l’aide de JavaScript (Spry)
Base de données et scripts PHP
- Attachez votre site Web à la base de données
- Mise en place d’un site PHP/mySQL
- Connexion à la base de données à l’aide de l’élément Spry
- Insérer des objets de données dans votre page
- Tester et mettre à jour une source de données ou un affichage Spry
- Modifier des sites dynamiques complexes en mode Conception
- Découvrez tous les fichiers liés dynamiquement pour assembler un site PHP CMS (WordPress, Joomla et Drupal) * Nouveau dans CS5
- Conseils de classe personnalisés pour le code PHP, y compris les frameworks tiers tels que Zend Framework* Nouveau dans CS5
Cadre
- Créer un site Web encadré
- Modifier le contenu des noframes
- Formater et styliser le cadre
- Définir la cible du lien par défaut entre les cadres
ajouter de l’interactivité
- Créer un album (n’est 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, lire des sons, échanger des images, etc.
- Ajouter un flux RSS au site
- Insérer du texte Flash au passage de la souris
- Insérer du texte CSS en tant que retournement
- Insérer d’autres plugins
- Ajouter une barre de menus Spry, des panneaux à onglets, des accordéons, des info-bulles et des panneaux pliables
- Utilisez le navigateur de widgets pour trouver de nouveaux widgets pour votre site sans connaître JavaScript
testez votre page
- Testez votre page en vue en direct pour voir les changements dus à JavaScript et à l’interactivité *Nouveau dans CS5
- Validez votre HTML
- Prévisualisez vos pages dans plusieurs navigateurs
- Prévisualisez vos pages dans d’autres systèmes d’exploitation avec BrowserLab* Nouveau dans 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 en fonction de ce que votre site doit utiliser
- Vérifier les liens internes du site
- Testez l’accessibilité de votre site Web (n’est plus dans CS5)
- Convertir des documents Word en HTML
Personnaliser Dreamweaver
- ajouter une extension
- Désactiver les extensions
- Personnaliser Dreamweaver avec des raccourcis
Améliorez 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
- Mettre à jour le modèle
- Inclure un fichier dans un autre à l’aide de la bibliothèque Dreamweaver
- Mettre à jour les éléments de la bibliothèque
- Inclure un fichier dans un autre en utilisant SSI
- Utiliser la recherche et le remplacement
Merci de nous en informer!
Recevez les dernières nouvelles technologiques publiées quotidiennement
abonnement
Dites-nous pourquoi !
D’autres détails ne sont pas assez difficiles à comprendre
