Nous avons couvert des dizaines des meilleures plates-formes logicielles de création de sites Web ici, du sublime au ridicule. Nous avons également exploré une application conçue pour vous aider à écrire une page entière ou un site uniquement en code. Pas de fioritures, juste du HTML brut. Il est clair que quelle que soit votre expertise, il y aura une application ou un service pour répondre à vos besoins.
Mais il existe une application conçue pour les professionnels et qui est à peu près unique dans l'industrie, ayant survécu ou racheté ses concurrents au fil des ans: le puissant Adobe Dreamweaver. Jetons donc un coup d'œil à la dernière version, CC 2022-2023.
N'ignorons pas l'éléphant dans la pièce et attaquons-le de front (attention aux défenses): tous les produits Adobe sont uniquement disponibles sur la base d'un abonnement. Cela signifie que vous payez chaque mois et que vous aurez toujours la dernière et la meilleure version à votre disposition. Arrêtez de payer, l'application est partie et vos projets ne vous seront plus accessibles (sauf si vous en extrayez les formats bruts).
- Voulez-vous essayer Adobe Dreamweaver? Consultez le site Web ici
Vous pouvez vous abonner à Dreamweaver seul pour 20,99 $ (19,97 £) par mois sur un plan annuel ou 31,49 $ (30,34 £) mois par mois.
Cependant, 52,99 $ (49,94 £) par mois sur un plan annuel (ou 79,49 $ (75,85 £) mois par mois) vous donne accès à l'ensemble du portefeuille d'Adobe, ce qui signifie que vous pouvez concevoir dans Photoshop et Illustrator, déplacer ces fichiers vers Dreamweaver, modifier un film dans Premiere et insérez-le dans votre page Web. Tout est conçu pour fonctionner ensemble, et toutes les interfaces présentent des similitudes entre elles, ce qui vous permet de passer d'une application à une autre avec peu de difficulté - à condition que vous compreniez les subtilités de chacune, bien sûr.
Les étudiants et les enseignants peuvent obtenir la suite entière pour seulement 19,99 $ (16,24 £) par mois sur un plan annuel, ce qui est juste une valeur insensée (ou un excellent moyen de vous accrocher).
Commencer
Comme vous vous en doutez, Dreamweaver prend en charge toutes les normes Web, du HTML de base au CSS, Javascript et toutes les fonctionnalités modernes, y compris Bootstrap. Il est axé sur la création de sites Web réactifs qui s'adaptent à l'appareil sur lequel le visiteur le consulte (que ce soit un ordinateur, une tablette ou un téléphone), mais bien sûr, rien ne vous empêche de créer des sites non réactifs et de demander à votre site de rediriger vers des pages spécifiques en fonction sur l'appareil sur lequel il est visualisé.
Si vous êtes nouveau sur Dreamweaver, l'application vous propose quelques modèles pour commencer. Celles-ci sont très utiles pour vous aider à démarrer pour ainsi dire, et peuvent souvent être plus utiles que de regarder une page blanche.
Il n'y a cependant pas beaucoup de modèles parmi lesquels choisir, et ne soyez pas dupe en pensant que Dreamweaver fera tout le travail pour vous: traitez les espaces réservés comme une source d'inspiration pour personnaliser ces pages vous-même.
Construire un site Web
L'interface est divisée en différentes sections qui peuvent être personnalisées dans une certaine mesure. La barre latérale sur le côté gauche vous permet d'accéder aux commandes courantes, telles que l'ouverture de documents, la gestion des fichiers et les options d'affichage en direct.
Les onglets de droite vous permettent de gérer les fichiers de votre site et les bibliothèques CC. Il existe une liste d'éléments que vous pouvez faire glisser et déposer sur votre page, ainsi qu'une section pour concevoir des feuilles de style en cascade.
Et la partie principale de l'interface est dédiée soit à votre code, soit à un aperçu de la page que vous créez.
Vous pouvez facilement basculer entre voir un aperçu complet de votre page (avec des options pour simuler à quoi la page ressemblerait sur des écrans de différentes tailles), regarder uniquement le code ou un mélange des deux.
Pour modifier des parties de votre page (comme une image ou du texte), ouvrir la fenêtre flottante Propriétés vous permettra d'apporter les modifications dont vous avez besoin. Il existe même un moyen simple de faire glisser une icône cible sur une autre image dans l'onglet Fichier pour changer d'image rapidement et facilement.
Malgré ces fonctionnalités, si vous n’avez pas une connaissance du codage, vous vous perdrez assez rapidement. Oui, vous pouvez faire glisser et déposer des éléments de l'onglet `` Insérer '' sur l'aperçu de la page, mais cela ne vous mènera que jusqu'à présent, et vous constaterez que vous devrez vous plonger dans le code rapidement et souvent pour apporter les modifications. vous avez besoin.
Dreamweaver tente cependant de vous faciliter la tâche: mettez le texte en surbrillance dans la section d'aperçu et le même texte est mis en surbrillance dans le code, ce qui réduit le temps que vous passez à rechercher la même section. L'inverse est également vrai: mettez en surbrillance du code et la section à laquelle il se rapporte dans la zone d'aperçu.
C'est probablement l'une des raisons pour lesquelles nous pensons que la vue fractionnée est la meilleure option car elle vous permet de faire glisser et déposer des éléments, puis de plonger dans le code pour apporter les modifications dont vous avez besoin en quelques secondes.
Une autre amélioration que nous avons appréciée était les conseils de code: tout comme lorsque vous tapez sur un téléphone et que l'interface vous offre un choix de mots, il pense que vous êtes en train de taper afin que vous puissiez sélectionner le bon plus rapidement que de le taper en entier, commencez à écrire code dans Dreamweaver et des conseils vous seront proposés. Non seulement cela vous aide à écrire plus rapidement, mais cela peut également vous aider à taper le code avec précision et à éviter les fautes de frappe. Nous pensons que cela peut être très bénéfique pour les pros comme pour les novices.
Derniers ajouts avec CC2020
Comme Dreamweaver est constamment mis à jour et que vous pouvez télécharger la dernière version à tout moment tant que votre abonnement est toujours valide, de nouvelles fonctionnalités sont ajoutées et améliorées progressivement. Curieusement, deux de nos favoris - à savoir l'édition de la vue en direct et l'indication de code - sont quelques-unes des améliorations récentes.
L'autre grand est une nouvelle configuration de police pour Dreamweaver japonais, mais faute de connaissances dans cette langue, ce n'est malheureusement pas quelque chose que nous avons pu vérifier.
Support
«Aide» vous renvoie à la base de connaissances Dreamweaver en ligne d’Adobe, qui contient des didacticiels et un guide de l’utilisateur détaillé. La section du forum peut vous aider à localiser d'autres personnes qui ont eu des problèmes similaires avec lesquels vous êtes peut-être aux prises et, espérons-le, vous montrer comment les résoudre.
Si cela ne suffit pas, vous pouvez discuter avec un représentant Adobe. Lorsque nous avons testé cela, la personne avec laquelle nous discutions est revenue rapidement avec les réponses dont nous avions besoin.
Verdict final
Dreamweaver est un programme énorme et complexe et cette critique a à peine effleuré sa surface, mais nous espérons que vous pouvez voir qu'il y a beaucoup à aimer ici. De nombreuses fonctionnalités sont conçues pour vous aider à créer des sites rapidement et efficacement, du moment que cela ne vous dérange pas de vous plonger dans le code. Dreamweaver ne fera pas tout pour vous, mais fera de son mieux pour faciliter votre processus de création.
Cependant, si vos connaissances en HTML sont limitées, voire inexistantes, nous vous recommandons de commencer avec une application ou un service différent, car cela peut sembler trop intimidant. À l'inverse, si vous disposez déjà d'un abonnement Adobe Creative Cloud, il n'y a que très peu de raisons de ne pas essayer ce programme, d'autant plus que les fonctionnalités d'assistance sont complètes et que le service d'assistance est très compétent.
- Nous avons également mis en évidence le meilleur logiciel de conception Web