Maison >outils de développement >dreamweaver >48 conseils pratiques pour la DW Chinese Super League (partager)
Cet article partagera avec vous 48 conseils super pratiques pour dreamweaver. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère qu'il sera utile à tout le monde.
Recommandations associées : "Tutoriel Dreamweaver"
48 compétences super pratiques en DW
1. Utilisez Dreamweaver 4.0 pour concevoir facilement des pages Web qui s'ajusteront automatiquement de manière flexible
La première chose que vous devez vous assurer est que le contenu de votre page est au format tableau, puis ouvrez la page que vous souhaitez modifier et appuyez sur "Ctrl+F6" ou menu "View→TableView→Layout? View" pour passer en mode mise en page. À ce stade, vous pouvez voir la largeur de colonne de la cellule. Il y a une petite flèche déroulante à côté du numéro de largeur de colonne. Cliquez sur la petite flèche au-dessus de la colonne pour laquelle vous souhaitez définir un affichage flexible, puis sélectionnez « Définir la colonne comme ». affichage flexible" "(Make Column Autostretch). Une ligne ondulée apparaîtra au-dessus de la zone de colonne au lieu du nombre indiquant la largeur de la colonne. Une fois terminée, votre page deviendra une page flexible. Veillez également à ne pas inclure d’images trop volumineuses sur la page.
********************************************* **** *******************
************************ ******** *******************************
2. Utilisez Dreamweaver 4.0 pour créer un bouton Flash avec effet clignotant
Sélectionnez le menu Insertion→Interactive?Images→Flash?Button pour voir quels boutons intégrés sont là. Dans la boîte de dialogue contextuelle, vous pouvez sélectionner le style de bouton souhaité dans la liste "Style" et vous pouvez voir l'effet de ce style dans la fenêtre d'aperçu (exemple). Après sélection, saisissez le texte sur le bouton dans la fenêtre "Bouton ? Texte", sélectionnez la police dans la fenêtre "Police", saisissez la taille du texte dans la fenêtre "Taille", saisissez la cible du lien dans le champ "Lien". et entrez la cible dans la fenêtre "Cible". Sélectionnez la manière d'ouvrir le lien, sélectionnez la couleur d'arrière-plan du bouton dans "BgColor" et entrez le nom du fichier enregistré dans la fenêtre "Enregistrer ? Sous". Après avoir terminé, appuyez sur le bouton "OK" et vous aurez complété un bouton Flash. Ce bouton sera également automatiquement inséré dans votre page Web. Sélectionnez ensuite le bouton que vous venez de créer dans la fenêtre d'édition de Dreamweaver. La fenêtre des propriétés affichera les propriétés de ce bouton. Cliquez sur le bouton "Jouer" ci-dessus et vous pourrez directement modifier le bouton. dans la fenêtre d'édition. Prévisualisez l'effet clignotant de ce bouton. Il convient de noter que cette fonctionnalité de Dreamweaver 4.0 ne prend pas en charge les polices chinoises.
********************************************* **** *******************
************************ ******** *******************************
3. Personnalisez les raccourcis clavier dans Dreamweaver 4.0
Sélectionnez le menu "Modifier → Clavier ? Raccourcis". Dans la boîte de dialogue, une liste des touches de raccourci actuellement activées et modifiables sera répertoriée. Ici, vous pouvez remplacer les touches de raccourci par celles auxquelles vous êtes habitué. . Si vous souhaitez modifier une touche de raccourci, sélectionnez d'abord la commande que vous souhaitez modifier, puis sélectionnez la touche de raccourci actuelle. La touche de raccourci apparaîtra dans la liste "Raccourcis", puis entrez la touche de raccourci que vous souhaitez utiliser dans le champ ". Appuyez sur la fenêtre "Appuyez sur la touche". , puis cliquez sur le bouton "Modifier" pour terminer la modification. Vous pouvez également utiliser les boutons "+" et "-" pour ajouter ou supprimer les touches de raccourci actuelles.
********************************************* **** *******************
************************ ******** *******************************
4. Intégrer Dreamweaver ?4.0 avec Fireworks
Si Dreamweaver/Fireworks est installé sur votre ordinateur en même temps, vous pouvez utiliser la fonction d'intégration Fireworks fournie par Dreamweaver 4.0 ? Grâce à cette fonction, vous pouvez modifier vos images GIF pour les rendre plus attrayantes et obtenir facilement des effets d'animation. Sélectionnez l'image GIF que vous souhaitez modifier dans la fenêtre d'édition de Dreamweaver, puis cliquez sur le bouton "Modifier" dans la fenêtre des propriétés de l'image. Le système démarrera automatiquement le logiciel Fireworks pour modifier l'image. Si vous regardez attentivement, vous constaterez que le texte et le motif Modification de Dreamweaver sont apparus dans la fenêtre d'édition d'image de Fireworks, ce qui signifie que cette image est destinée à l'édition d'image sur la page Dreamweaver. Maintenant, nous sélectionnons l'image à éditer dans Fireworks et sélectionnons le menu "Modifier → Animer → Animer? Sélection". Définissez les propriétés de l'animation dans la fenêtre pop-up : le nombre d'images de l'animation sélectionnée, la direction du mouvement de l'animation, la transparence, etc. Exportez ensuite le fichier modifié. De cette façon, la fenêtre d'édition de Dreamweaver mettra automatiquement à jour le fichier que vous venez de modifier, faisant bouger les images de votre page.
********************************************* **** *******************
************************ ******** *******************************
5. Comment utiliser le reporter de site Web
dans Dreamweaver 4.0 fournit un rapporteur de site Web, qui peut vous aider à trouver et à corriger rapidement les erreurs dans les nombreux fichiers de votre site Web. Cliquez sur le menu « Site → Rapports » pour démarrer le rapporteur, sélectionnez les éléments que vous souhaitez vérifier, puis cliquez sur le bouton « Exécuter » pour découvrir les problèmes généraux sur votre site Web. Vous pouvez également écrire à votre propre journaliste pour détecter certains problèmes spécifiques sur le site Web (les problèmes généraux sont généralement du texte manquant ou des documents sans nom).
************************************************ ***** *************
*************************** ********** *************************
6. Restaurer rapidement plusieurs opérations
Lors de la création de la page, nous pouvons avoir besoin de modifier constamment la page, et parfois nous devons restaurer des opérations passées. Nous pouvons utiliser la commande "Annuler" dans le menu "Éditer", mais cette commande ne peut être restaurée qu'une seule fois. à la fois. Si nous devons restaurer plusieurs opérations, c’est vraiment ennuyeux de devoir « Annuler » tout le temps. Une fenêtre Historique est fournie dans Dreamweaver 4.0, ce qui nous permet de restaurer facilement plusieurs opérations. Sélectionnez "Historique" dans le menu "Fenêtres" pour ouvrir cette fenêtre d'historique. Dans cette fenêtre, chaque opération que vous effectuez est conservée. À l'aide du pointeur coulissant sur le côté gauche de la fenêtre, vous pouvez restaurer et annuler en continu chaque opération, y compris celles qui ont été enregistrées. Et vous pouvez également sauvegarder cet enregistrement historique et le partager.
********************************************* **** *******************
************************ ******** *******************************
7. Masquer le panneau flottant
Ouvrez Dreamweaver et donnez aux gens La première impression est celle d'un tas de panneaux flottants, ce qui vous éblouit souvent. Bien qu'il puisse être retiré, il occupe un écran très limité après tout. Si vous le fermez, vous devez le faire. ouvrez-le à nouveau lorsque vous l'utilisez. En fait, il vous suffit d'appuyer une fois sur la touche F4, et tous les panneaux flottants disparaîtront. Appuyez à nouveau sur F4 et ils réapparaîtront tous à l'écran.
********************************************* **** *******************
************************ ******** *******************************
8. Prévisualisez rapidement le Web. page
Les débutants sur Dreamweaver trouvent souvent Sans le menu d'aperçu, je dois lancer le navigateur IE pour prévisualiser l'effet réel de la page Web. En fait, le menu d'aperçu de Dreamweaver est placé sous le menu Fichier. Pour prévisualiser la page Web en cours d'édition, il suffit d'appuyer sur la touche F12, ce qui est très pratique ! Il peut également être configuré pour afficher un aperçu dans différents navigateurs. Sélectionnez Modifier la liste des navigateurs dans Aperçu dans le navigateur sous le menu Fichier pour sélectionner différents navigateurs pour l'aperçu. Pour tester l’adaptabilité de vos pages web aux différents navigateurs.
********************************************* **** *******************
************************ ******** *******************************
9. Afficher les numéros de ligne et retour à la ligne automatique dans l'inspecteur HTML
Bien que Dreamweaver's Behaviors soit une collection de macros de petits programmes JavaScript, de nombreux programmes JavaScript qui réalisent des effets de page Web spéciaux ne nécessitent pas de programmation manuelle. Cependant, parfois, lorsque vous devez écrire un petit. programme, il est particulièrement nécessaire d'afficher le numéro de ligne du programme, surtout lorsqu'une erreur se produit dans le programme, il y a souvent une invite "Erreur à la ligne XX". Si vous comptez les numéros de ligne ligne par ligne, ce n'est pas seulement. trop fatiguant mais aussi facile de faire des erreurs. Dans FrontPage, vous avez toujours peur de compter les mauvais numéros de ligne. Ceci est pratique dans Dreamweaver. Tant que vous cochez la case « Numéros de ligne » dans la fenêtre de la visionneuse de code source HTML, le numéro de ligne sera automatiquement affiché pour chaque instruction HTML dans la fenêtre de la visionneuse de code source, ce qui le rend clair en un coup d'œil. . De même, il arrive parfois qu'une ligne de code soit plus longue. Tant que la case "Warp" (retour automatique à la ligne) est cochée dans la fenêtre de la visionneuse de code source HTML, la fonction de retour automatique à la ligne de la fenêtre sera activée, et la ligne trop longue sera activée. le code s'enroulera automatiquement autour du bord de la fenêtre.
********************************************* **** *******************
************************ ******** *******************************
10. Code hexadécimal d'une couleur
Lors de la conception de pages Web, des codes de couleur hexadécimaux sont parfois utilisés. Dans Dreamweaver, il suffit d'appuyer sur le petit triangle dans le coin inférieur droit de la petite case. sur "bg" sur le panneau des propriétés, et dans la couleur contextuelle Où que vous pointiez la souris sur le tableau, le code hexadécimal de la couleur correspondante sera affiché immédiatement, ce qui est vraiment pratique.
********************************************* **** *******************
************************ ******** *******************************
11. Faire de la musique de fond
Insérer un arrière-plan dans Dreamweaver Music est très simple à mettre en œuvre. Voici deux méthodes à choisir.
(1) Insérez un calque vide dans un endroit discret de la page et placez un objet ActivX dans le calque. Double-cliquez sur l'objet, sélectionnez un fichier de musique MIDI dans la boîte de dialogue ouverte, puis sélectionnez. les propriétés de l'objet calque Définissez sa visibilité dans le panneau sur "Caché", enregistrez les modifications et appuyez sur F12 pour prévisualiser la page Web et écouter pour voir s'il y a de la musique.
(2) Une autre méthode consiste à utiliser l'éditeur de comportement « Comportements » de Dreamweaver, à cliquer sur le bouton « + », à sélectionner l'option « Lire le son » et à sélectionner un fichier musical dans la boîte de dialogue contextuelle Can. . Essayez-le vous-même !
********************************************* **** *******************
************************ ******** *******************************
12. Créer l'image d'arrière-plan. sans défilement
Différent de FrontPage , l'image d'arrière-plan insérée dans Dreamweaver défilera avec le texte. Parfois, nous devons créer une image d’arrière-plan fixe, que devons-nous faire ? Définissez d'abord une image d'arrière-plan, appuyez sur "F10" pour ouvrir le fichier source HTML, recherchez l'instruction qui définit l'image d'arrière-plan, telle que background="images/background.JPG", et ajoutez la phrase bgproperties="fixed" dans un espace vide. espace après. Prévisualisez-le et ressentez un petit sentiment d’accomplissement.
********************************************* **** *******************
************************************************ ***** ***********
13. Définir un texte dont la taille reste inchangée
Pourquoi le texte sur les pages Web des autres est-il si beau, peu importe comment appuyez-vous sur le bouton de police sur la taille du navigateur, leur taille de police ne changera pas. En fait, ils utilisent la technologie des feuilles de style « CSS » dans les pages Web, et il est très simple d'implémenter cette fonction dans Dreamweaver. Appuyez d'abord sur "F7" ou sélectionnez l'option "Feuille de style" dans le menu "Fenêtre" pour ouvrir l'éditeur de feuille de style, faites un clic droit dans la fenêtre et sélectionnez "Nouveau", puis entrez le nom de la feuille de style qui doit être défini dans la boîte de dialogue contextuelle. Appuyez sur "OK", puis sélectionnez le premier élément "Type" dans la liste et définissez les paramètres pour les attributs de texte spécifiques (en général, il est plus approprié de choisir 10,5 pour la taille du texte sur un écran 800×600). Après avoir appuyé sur "OK", la feuille de style définie apparaît. Sélectionnez le texte dans la fenêtre d'édition de la page Web et cliquez sur le nom de la nouvelle feuille de style pour voir les modifications apportées au texte sélectionné. Prévisualisez-le et essayez de voir si la taille de police du texte définie changera en fonction de la taille de police sélectionnée par le navigateur.
********************************************* **** *******************
************************ ******** ****************************
14. Insérer une animation Flash
Animation Flash de Macromedia En raison de son interactivité et de sa vitesse de transmission rapide, elle est progressivement devenue une nouvelle arme dans la production de pages Web. Si vous pouvez insérer une animation Flash sur votre page Web, cela rendra certainement votre travail plus coloré. Il est très simple d'insérer une animation au format SWF produite par Flash dans Dreamweaver. Cliquez sur le logo Flash dans la barre d'outils de l'objet ou cliquez sur "Flash" sous "Média" pour ouvrir la boîte de dialogue de sélection du fichier d'animation SWF. Sélectionnez ensuite le fichier. définissez les paramètres de lecture dans son panneau de propriétés et vous avez terminé.
********************************************* **** *******************
************************ ******** *******************************
15. Laissez le tableau vide. sur la page Web
Dans Dreamweaver Lors de la saisie de texte sur une nouvelle page Web, le format par défaut est écrasant et très inesthétique. Il est en fait très simple d’éviter cette lacune, à condition que chacun utilise bien les outils de table. La méthode spécifique est la suivante : insérer un tableau aligné au centre sur la nouvelle page. Afin de rendre le tableau facile à contrôler, il est préférable de définir un nombre impair de colonnes et les valeurs ne doivent pas être trop grandes. De cette façon, le texte saisi dans la cellule est limité à une zone dont la largeur peut être ajustée à volonté, vous n'avez donc pas à vous soucier du caractère indiscipliné du texte.
********************************************* **** *******************
************************ ******** *******************************
16. Modifier l'invite de la barre d'état. text
Généralement, lorsque le navigateur charge une page, le nom de l'adresse de la page s'affiche sur sa barre d'état, ce qui est très ennuyeux. Avez-vous déjà pensé à ajouter un peu de personnalité à la barre d'état de votre navigateur ? Si tel est le cas, veuillez suivre les étapes ci-dessous pour personnaliser le texte que vous aimez ! Ouvrez d'abord la fenêtre d'édition du comportement "Comportements", cliquez sur le bouton "+", sélectionnez l'option "Texte de la barre d'état" sous "Définir le jeu de texte", puis entrez votre propre texte dans la case, par exemple "Bienvenue sur ma page d'accueil". " " et ainsi de suite, cliquez sur "OK".
********************************************* **** *******************
************************ ******** *******************************
17. Éditeur de code texte intégré.
Page Web visuelle Le plus gros inconvénient des logiciels d'édition est qu'il est difficile de modifier le code source, sans parler du javascript ; mais Dreamweaver vous permettra de gérer le code extrêmement facilement. Les principales nouvelles fonctionnalités de cet éditeur de code de texte intégré sont : l'indentation automatique (vous pouvez sélectionner plusieurs lignes à la fois pour l'indentation), et il peut également détecter les symboles. Si vous oubliez un "" lors de l'écriture du code, il vous donnera un indice. . Le menu déroulant dans la liste des outils répertorie toutes les fonctions javascript< /I> personnalisées dans la page Web actuelle, vous permettant de sauter librement dans le code original de la page Web. L'outil de navigation dans le code source permet aux professionnels de gérer facilement javascript< ; /I>, entrez le code javascript dans l'éditeur de code texte, le système l'affichera dans différentes couleurs.
********************************************* **** *******************
************************ ******** *******************************
18. Entrez plusieurs espaces dans Dreamweaver
us Les espaces que vous saisissez habituellement sont des caractères demi-chasse. Vous ne pouvez en saisir qu'un seul dans Dreamweaver. Si vous souhaitez saisir plusieurs espaces, saisissez simplement un espace pleine largeur. La méthode pour saisir des espaces pleine largeur est la suivante : ouvrez la méthode de saisie chinoise et appuyez sur Maj+Espace pour passer à l'état pleine largeur. À l'heure actuelle, les espaces dans lesquels vous entrez sont des espaces pleine largeur.
********************************************* **** *******************
************************ ******** *******************************
19. Résolvez l'un des problèmes de Dreamweaver. BUG
Dans l'inspecteur de comportement de Dreamweaver 3.0, l'élément de menu déroulant « Événements pour » ne peut pas être ouvert. En conséquence, de nombreux effets spéciaux sont inutiles et ne peuvent pas être produits du tout. En fait, cela doit être considéré comme une incompatibilité entre Dreamweaver 3.0 et Windows98 chinois. Ce problème n'existe pas dans Windows98 anglais. En fait, ce menu peut toujours être ouvert, mais il ne peut pas s'afficher correctement. Après avoir sélectionné le menu déroulant, nous pouvons utiliser les touches haut et bas pour sélectionner le navigateur que nous voulons utiliser.
********************************************* **** *******************
************************ ******** *******************************
20. Utilisez Dreamweaver 3.0. modèle pour créer une page Web et définir le comportement (Comportement)
De nouveaux comportements ne peuvent pas être ajoutés aux pages Web créées à l'aide de modèles. En effet, le nouveau comportement nécessite l'insertion de javascript dans la partie Head du fichier HTML, et après avoir utilisé le modèle, la partie Head du fichier HTML sera "bloquée". Si vous souhaitez appliquer un comportement à une page Web générée à l'aide d'un modèle, vous devez définir au préalable le comportement dans le modèle, puis le définir comme zone modifiable du modèle. Vous pouvez ensuite modifier ce comportement sur la page Web. Mais cela se limite uniquement à modifier le contenu spécifique des événements déclencheurs (événements) et des actions (actions) du comportement, mais pas le type d'action.
********************************************* **** *******************
************************ ******** *******************************
21. Ajouter des comportements au texte. et créez des effets de texte dynamiques
Dans Dreamweaver, le texte ordinaire est mesuré en caractères et ne peut pas être utilisé comme objet. Autrement dit, certains événements JavaScript très utiles ne peuvent pas être attribués au texte. Étant donné que le texte ne comporte pas de « marques » spécifiques comme les images et autres contrôles, le texte manque de nombreux effets spéciaux. Afin d'ajouter des effets spéciaux au texte, la seule façon d'y parvenir est de transformer le texte en lien hypertexte. Le texte devient ainsi un objet et peut imposer des actions. Mais cela apporte des attributs de lien hypertexte inutiles, tels que le soulignement, et des changements de couleur tels que le survol et la visite. Si vous souhaitez simplement ajouter des effets spéciaux au texte, vous pouvez d'abord transformer le texte que vous souhaitez définir en lien hypertexte, puis ajouter des comportements par-dessus et enfin convertir le lien hypertexte en texte ordinaire. Les étapes spécifiques sont les suivantes :
Sélectionnez le texte que vous souhaitez modifier et remplissez quelques caractères dans la zone cible du lien. Sélectionnez ce lien, cliquez sur Windows → Comportements et le panneau de comportement apparaîtra. Appuyez sur "+" pour ajouter le comportement souhaité, comme jouer du son, etc. Ouvrez l'éditeur hypertexte Dreamweaver, recherchez ce lien et remplacez-le par. Enfin, supprimez "href=...". Enregistrez cette page. Appuyez sur F12 pour prévisualiser. L'effet n'est pas mauvais !
********************************************* **** *******************
************************ ******** *******************************
22. Localisez avec précision la position. de chaque élément de la page Web
Il existe deux façons d'identifier la position d'éléments individuels sur une page Web : à l'aide de tableaux ou de calques. L'utilisation de tableaux est une pratique courante à l'heure actuelle. La méthode spécifique est la suivante : créez d'abord un tableau sur la page Web et notez que la largeur de la bordure du tableau doit être de 0. Placez ensuite chaque élément dans chaque cellule du tableau selon vos besoins. Ajustez soigneusement la taille de la cellule du tableau et la position de la bordure du tableau, et les éléments de la cellule du tableau se déplaceront également en conséquence. De cette façon, vous pouvez localiser plus précisément la position de chaque élément dans la page Web. L’avantage de l’utilisation des tableaux est qu’ils sont universels et que presque toutes les versions de navigateur peuvent prendre en charge les tableaux. Ses inconvénients sont qu'il est lourd à utiliser, nécessite un réglage minutieux et n'est pas très précis dans son positionnement. Les calques peuvent être placés n'importe où dans une page Web, nous pouvons donc utiliser des calques pour un positionnement précis. La méthode d'utilisation consiste à insérer un calque dans la page Web, puis à placer l'élément que vous souhaitez positionner dans le calque. Nous pouvons ensuite placer le calque où nous le souhaitons. De plus, vous pouvez utiliser des règles et des grilles pour un positionnement précis. Étant donné que les couches ne sont prises en charge que dans les derniers navigateurs, pour être compatibles avec les anciens navigateurs, nous pouvons convertir la couche en tableau. La méthode consiste à sélectionner "Modifier → Mode Mise en page → convertir les calques en tableau". Notez que les calques ne peuvent pas se chevaucher pour le moment. Nous pouvons sélectionner "Affichage → Empêcher les chevauchements de calques" avant d'insérer le calque pour éviter le chevauchement des calques. D'une manière générale, la page convertie peut présenter quelques modifications et nous devons effectuer des ajustements manuels. Une dernière chose à noter est que lors de la conversion de tableaux et de calques, il est préférable de ne pas utiliser de calques et de tableaux en même temps sur une même page, car cela pourrait gâcher votre page
23. Changer la visionneuse La souris la forme
est obtenue en éditant la feuille de style. La méthode spécifique est la suivante : sélectionnez "Texte (texte) → Style personnalisé (style CSS) → Modifier la feuille de style (Modifier la feuille de style)", la fenêtre de la feuille de style d'édition apparaîtra et sélectionnez "Nouveau (nouveau)" dedans. 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'extension et sélectionnez l'effet de pointeur qui apparaîtra dans l'élément de curseur (Curseur) à droite.
************************************************ ***** ***********
****************************** ******** *************************
24. Supprimez le soulignement sous le texte du lien hypertexte
Cet effet Ceci est obtenu en éditant la feuille de style. La méthode spécifique est la suivante : "Cliquez sur le texte (texte) → Personnaliser le style (Style CSS) → Modifier la feuille de style (Modifier la feuille de style)". La fenêtre d'édition de la feuille de style apparaîtra et sélectionnez "nouveau (nouveau)". Sélectionnez ensuite Redéfinir la balise HTML et sélectionnez a dans le menu Balise ci-dessous. Modifiez la feuille de style, sélectionnez le type et n'en sélectionnez aucun dans la décoration de droite. ********************************************* **** ******************************************* ******** *******************************25. Créez une image qui suit la pageCet effet One est obtenu grâce à javascript. D'une manière générale, obtenir un tel effet nécessite certaines compétences en programmation, mais nous pouvons désormais y parvenir facilement grâce au plug-in Dreamweaver. Vous pouvez télécharger ce plug-in depuis http://www.computerinfo.com.cn/classroom/chajian/chajian2.zip. Comment installer le plug-in : Décompressez-le et copiez-le dans un nouveau dossier du dossier ConfigurationObjects sous Dreamweaver. Après avoir redémarré Dreamweaver, nous pouvons trouver le plug-in nouvellement installé dans le panneau des objets. Cliquez sur l'icône du plug-in et remplissez l'adresse de stockage de l'image et la position d'affichage de l'image dans la boîte de dialogue contextuelle. ********************************************* **** ******************************************* ******** ****************************26. Créez un menu dynamique qui change. lorsque la souris est déplacée dessusLe menu dit dynamique est en fait composé de deux images, l'une s'affiche lorsque la souris n'est pas placée dessus, et l'autre s'affiche lorsque la souris est déplacée vers le haut. Nous pouvons utiliser l'image d'échange dans le comportement fourni par Dreamweaver pour obtenir cet effet. Insérez d'abord une image, cliquez dessus avec la souris et entrez la page Web à connecter dans la colonne de connexion du panneau des propriétés. Ensuite, ouvrez le panneau de comportement, cliquez sur le signe "+" et sélectionnez échanger l'image. Ensuite, une fenêtre apparaîtra, vous demandant de sélectionner l'image qui sera affichée après avoir passé la souris dessus. Sélectionnez ici la deuxième image et cliquez sur "OK". D'accord, l'effet est terminé, comme c'est simple. ********************************************* **** ******************************************* ******** *******************************27. Utilisez Dreamweaver pour créer un effet similaire à un menu déroulantPour créer un effet similaire à un menu déroulant, vous devez utiliser les propriétés masquer et afficher du calque. La méthode spécifique est la suivante : insérez un tableau à une seule ligne et à plusieurs colonnes dans la page en tant que barre de menus. Le nombre de colonnes du tableau est déterminé par le nombre d'options de menu. Insérez un calque, entrez le contenu du premier menu déroulant du calque et déplacez le calque sous la première colonne du tableau. De la même manière, faites de même pour les autres éléments du menu et insérez les calques correspondants. Modifiez l'attribut d'affichage (vis) de tous les calques en caché (Caché). Sélectionnez la première cellule du tableau, cliquez sur Windows → Comportements et le panneau de comportement apparaîtra. Appuyez sur "+" pour ajouter le comportement Afficher-Masquer les calques et modifier les propriétés du premier calque (Couche1) en Afficher (Afficher) et les propriétés des autres calques en Masquer (Masquer). Modifiez ensuite ce comportement dans le panneau de comportement et modifiez son événement déclencheur (événements) en onMouseover. De cette façon, lorsque la souris passe sur la première cellule du tableau, le premier menu déroulant apparaîtra. Ajoutez ensuite un autre comportement Afficher-Masquer les calques et modifiez les propriétés de tous les calques en masqués. Modifiez ensuite ce comportement dans le panneau de comportement et modifiez son événement déclencheur (événements) en onMouseout. Cela masquera le premier menu déroulant lorsque la souris s'éloignera de la première cellule du tableau. Répétez l’opération pour les autres éléments du menu. Mais veuillez noter que lorsque le « Menu Deux » est défini, le deuxième calque est affiché et les autres calques sont masqués ; lorsque le « Menu Trois » est défini, le troisième calque est affiché et les autres calques sont masqués ; Bon, c'est fait, appuyez sur F12 pour jeter un oeil. ********************************************* **** ******************************************* ******** *******************************28. Créez facilement des fichiers de téléchargement. Il est en fait très simple d'utiliser Dreamweaver. C'est simple, il suffit d'écrire le nom du fichier que vous souhaitez que les téléspectateurs téléchargent, puis de faire glisser la souris pour sélectionner ce texte, et d'écrire le nom du fichier dans l'attribut "Lien". zone de saisie sur le panneau d’attributs de texte. Remarque : Si le fichier téléchargé ne se trouve pas dans le même répertoire que la page Web, le nom du fichier doit inclure un chemin relatif, sinon le système vous indiquera que le fichier est introuvable lors du téléchargement. ********************************************* **** ******************************************* ******** ****************************29. Utilisez les signets de Dreamweaver pour créer un saut. liens
Nous pouvons réaliser cette fonction en utilisant les signets de Dreamweaver. La méthode spécifique est la suivante : déplacez le curseur à l'endroit auquel vous souhaitez accéder, sélectionnez "Insérer → Signet (Ancre de nom)" dans le menu et entrez le nom du signet. Ensuite, remplissez "#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 du signet, cela passera au signet dans d'autres pages. Par exemple, si nous remplissons « index.htm#top » dans le lien, lorsque le spectateur clique sur ce lien, il passera au signet supérieur de la page d'index.
********************************************* **** *******************
************************ ******** *******************************
30. Supprimer les espaces où images et tableaux tactiles
Pour garantir qu'il n'y a pas d'espace entre l'image et le tableau, il ne suffit pas de simplement définir la bordure sur 0 dans le panneau des propriétés du tableau. Vous devez également définir les deux propriétés de. la cellule à 0 dans le panneau des propriétés du tableau (c'est-à-dire cellpacing="0" et cellpadding="0").
********************************************* **** *******************
************************ ******** ****************************
31. Utilisez TracingImage pour vous aider à localiser le position de chaque élément dans la page Web
TracingImage est une fonctionnalité très efficace de Dreamweaver, qui permet aux utilisateurs d'utiliser le motif original comme arrière-plan auxiliaire dans une 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 de TracingImage 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 cette image au format d'image réseau (y compris gif, jpg, jpeg et png). Utilisez Dreamweaver pour ouvrir la page Web que vous modifiez, cliquez avec le bouton droit sur une zone vide de la page, sélectionnez "Propriétés de la page...", puis entrez l'emplacement du modèle de mise en page de page Web que vous venez de créer dans le champ de traçage. Élément d'image dans la boîte de dialogue contextuelle. Définissez ensuite la transparence de TracingImage dans Image Transparen, 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 TracingImage n'afficheront plus le motif d'arrière-plan lorsqu'elles sont modifiées avec Dreamweaver. Cependant, lors de la navigation avec un navigateur, l'inverse est vrai et tout ce que vous voyez est la page Web modifiée (bien sûr, le motif d'arrière-plan peut être). affiché).
********************************************* **** *******************
************************ ******** *******************************
32. À propos de « Convertir la table largeurs en pixels » et « Convertir les largeurs du tableau en pourcentage »
« Convertir les largeurs du tableau en pixels » et « Convertir les largeurs 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, cliquez sur l'étiquette
, au lieu de définir les balises une par une. Notez que cette méthode ne s'applique pas à la balise |
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!