FAQ Adobe® Dreamweaver CS3/CS4
FAQ Adobe® Dreamweaver CS3/CS4Consultez toutes les FAQ
Nombre d'auteurs : 6, nombre de questions : 55, dernière mise à jour : 16 juin 2021Â
- Dreamweaver dispense-t-il de connaître les langages : HTML, CSS, PHP, etc... ?
- Je suis débutant, existe-t-il des modèles de page ?
- Dreamweaver et un navigateur n'affichent pas mon site de la même façon. Que faire ?
- Est-il possible de déplacer des pages sans perdre les liens ?
- Comment faire pour ne pas oublier de fermer une balise ?
- Comment obtenir dans Dreamweaver des informations sur les différents languages ?
Dreamweaver CS3 est prévue pour vous simplifier la vie. Il est capable de générer automatiquement le code sans avoir besoin de connaissance (en théorie). Si vous connaissez le code qui est produit, vous êtes capable de concevoir des sites originaux en repoussant les limites de Dreamweaver.
Le HTML :
C'est un language de mise en page.
C'est en HTML que vous rédigez, que vous structurez vos pages, que vous insérez des images.
Tout savoir sur le (X)HTML
Le CSS :
C'est un complément au HTML permettant de gérer toute la mise en forme. Bien que les bases soient possible en HTML, le CSS permet d'aller beaucoup plus loin.
Tout savoir sur le CSS
Le JavaScript :
C'est un vrai langage de programmation. Vous pouvez créer des fonctions ou des variables, vous pouvez faire des opérations...
JavaScript est un langage capable de contrôler votre navigateur et le code qui est chargé. Il est donc capable de lancer une impression ou de changer la couleur d'un texte au survol.
Tout savoir sur le JavaScript
Le PHP ou l'ASP (maintenant ASP.net) :
Ce sont des langages « côté serveur ». C'est à dire qu'ils s'exécutent en amont et permettent de faire un site dit « Dynamique ».
Si par exemple, vous souhaitez afficher des news sur un site, vous n'allez pas mettre à jour votre fichier html tous les jours. Il vous suffit de faire la mise à jour dans une base de données par exemple, de demander à PHP ou ASP d'afficher les 3 dernières news.
Ainsi, votre site affichera toujours les 3 dernières news sans que vous ayez besoin de modifier votre fichier.
Tout savoir sur le PHP ou ASP
Dreamweaver est capable de générer tout ça en même temps, mais comprenez bien que plus progresserez dans votre développement, plus vous verrez qu'il est nécessaire de connaître le code généré pour résoudre des bugs ou dépasser les limites du logiciel.
Oui, Dreamweaver CS3 (supprimée sur la version CS4) propose différents modèles de page utilisables pour votre propre site.
Sélectionnez : Fichier > Nouveau (Ctrl + N),
Dans l'onglet « Exemple de page », choisissez « Page d'accueil (thème) ».
Il ne vous reste plus qu'à choisir un modèle qui correspond à vos attentes.
Dreamweaver va ensuite vous demander d'enregistrer le document et générera automatiquement une partie du site.
Libre à vous de changer les couleurs et les images.
Vous pouvez avoir la déplaisante surprise de voir votre site déformé lorsque vous l'ouvrez pour la première fois avec un vrai navigateur.
Afin d'éviter cela, il est conseillé de tester régulièrement votre site avec au moins deux navigateurs différents.
Oui, Dreamweaver se charge de tout. Il vous suffit de déplacer vos fichiers html, css ou js dans votre arborescence depuis le panneau « Fichiers » de Dreamweaver.
Ainsi, Dreamweaver va être capable de recréer tous les liens qui auraient été cassés.
Il arrive parfois que l'on oublie, lorque l'on est en mode « Code » de fermer certaines balises.
Pour éviter cela, vous pouvez paramètrer Dreamweaver pour que la balise de fermeture correspondante s'insère automatiquement.
Sélectionnez : Edition > Préférences (Ctrl+U) > Indicateurs de code,
et dans « Balises de fermeture » sélectionnez : « Après saisie de la fin de la balise d'ouverture »
Maintenant dès que vous aurez fermé la balise d'ouverture, celle de fermeture s'insérera automatiquemnt.
Dreamweaver permet d'obtenir des références de différents langages de programmation. Ces différentes informations proviennent de livres ou de manuels édités par les éditions O'REILLY.
Vous pouvez les obtenir :
- Soit en utilisant le raccourci clavier « Maj+F1 » ou en sélectionnant : Fenêtres > Référence :
Il vous suffit alors de sélectionner, dans le panneau « Référence » le language désiré dans la liste « livre », et de sélectionner ensuite l'élément sur lequel vous désirez des informations.
On peut alors facilement avoir de la documentation sur une balise bien précise, ici par exemple la balise DIV en HTML.
- Soit en mode « Code » :
En utilisant directement le raccourci clavier « Maj+F1 » après vous être positionné sur l'élément, le code, la balise, ou autre, dont vous souhaitez obtenir des informations.
Cette documentation peut être intéressante pour les développeurs qui n'ont pas accès à Internet pendant une certaine période (voyage en train, etc...).