Tutoriel concis de Dreamweaver 4 (2. Compréhension préliminaire de Dreamweaver)
Auteur:Eve Cole
Date de mise à jour:2009-05-30 18:36:17
2. Compréhension initiale de Dreamweaver
Démarrage de Dreamweaver
Le processus d'installation de Dreamweaver est très simple. Une fois installé avec succès, vous pouvez trouver l'option Dreamweaver dans le menu Démarrer :
Fenêtre d'édition
Lorsque vous démarrez Dreamweaver pour la première fois, la première chose que vous voyez est la fenêtre d'édition de Dreamweaver. Ne vous laissez pas intimider par les fenêtres flottantes denses ci-dessus. En fait, les plus couramment utilisées sont les suivantes :
① Menu principal : La plupart des fonctions de la fenêtre d'édition se trouvent ici ;
② Barre d'outils : il s'agit d'une nouvelle fonctionnalité de Dreamweaver4 ;
③ Panneau d'objets (Objets) : pendant le processus d'édition de la page Web, cliquez sur le bouton du panneau d'objets pour ajouter les éléments correspondants à la page Web, tels que des images, des tableaux, des calques et Flash. Nous appelons ces éléments des objets. Cliquez sur la flèche vers le bas du panneau d'objets pour insérer d'autres types d'objets, tels que des caractères spéciaux (Caractères), des formulaires (Froms), etc.
④ Panneau Propriétés : utilisé pour afficher les propriétés de l'élément de page Web sélectionné et peut être modifié dans le panneau des propriétés. Lorsque vous sélectionnez différents éléments de page Web, le contenu affiché dans le panneau d'attributs est également différent. Par exemple, les attributs affichés dans les images et les tableaux sont différents. De plus, cliquez sur le petit triangle dans le coin inférieur droit du panneau de propriétés pour réduire ou agrandir le panneau de propriétés en fonction des besoins d'utilisation. Il est recommandé de le définir en mode étendu dans des circonstances normales.
⑤ Groupe de panneaux (également appelé panneau flottant ancrable) : Dreamweaver propose également de très nombreux autres panneaux flottants. Nous pouvons recombiner différents panneaux flottants selon nos propres préférences. Dans Photoshop, il existe un concept similaire.
⑥ Barre de lancement rapide (également appelée panneau de lancement) : un panneau flottant utilisé pour afficher ou masquer les réponses. Panneau de lancement et mini barre de lancement dans le coin inférieur droit Correspondance individuelle entre eux ; est de passer au gestionnaire de site, est de passer au panneau de comportement, consiste à afficher le code source de la page Web.
⑦ Zone d'édition : affichez le contenu de la page Web modifiée de manière « Ce que vous voyez est ce que vous obtenez » :
[Astuce 1] Si la position du panneau flottant sur l'écran est trop désordonnée, ou même dépasse la plage du bureau et n'est pas pratique à utiliser (cela est particulièrement susceptible de se produire après avoir modifié la résolution du moniteur), vous pouvez sélectionner « Fenêtre >" dans le menu principal. Organiser les panneaux" réorganise automatiquement les panneaux flottants.
[Astuce 2] Voici quelques raccourcis clavier couramment utilisés pour ouvrir et fermer rapidement des panneaux flottants. Gardez-les à l'esprit car ils seront fréquemment utilisés pendant le processus de production :
Panneau Propriétés : Crtl+F3
Panneau de style Styles CSS : Maj+F11
Panneau de comportement Comportements : Maj+F3
Objets panneau d'objet : Crtl+F2
fenêtre du site
La fenêtre du site est une autre fenêtre importante de Dreamweaver. La moitié gauche est le répertoire du site distant, qui est généralement affiché vide. Le contenu n'est affiché que lorsque FTP est connecté ; la moitié droite est le répertoire local en cours d'édition. n'est-ce pas un peu similaire ? Oui, la fonction de la fenêtre du site est en fait de vous permettre de gérer votre site de manière intuitive et pratique comme des fichiers sur votre disque dur.
Lors du processus de création de pages Web à l'avenir, vous basculerez fréquemment entre la fenêtre d'édition et la fenêtre du site.