CATALOGUE Code & Data Formation Dreamweaver Apprendre Dreamweaver CS5 - Formation Complète

Intégration de Widgets avec Dreamweaver CS5

Retour à la formation
Chapitre 5 Leçon 20
Précédent
Suivant

Apprenez à intégrer facilement des widgets dans Dreamweaver CS5 en utilisant Adobe Widget Browser. Suivez ce guide pour enrichir vos pages web avec des éléments interactifs.

Détails de la leçon

Description de la leçon

Avec la version Dreamweaver CS5, l'intégration de widgets se fait aisément à partir du menu insertion. Cette vidéo vous guidera à travers les étapes nécessaires pour télécharger, installer et configurer des widgets via Adobe Widget Browser. Vous apprendrez à personnaliser ces widgets en modifiant le code et les styles CSS, ainsi qu'à les tester dans différents navigateurs. Nous nous pencherons également sur l'insertion de différents types de widgets, tels que les tweets de Twitter et les barres de navigation déroulantes.

Cette leçon aborde des aspects techniques approfondis, comme la correction d’erreurs d’interprétation d’adresses d’images et l’intégration de widgets complexes. Vous serez guidé sur la manière de paramétrer les widgets pour afficher des données dynamiques, telles que des flux RSS et des mises à jour en temps réel. À la fin de cette vidéo, vous serez capable d'incorporer, personnaliser et débugger divers widgets dans vos projets web.

Objectifs de cette leçon

Les objectifs de cette vidéo sont :
1. Comprendre l'intégration de widgets dans Dreamweaver CS5.
2. Apprendre à utiliser Adobe Widget Browser pour télécharger et installer des widgets.
3. Savoir personnaliser et tester les widgets dans différents navigateurs.

Prérequis pour cette leçon

Pour suivre cette vidéo, vous devez :
1. Posséder une version installée de Dreamweaver CS5.
2. Avoir des connaissances de base en HTML, CSS et en gestion de fichiers.
3. Disposer d'une connexion internet pour télécharger Adobe Widget Browser.

Métiers concernés

Les compétences développées dans cette vidéo peuvent être appliquées dans les métiers suivants :
1. Développeur Front-End.
2. Designer Web.
3. Intégrateur Web.

Alternatives et ressources

En alternative à Dreamweaver CS5, vous pouvez utiliser d'autres éditeurs de code comme Visual Studio Code, Atom ou Sublime Text pour intégrer des widgets via du code HTML et JavaScript.

Questions & Réponses

Utilisez Dreamweaver Exchange pour accéder à l’interface qui permet de télécharger les widgets depuis Internet. Cliquez sur le bouton 'Get the Widget Browser'.
En cas de problème, vérifiez et modifiez l'adresse des images dans le code CSS, comme supprimer des slashes incorrects dans les chemins de fichier.
Vous pouvez intégrer divers widgets comme les flux RSS, des barres de navigation déroulantes et des mises à jour en temps réel de plateformes comme Twitter.