Vidéo: Free Dreamweaver CC 2018 Course - Introduction to Responsive Web Design 2025
Par Janine Warner
Vous pouvez utiliser Adobe Dreamweaver CC pour créer de nouveaux sites Web ou les modifier. Dans Dreamweaver CC, qui désigne Creative Cloud, vous trouverez la page d'accueil familière ainsi que de nouveaux outils de gestion des feuilles de style en cascade (CSS) et des polices Web. Améliorez Dreamweaver en installant des plug-ins, ou finesse votre site Web en parcourant une liste de liens pour les concepteurs Web.
L'écran de bienvenue de Dreamweaver CC
L'interface graphique conviviale de Dreamweaver et sa puissante liste de fonctionnalités en font un choix populaire parmi les concepteurs de sites Web professionnels et les amateurs. Avec chaque nouvelle version, Dreamweaver propose de nouvelles fonctionnalités, mais vous trouverez toujours l'écran de bienvenue habituel pour vous aider à démarrer.
Comment installer des extensions dans Dreamweaver CC
Même avec toutes les fonctions intéressantes de Dreamweaver CC, vous pouvez faire des choses que Dreamweaver ne peut pas faire avec les fonctions fournies avec le programme. Heureusement, les programmeurs qui ont créé Dreamweaver ont permis à d'autres programmeurs d'ajouter des fonctionnalités à Extension Manager. Vous pouvez ajouter de nouvelles fonctionnalités en ajoutant des extensions à partir de diverses sources tierces disponibles sur le site Adobe Extension, illustrées dans la figure suivante.
Vous trouverez des extensions qui vont de l'ajout de menus déroulants et volumineux hautement personnalisables à la création de systèmes de paniers complets. Gardez à l'esprit, cependant, que toutes les extensions ne sont pas bien supportées et quelques-unes viennent avec de bonnes instructions. Ils ne sont pas tous libres non plus. Certains coûtent des centaines de dollars, mais la plupart se situent entre 20 et 50 $. Lorsque vous visitez le site de Dreamweaver Exchange, vous trouverez des avis et des classements qui vous aideront à trier les meilleures options.
Dans les étapes suivantes, vous verrez comment trouver, télécharger et installer une extension Dreamweaver gratuite. Bien que la façon dont les extensions fonctionnent après leur installation peut différer considérablement, le processus de base pour les ajouter à Dreamweaver est presque le même.
-
Visitez le site de Dreamweaver Exchange.
Effectuez l'une des opérations suivantes pour accéder au site Dreamweaver Exchange:
-
Choisissez Obtenir plus de comportements dans la partie inférieure de la liste déroulante Ajouter un comportement du panneau Comportements.
-
Visitez www. adobe. com / exchange et suivez le lien vers la section Dreamweaver.
-
Cliquez sur le lien en bas à droite de l'écran d'accueil de Dreamweaver.
Remarque: Si vous lancez Dreamweaver et que vous trouvez un lien pour télécharger une mise à jour pour Dreamweaver au lieu du lien vers le site Exchange, téléchargez et installez d'abord la mise à jour. Lorsque vous avez terminé, le lien de mise à jour est remplacé par le lien vers le site Exchange.
-
-
Trier par les nombreuses extensions disponibles.
Vous trouverez un large éventail d'extensions sur le site de Dreamweaver Exchange. Vous pouvez effectuer une recherche parmi les extensions par catégorie, mot clé et options de classement. De nombreuses extensions présentes sur le site Exchange incluent des liens vers les sites de leurs créateurs, où vous trouverez souvent encore plus d'extensions.
-
Sélectionnez une extension et passez en revue ses caractéristiques.
Lorsque vous cliquez sur un lien vers une extension sur le site Exchange, vous trouverez plus d'informations sur l'extension, y compris la configuration requise et la version de Dreamweaver pour laquelle l'extension a été conçue. En général, vous pouvez utiliser des extensions conçues pour les versions antérieures de Dreamweaver dans des versions plus récentes. Sachez toutefois que les extensions conçues pour les versions ultérieures de Dreamweaver ne fonctionneront généralement pas dans les versions antérieures du programme et certaines extensions ne fonctionneront que sur la plate-forme Windows.
Avant de quitter la page de l'extension, prenez le temps de lire les instructions spéciales au milieu de la page. Certaines extensions contiennent des informations importantes, telles que l'emplacement de la nouvelle fonctionnalité dans l'interface Dreamweaver après son installation et des avertissements indiquant que certaines fonctions d'une extension ne fonctionnent que lorsqu'elles sont prévisualisées sur un serveur Web actif (c'est le cas pour l'extension aléatoire, par exemple Exemple).
-
Pour télécharger une extension, cliquez sur le bouton Télécharger (pour les extensions gratuites) ou sur le bouton Acheter en regard du nom de l'extension, puis enregistrez l'extension sur votre disque dur.
Selon la manière dont l'extension est hébergée sur le commutateur, vous pouvez être redirigé vers une autre page sur laquelle vous devez cliquer à nouveau sur Télécharger pour télécharger l'extension.
-
Choisissez Aide → Gérer les extensions pour ouvrir la boîte de dialogue d'installation.
La plupart des extensions nécessitent que vous fermiez Dreamweaver avant l'installation, et que la plupart d'entre elles soient installées en cliquant sur un bouton. Le gestionnaire d'extensions de Dreamweaver se lance automatiquement pour installer la plupart des extensions.
-
Dans la boîte de dialogue Extension Manager, choisissez Fichier → Installer l'extension, puis parcourez votre lecteur pour sélectionner le fichier d'extension que vous avez téléchargé.
Une fois l'installation terminée, Dreamweaver affiche les instructions d'utilisation de l'extension. Ces instructions sont généralement les mêmes que celles figurant au milieu de la page sur le site Exchange.
Portez une attention particulière à la partie des instructions qui vous indique où vous trouverez vos extensions nouvellement installées. Des extensions peuvent être ajoutées aux menus, boîtes de dialogue et autres parties de Dreamweaver en fonction de leur fonctionnalité et de la manière dont le programmeur les a configurées. Les trouver peut être difficile si vous ne savez pas où chercher.
-
Lancez Dreamweaver et recherchez la nouvelle option de menu, le bouton ou toute autre fonction d'interface qui contrôle votre nouvelle extension.
Dans de nombreux cas, il vous suffit d'ouvrir une page existante ou de créer une nouvelle page dans Dreamweaver, puis d'ouvrir la boîte de dialogue nouvellement ajoutée ou de sélectionner la nouvelle option dans un menu.
Adobe met constamment à jour le site Exchange, qui est disponible en cliquant sur le lien Dreamweaver à l'adresse www. adobe. com / échange. Visitez-le régulièrement pour trouver de nouvelles extensions que vous pouvez télécharger et installer pour améliorer les fonctionnalités de Dreamweaver.
24 Sites Web et ressources pour les concepteurs de sites Web
Même les concepteurs de sites Web expérimentés se réfèrent aux ressources en ligne pour suivre leurs compétences et ajouter des fonctionnalités spéciales à leurs sites Web. Les sites Web suivants vous permettront de trouver facilement des ressources qui peuvent vous aider dans vos projets de conception de sites Web.
-
Services de rapports d'analyse et de trafic:
-
Google Analytics
-
Yahoo! Web Analytics
-
HubSpot
-
-
Services d'hébergement et d'hébergement de vidéos:
-
YouTube
-
Vimeo
-
SoundCloud
-
-
Navigateurs web populaires:
-
Apple Safari
-
Google Chrome
-
Microsoft Internet Explorer
-
Mozilla Firefox
-
Opera
-
-
Services de partage de médias sociaux
-
Ajouter ceci
-
Lockerz Share
-
-
Services de test du navigateur Web:
-
BrowserShots
-
Cross Browser Testing
-
Xenocode Browser Sandbox
-
-
Services de polices Web:
-
Adobe Typekit
-
Police Squirrel
-
Google Web Fonts
-
-
Informations sur Dreamweaver, SEO et conception Web:
-
Adobe Dreamweaver Developer Center
-
Web Design Training de l'auteur Janine Warner chez DigitalFamily. com
-
SearchEngineLand
-
SearchEngineWatch
-
Magazine du site Web
-
