Création de commandes personnalisées
L'une des fonctionnalités les plus utiles de Dreamweaver est le panneau Historique. Basé sur le panneau historique, Dreamweaver peut créer de nouvelles séquences de commandes. Pour créer une commande, effectuez simplement les étapes que vous souhaitez enregistrer. Ensuite, dans le panneau d'historique, sélectionnez l'étape que vous souhaitez enregistrer, cliquez sur l'icône "Enregistrer sous" dans le coin inférieur droit, donnez-lui un nom et cliquez sur OK. À ce stade, votre commande personnalisée apparaîtra dans le menu « Commandes » et pourra être utilisée à volonté.
Création d'objets personnalisés
"Object Panel" est très utile pour insérer rapidement des éléments dans la page, tels que des formulaires, des cadres, etc. Pour créer un objet personnalisé, créez d'abord un fichier contenant le code que vous souhaitez insérer dans le document. Par exemple, pour créer une boîte de nouvelles pour "CNET Builder.com", téléchargez d'abord ce code et enregistrez-le sous "newsletters.htm". Ensuite, pour créer un nouveau panneau dans la fenêtre des objets, accédez à "ConfigurationObjects" dans Dreamweaver. répertoire d'installation. Créez un dossier sous le dossier, le nom peut être défini comme vous le souhaitez, par exemple, appelez-le "Mes objets". Placez le fichier "newsletters.htm" dans ce répertoire. Dans le même temps, un fichier icône est requis pour représenter le nouvel objet. Vous pouvez créer vous-même un fichier d'icône ou simplement laisser Dreamweaver insérer une icône normale. Si vous créez l'icône vous-même, veillez à créer un fichier GIF de 18 × 18 pixels. Enregistrez le fichier graphique dans le même répertoire avec le même nom que le nouvel objet.
Maintenant, redémarrez Dreamweaver ou choisissez de recharger dans Extensions (appuyez sur la touche Ctrl et cliquez sur le menu contextuel de la fenêtre d'objet), vous pouvez voir une nouvelle page de fonction dans la fenêtre d'objet et l'icône est celle que vous avez définie. Vous pouvez faire glisser ce nouvel objet sur la page comme n'importe quel autre objet.
Si vous êtes familier avec Javascript, vous pouvez créer des objets plus complexes et d'autres extensions, telles que des panneaux flottants, des comportements, etc. Alternativement, vous téléchargez simplement des objets prêts à l'emploi depuis Macromedia Exchange.
La modification de l'état de la souris du spectateur
s'effectue en éditant une feuille de style CSS. La méthode spécifique est la suivante : sélectionnez "Texte > Style CSS > Modifier la feuille de style", la fenêtre de modification de la feuille de style apparaîtra et cliquez sur le bouton "Nouveau". Sélectionnez ensuite "Créer un style personnalisé", donnez un nom à la feuille de style et cliquez sur OK. Modifiez la feuille de style, sélectionnez l'élément "Étendre" à gauche et sélectionnez l'effet de pointeur qui apparaîtra dans l'élément "Curseur" à droite.
Utilisez la balise d'ancrage de Dreamweaver pour créer un lien de saut dans une page.
En utilisant la "balise d'ancrage" de Dreamweaver, nous pouvons réaliser cette fonction. La méthode spécifique est la suivante : déplacez le curseur à l'endroit où vous souhaitez accéder, sélectionnez "Insérer > Ancre nommée" dans le menu et entrez le nom de l'ancre. Ensuite, entrez « #bookmark name » dans la zone cible du lien où vous souhaitez appeler le lien, afin que le lien de saut dans la page soit prêt. Ici, si nous remplissons le nom de la page Web avant le nom de l’ancre, elle passera aux signets des autres pages. Par exemple, si nous entrons « index.htm#top » dans le lien, lorsque le spectateur clique sur ce lien, il passera à l'ancre « supérieure » dans la page d'index.
Supprimez l'espace entre l'image et le tableau.
Pour garantir qu'il n'y a pas d'espace entre l'image et le tableau, il ne suffit pas de définir simplement la bordure sur "0" dans le panneau des propriétés du tableau. Vous devez également définir les deux. les côtés de la cellule dans le panneau des propriétés du tableau sont définis sur "0" (c'est-à-dire cellpacing="0" et cellpadding="0").
Utilisez des images de suivi pour localiser la position de chaque élément dans une page Web.
Le « suivi des images » est une fonctionnalité très efficace de Dreamweaver, qui permet aux utilisateurs d'utiliser le brouillon de conception graphique d'origine comme arrière-plan auxiliaire dans la page Web. De cette manière, les utilisateurs peuvent facilement localiser le texte, les images, les tableaux, les calques et autres éléments de la page Web sur la page. L'utilisation spécifique des images de suivi est la suivante : utilisez d'abord divers logiciels de dessin pour créer un diagramme de mise en page imaginaire de page Web, puis enregistrez ce diagramme au format d'image réseau (y compris gif, jpg, jpeg et png). Utilisez Dreamweaver pour ouvrir la page Web que vous modifiez, sélectionnez « Modifier > Propriétés de la page » dans le menu, puis entrez l'emplacement du modèle de mise en page de page Web que vous venez de créer dans l'élément « Suivre l'image » dans la boîte de dialogue contextuelle. . Définissez ensuite la transparence de l'image de suivi dans Transparence de l'image, OK. De cette façon, vous pouvez facilement localiser la position de chaque élément de page Web dans la page Web actuelle. Les pages Web qui utilisent des images de suivi n'afficheront plus le motif d'arrière-plan lorsqu'elles sont modifiées avec Dreamweaver, mais l'inverse est vrai lors de la navigation avec un navigateur. L'image de suivi disparaît et ce que vous voyez est la page Web modifiée (bien sûr, le motif d'arrière-plan peut être). affiché).
À propos de « Convertir la largeur du tableau en pixels » et « Convertir la largeur du tableau en pourcentage »
« Convertir la largeur du tableau en pixels » et « Convertir la largeur du tableau en pourcentage » sont deux fonctions importantes de Dreamweaver pour définir la largeur du tableau. Lorsque vous ouvrez une page Web avec un tableau, sélectionnez un tableau et vous verrez ces deux boutons dans le panneau d'outils des propriétés du tableau qui s'affiche ensuite. Comme son nom l'indique, « Convertir la largeur du tableau en pixels » consiste à exprimer la largeur de toutes les cellules du tableau en pixels, tandis que « Convertir la largeur du tableau en pourcentage » consiste à exprimer la largeur de toutes les cellules du tableau en pourcentages. Réfléchissez bien à leur rôle. Si la largeur d'un tableau est exprimée en pixels, lorsque la fenêtre de navigation est agrandie, le tableau n'agrandira pas la largeur des cellules en conséquence. L'utilisation de « Convertir la largeur du tableau en pixels » permet à un tableau d'une largeur de 100 % que vous créez à une résolution de « 640 × 480 » de conserver une largeur de 100 % à une résolution plus élevée. Par conséquent, l’utilisation complète de ces deux fonctions peut rendre la mise en page Web plus efficace.