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.