Utilisation intelligente de DW pour les compétences en matière de production de pages Web - Les internautes familiers avec la conception Web savent qu'il existe de nombreuses façons d'appeler Style. Nous pouvons cliquer avec le bouton droit de la souris et sélectionner Custon Style pour appeler le standard de style, ou nous pouvons cliquer avec le bouton droit. sur la liste des éléments dans la barre d’état pour appeler Style. Bien que les effets obtenus par différentes méthodes semblent être les mêmes, les codes HTML réellement générés sont complètement différents.
1. Utilisez les styles de manière flexible.
Les internautes familiers avec la conception Web savent qu'il existe de nombreuses façons d'appeler Style. Nous pouvons cliquer avec le bouton droit de la souris et sélectionner Style personnalisé pour appeler la norme de style. la barre d’état pour appeler le style. Bien que les effets obtenus par différentes méthodes semblent être les mêmes, les codes HTML réellement générés sont complètement différents. Par exemple, utiliser Custon Style pour appeler le standard Style générera une balise <span> dans le code de la page Web. Un trop grand nombre de ces balises rendra le fichier très volumineux et affectera la vitesse d'analyse du navigateur, nous devrions donc essayer d'utiliser des éléments dans le fichier. barre d’état. Liste pour appeler le style.
2. Utilisez pleinement la commande Formater le tableau
. Dans la conception Web complexe, les tableaux sont les plus utilisés, car les tableaux peuvent être utilisés pour contrôler librement les positions spécifiques du texte et des images sur la page Web, donnant ainsi à l'ensemble de la page Web un aspect compact. et unifié. Dreamweaver n'est pas en reste à cet égard. Nous pouvons utiliser la commande « Formater le tableau » pour appliquer rapidement des styles prédéfinis au tableau. Pour utiliser un style prédéfini, placez d'abord le curseur dans n'importe quelle cellule du tableau, puis sélectionnez la commande "Commande" → "Formater le tableau". Dans la boîte de dialogue suivante, sélectionnez un schéma de conception dans la liste de gauche. Appuyez sur le bouton "Appliquer" pour vérifier l'effet. Si vous n'êtes pas satisfait, vous pouvez également réinitialiser ou modifier les valeurs de certains paramètres, tels que l'épaisseur de la bordure, la couleur de fond, etc.
3. Créer un lien vers deux pages Web en même temps
Nous savons tous qu'un lien hypertexte ne peut connecter qu'à une seule page à la fois. Si nous souhaitons ouvrir le document dans différentes pages de cadre à la fois, nous pouvons utiliser le comportement JavaScript « Aller à l'URL ». Ouvrez une page Web encadrée, sélectionnez du texte ou des images, puis sélectionnez « Aller à l'URL » dans le panneau Actions. Nous remarquerons que Dreamweaver affiche tous les frames disponibles dans la boîte de dialogue "Aller à l'URL". Sélectionnez l'un des cadres vers lesquels nous souhaitons créer un lien et entrez l'URL correspondante, puis sélectionnez un autre cadre et entrez une autre URL.
4. Ne donnez pas de nom chinois au fichier.
Après avoir créé une page Web, vous donnez généralement à la page Web un nom chinois représentatif. Premièrement, les gens peuvent comprendre approximativement le contenu du fichier en regardant le nom du fichier. peut faciliter les appels mutuels entre différents hyperliens. Mais si vous faites cela dans Dreamweaver, vous constaterez que Dreamweaver ne prend pas très bien en charge les noms de fichiers chinois et que des appels de page incorrects se produisent souvent. Par conséquent, lorsque nous enregistrerons des pages Web dans Dreamweaver à l'avenir, essayez d'utiliser l'anglais ou les chiffres. le nom du fichier, cela peut éviter le phénomène d’erreur ci-dessus.
5. Réglez intelligemment la résolution de la police.
Lorsque nous créons des pages Web, nous avons souvent cette expérience, c'est-à-dire que les pages Web créées sont normales lorsqu'elles sont consultées sur l'ordinateur local, mais lorsqu'elles sont consultées sur un autre ordinateur, les belles pages Web originales deviennent C'est bizarre, pourquoi ? Il s'avère que la résolution de chaque ordinateur est destinée à garantir que votre page d'accueil puisse être affichée normalement à différentes résolutions, ce qui a été mieux résolu dans Dreamweaver. Dans le coin inférieur droit de la fenêtre du document, Dreamweaver affiche la taille de résolution pour laquelle le document actuel est conçu. Cliquez sur quel numéro, vous pouvez spécifier la résolution d'affichage de la page actuelle dans le menu contextuel et vous pouvez rendre votre page d'accueil plus flexible en la modifiant. Pour que les moniteurs avec différentes résolutions puissent mieux afficher.
6. Masquez intelligemment les balises
Si un élément invisible est inséré dans une page Web, Dreamweaver ajoutera automatiquement une balise d'élément correspondante à la page afin que nous puissions sélectionner l'élément invisible. Mais ce n'est pas toujours une bonne chose. Par exemple, si nous insérons un tableau dans la première ligne d'une page comportant de nombreux calques, nous constaterons que le tableau recule automatiquement vers la première ligne de la page car il y a trop d'éléments de calque. balises disposées dans la première ligne. La deuxième ligne, même si elle n'affecte pas l'effet lors de la navigation, elle gênera en effet notre travail. Ainsi, lorsque nous sentons qu’une étiquette d’élément est intrusive, nous la bloquons simplement. La méthode consiste à appuyer sur Ctrl+U pour ouvrir le panneau Préférences, à sélectionner Éléments invisibles dans la catégorie et toutes les étiquettes d'éléments apparaîtront sur le côté droit du panneau. Tant que vous supprimez la coche devant la balise d’élément inutile, il sera garanti qu’elle ne réapparaîtra plus à l’avenir.
7. Faites bon usage des techniques de glisser-déposer.
Lorsque nous utilisons Dreamweaver pour éditer des pages Web, nous devons souvent insérer des images. S'il y a beaucoup d'images à insérer, il sera très difficile de fonctionner selon les méthodes conventionnelles. méthode. Nous pouvons très bien utiliser des techniques de glisser-déposer pour résoudre ce problème. Tout d'abord, nous transformons la fenêtre de fonctionnement de Dreamweaver en fenêtre active pour libérer de l'espace pour afficher la fenêtre de l'Explorateur. Après avoir trouvé les fichiers image à insérer, faites-les glisser un par un vers la partie appropriée de la page Web avec la souris, et Dreamweaver le fera. insérer automatiquement ces images. L'URL de l'image est ajoutée au code HTML du fichier. Bien entendu, le fichier image déplacé doit être un fichier au format d'image Web tel que gif, jpg, etc. Il en va de même pour les images déjà présentes sur la page Web, il suffit de les faire glisser. Mais s'il y a un lien hypertexte sur l'image déplacée, vous ne pouvez plus utiliser la technologie de glissement, car seule l'adresse du lien hypertexte est alors déplacée.
8. Définissez automatiquement l'heure de mise à jour.
Nous savons que si une page Web souhaite recevoir davantage de visites répétées, il est très important de la mettre à jour constamment. Mais pour nos pages Web personnelles, il n’est peut-être pas facile de les mettre à jour à temps chaque jour. Par conséquent, nous espérons que la page Web pourra être mise à jour automatiquement. L'auteur ci-dessous fournira un code source qui peut automatiquement mettre à jour l'heure de modification. Il suffit d'ajouter ce code source à...< /BODY> pour atteindre l'objectif de. mise à jour de l'heure :
< Script Language="JavaScript"> </script>; La seconde consiste à cliquer sur Texte/Style personnalisé/Modifier/Feuille de style/Nouveau/Redéfinir la balise HTML dans Dreamweaver avec la souris et à en sélectionner une, puis n'en sélectionnez aucun dans la décoration, et enfin cliquez sur OK et vous avez terminé.
12. Copier intelligemment du texte
Copier du texte entre plusieurs applications différentes est quelque chose que nous pouvons souvent faire dans le travail réel. Cependant, si nous copions le texte dans la zone d'édition de Dreamweaver vers une autre application, le code HTML et le texte seront copiés ensemble. Alors, comment pouvons-nous copier uniquement le texte dans la zone d'édition ? Nous savons que nous utilisons généralement la touche de raccourci Ctrl -. C pour fonctionner lors de la copie Si nous appuyons sur une touche C supplémentaire lors de la copie, Dreamweaver copiera uniquement le texte sélectionné.
13. Faites bon usage des touches de raccourci
. Afin d'améliorer l'efficacité des opérations, nous pouvons utiliser les touches de raccourci dans Dreamweaver, par exemple en utilisant Ctrl-B ou Ctrl-I pour appliquer le format gras ou italique au texte. raccourcis clavier suivants pour sélectionner Le texte applique le format HTML : Ctrl-0 : Non formaté Ctrl-T : Paragraphe Ctrl-1 : Titre 1 Ctrl-2 : Titre 2 Ctrl-3 : Titre 3 Ctrl-4 : Titre 4 Ctrl-5 : Titre 5 Ctrl-6 : Titre 6
14. Fermer automatiquement la page web
Si l'on souhaite que notre page web se ferme automatiquement dans un délai spécifié, autant ajouter le code suivant après la balise dans le code source de la page web : < script LANGUAGE. ="JavaScript"> </ /script> où le code Le 3000 signifie 3 secondes, qui se mesure en millisecondes.
15. Définissez intelligemment les noms des objets.
Lorsque nous utilisons Dreamweaver pour créer des effets très complexes, nous pouvons avoir besoin d'utiliser un ou plusieurs objets à plusieurs reprises. Par exemple, nous devons souvent localiser un tableau, une image, etc. spécifique, si nous ne le faisons pas. Si vous nommez plusieurs objets dans une page Web, cela peut être problématique ou sujet aux erreurs lors de l'utilisation répétée de ces objets. Afin de faciliter l'appel de ces objets, chaque fois que nous créons un nouvel objet, nous devons penser à lui donner un nom représentatif et facile à retenir. Lorsque nous nommons ces objets, nous pouvons simplement le faire via le panneau "Propriétés" de l'objet.
16. Ajouter des effets dynamiques aux liens d'images
Parfois, afin d'obtenir un effet réaliste, nous espérons qu'il y aura du mouvement lorsque la souris se déplacera sur un lien. Cet effet peut être facilement obtenu à l'aide de Dreamweaver. Lors de la conception, nous devons d'abord préparer deux images, la première est l'image originale et la seconde est l'image après le déplacement de la souris vers le haut. Cliquez ensuite sur la première image avec la souris, remplissez le fichier à lier dans la colonne des liens du panneau des propriétés, puis cliquez sur la touche F8 du clavier, cliquez sur le signe "+" dans la fenêtre contextuelle Comportements, puis sélectionnez « échanger l'image », sélectionnez la deuxième image dans la fenêtre qui apparaît, et enfin cliquez sur OK.