Comment installer et utiliser Dreamweaver sur PC ?

Que permet de faire Dreamweaver ?

Dreamweaver vous permet de créer des sites web dynamiques de manière visuelle grâce à une interface WYSIWYG (What You See Is What You Get), où vous voyez directement le rendu de votre page. Il prend également en charge l'édition de code pour de nombreux langages tels que HTML, CSS, JavaScript, PHP, et plus encore, avec des fonctionnalités d'aide à la saisie de code et de vérification en temps réel. Le logiciel facilite la gestion des fichiers de votre site, la prévisualisation sur différents appareils et la publication sur un serveur web.

Comment le télécharger ?

Rendez-vous sur la page dédiée à Dreamweaver sur la logithèque

Comment installer et utiliser Dreamweaver ?

L'installation de Dreamweaver se fait généralement via l'application de bureau Creative Cloud d'Adobe. Une fois installé, le logiciel présente une interface modulable avec plusieurs vues principales :

1. Vue Code : Permet d'écrire et d'éditer directement le code source de votre page web (HTML, CSS, JavaScript, etc.). Elle offre la coloration syntaxique, l'autocomplétion et la vérification du code en temps réel.
2. Vue Design : Offre une représentation visuelle de votre page, permettant une mise en page et une édition graphiques. C'est l'approche WYSIWYG, idéale pour positionner des éléments sans écrire de code.
3. Vue Fractionnée (Split View) : Combine la vue Code et la vue Design, synchronisant les modifications entre les deux pour un aperçu instantané de l'impact du code sur le design.
4. Vue Live : Présente un rendu de la page tel qu'elle apparaîtra dans un navigateur, permettant d'interagir avec le contenu. Bien qu'elle ne soit pas directement éditable, les modifications apportées en vue Code sont reflétées dans la vue Live.

Étapes clés pour l'utilisation de Dreamweaver :

• Création d'un nouveau site :

  • Allez dans Site > Nouveau site.
  • Donnez un nom à votre site et spécifiez le dossier local où seront stockés vos fichiers.
  • Configurez les paramètres du serveur si vous prévoyez de publier votre site (FTP, SFTP, etc.).

• Gestion des fichiers : Le panneau Fichiers (accessible via Fenêtre > Fichiers) vous permet d'organiser, d'ouvrir, de renommer, de déplacer et de supprimer des fichiers et des dossiers au sein de votre projet. Vous pouvez également synchroniser vos fichiers locaux avec un serveur distant.

• Création et édition de pages :

  • Pour créer une nouvelle page, allez dans Fichier > Nouveau. Choisissez le type de document (HTML, CSS, etc.).
  • Utilisez la vue Design pour ajouter des éléments visuels (images, tableaux, liens) à l'aide du panneau Insertion et du panneau Propriétés pour ajuster leurs attributs.
  • Passez en vue Code pour affiner le HTML, ajouter du CSS via le Designer CSS ou écrire du JavaScript. La fonction Édition rapide permet de modifier le CSS directement dans le contexte HTML.

• Utilisation des modèles (Templates) :

  • Créez un modèle (Fichier > Nouveau à partir d'un modèle > Modèle > Créer un modèle) pour définir une structure et un design cohérents pour plusieurs pages de votre site.
  • Définissez des régions modifiables dans le modèle où le contenu spécifique à chaque page pourra être ajouté, garantissant ainsi l'uniformité.

• Prévisualisation et publication :

  • Pour prévisualiser votre site sur différents appareils, Dreamweaver offre des outils de prévisualisation, y compris la possibilité de scanner un code QR avec votre appareil mobile pour voir le rendu en temps réel.
  • Pour publier, utilisez les paramètres FTP configurés dans la gestion de site (Site > Gérer les sites > modifier le site > Serveurs) pour téléverser vos fichiers sur votre hébergement web.

• Personnalisation de l'espace de travail : Vous pouvez personnaliser l'interface en choisissant les panneaux et les barres d'outils que vous souhaitez afficher pour optimiser votre flux de travail.

• Préférences : Les préférences générales (Édition > Préférences) vous permettent de configurer des aspects tels que les extensions de fichiers par défaut, les paramètres de mise en page, les raccourcis clavier, et bien plus encore, adaptant Dreamweaver à vos habitudes de travail et aux langages que vous utilisez.

Télécharger Dreamweaver gratuitement