2. Modifiez rapidement le titre du fichier. Souvent, lorsque nous créons de nouveaux fichiers, nous ignorons souvent le contenu du fichier Titre. Lorsque nous devons le modifier ultérieurement, nous devons souvent ouvrir chaque fichier et le modifier séparément. En fait, ce travail peut être facilement réalisé dans la fenêtre du site. Ouvrez Afficher les titres de page dans le menu Affichage de la fenêtre du site pour que les fichiers de la fenêtre du site affichent l'en-tête du fichier au lieu du nom du fichier d'origine. L'en-tête de fichier par défaut est Document sans titre. Nous pouvons cliquer deux fois pour remplacer le texte par défaut par l'en-tête de fichier dont nous avons besoin. Comme le montre l'image :
3. Générez rapidement des plans de site. Parfois, nous devons créer un plan du site contenant toutes les structures de fichiers du site actuel et nous ne trouvons pas de méthode appropriée. Dreamweaver lui-même a cette fonction. La méthode est la suivante : Ouvrez la commande Fichier—Enregistrer le plan du site et entrez le nom du fichier enregistré dans la boîte de dialogue contextuelle. Dreamweaver générera automatiquement un site au format .bmp ou .png dans le répertoire racine. de la photo du site actuel.
2. Techniques au stade de la mise en page
Dreamweaver est non seulement un bon outil de création de pages, mais il peut également effectuer une composition et une mise en page précises. Dans cette section, nous présentons plusieurs techniques de mise en page.
1. Ouvrez le formulaire auxiliaire. Les amis qui ont fait du design espèrent notamment positionner avec précision les éléments de la page Web. Ils aiment que chaque élément puisse être positionné avec précision selon leurs souhaits. La fonction Grid fournie avec Dreamweaver peut contribuer à réaliser cet espoir. Exécutez la commande View—Edit Grid pour activer l'assistance aux coordonnées. Vous pouvez choisir l'affichage de la grille ou des points et activer l'accrochage à la grille. Lors de l'insertion ou de l'ajout de nouveaux éléments à l'avenir, ils seront positionnés avec précision en fonction de vos paramètres.
2. Utilisez les techniques de mise en page de tableau. Une utilisation appropriée de la fonction de tableau dans Dreamweaver peut facilement atteindre l'objectif d'embellir la page. Je présenterai quelques techniques ci-dessous.
1) Créez une bordure de 1 px. Certains amis se plaignent que Dreamweaver ne peut pas créer une bordure de tableau à un seul pixel. En fait, vous pouvez créer un tel tableau à un seul pixel en utilisant soigneusement le panneau de propriétés du tableau. Utilisez d’abord le panneau Objet pour insérer un tableau et définir la largeur, la hauteur, les lignes et les colonnes du tableau. À l’heure actuelle, les valeurs par défaut CellPad, CellSpace et Border du tableau inséré dans Dreamweaver sont toutes égales à 0. Définissez la bordure du tableau dans le panneau des propriétés sur 0, CellPad sur 5 (cela gardera 5 pixels entre le contenu de la cellule et le bord de la cellule) est de 1 (cela gardera 1 pixel entre les cellules) ; articles). Définissez la couleur d'arrière-plan du tableau sur une couleur sombre (telle que #999999) et définissez la couleur d'arrière-plan des cellules sur une couleur claire (telle que #FFFFFF). Parcourez-le simplement et observez l’effet.
2) Importez le tableau de données. Parfois, nous devons importer certains tableaux créés dans des fichiers Excel dans Dreamweaver. Nous pouvons enregistrer les fichiers Excel d'origine sous forme de fichiers texte .txt délimités par des tabulations. L’exécution de Insertion – Date tabulaire dans Dreamweaver ouvre la fenêtre suivante :
Après avoir ajouté chaque paramètre, les données peuvent être importées dans un tableau de Dreamweaver.
3) Formatez le tableau. Si vous êtes fatigué de définir à plusieurs reprises les paramètres de chaque cellule, vous pouvez utiliser la commande Formater le tableau pour formater rapidement le tableau. Cette commande est livrée avec plusieurs jeux de couleurs de tableau, vous pouvez en choisir un. appliquera automatiquement la palette de couleurs au tableau que vous avez sélectionné. Comme le montre l'image :
4. Échange entre tables et couches. Certains amis aiment organiser librement le contenu de leurs pages, mais ils n'aiment pas la façon dont fonctionnent les tableaux. En fait, vous pouvez utiliser des calques flexibles pour organiser le contenu de votre page, puis le convertir en tableau lorsque vous êtes satisfait. Sélectionnez le calque que vous souhaitez convertir et exécutez la commande Modifier—Convertir—Couches en table. Comme le montre l'image :
5. Mettez à jour plusieurs pages de cadre en même temps. Nous devons mettre à jour le contenu de deux ou plusieurs autres pages de cadre en même temps lorsqu'un lien est cliqué. Cela peut être réalisé en utilisant le comportement de Dreamweaver en suivant les étapes suivantes.
1) Sélectionnez le texte ou l'image du lien.
2) Ouvrez le panneau Comportements (Comportements) et cliquez sur le signe plus pour ajouter le comportement Aller à l'URL.
3) Dans la boîte de dialogue Aller à l'URL, toutes les fenêtres frame actuellement existantes sont affichées. Nous sélectionnons respectivement un nom de fenêtre et pouvons définir individuellement le contenu du fichier à mettre à jour dans chaque fenêtre. Dreamweaver ajoutera un signe « * » après la fenêtre dans laquelle le fichier cible est défini, indiquant que l'URL a été définie pour cette fenêtre frame.
4) Cliquez sur OK une fois terminé. Lorsque nous cliquons sur ce lien, le contenu de plusieurs fenêtres sera mis à jour en même temps.
3. Contenu
Comment organiser le contenu plus rapidement et plus facilement, c'est ce que chaque ami veut savoir. Vous connaissez peut-être ou non les conseils suivants, mais l'important est que grâce à une utilisation continue, vous découvrirez ses avantages.
1. Édition rapide des étiquettes. Pour les amis familiers avec le code manuscrit, ils doivent souvent passer à la fenêtre de code pour ajouter du code manuellement. En fait, vous pouvez insérer rapidement diverses balises HTML à l'aide de l'éditeur de balises rapide de Dreamweaver. La première consiste à cliquer sur le panneau des propriétés. Insertion d'icône, un autre raccourci est Ctrl+T, les deux méthodes ouvriront l'édition rapide des balises, vous pouvez directement sélectionner la balise de code source requise dans la liste, comme indiqué ci-dessous :
2. Ajoutez rapidement des bordures d'image. De nombreuses images insérées dans des pages Web n'ont pas de bordures. Parfois, nous devons ajouter des bordures aux images. Nous n'avons pas besoin d'ouvrir un logiciel de traitement d'images pour y parvenir. Une méthode consiste à sélectionner l'image et à définir directement la bordure à 1 px dans le panneau des propriétés, ce qui ajoutera une bordure de 1 pixel à l'image ; l'autre méthode consiste à définir un style. Nous pouvons définir directement la balise img comme style ; avec 1px de tous les côtés. Ensuite, toutes les images insérées dans la page Web auront la même bordure. Comme le montre l'image :
3. Utilisez le glisser pour ajouter des liens. Dreamweaver prend en charge le glisser-déplacer des liens directement du document vers d'autres fichiers du site. Nous pouvons placer la fenêtre du site et la fenêtre du document côte à côte, comme le montre la figure :
Sélectionnez ensuite le texte qui doit être lié dans le document, ouvrez le panneau des propriétés et pointez le pointeur vers le fichier après la barre d'adresse du lien vers le fichier cible dans la fenêtre du site, comme indiqué ci-dessous :
4. Comment ajouter un fond sonore. De nombreux amis sont un peu confus quant à l'insertion de certains fichiers audio multimédia dans Dreamweaver. En fait, c'est très simple. Cliquez sur l'onglet dans le coin inférieur gauche de la fenêtre de travail de Dreamweaver, ouvrez le panneau Comportement, cliquez sur le signe + dans le panneau. Dans la fenêtre de comportement contextuelle, sélectionnez Lire le son, puis sélectionnez Les fichiers audio dont vous avez besoin peuvent être ajoutés. Sélectionnez le logo du fichier son dans la fenêtre du document et cliquez sur Paramètres dans le panneau des propriétés pour définir le nombre de boucles de la musique de fond, la lecture automatique et d'autres propriétés, comme indiqué dans la figure :
4. Embellissement
Embellir divers éléments d'une page Web est une tâche fastidieuse et pas toujours efficace. Les conseils suivants peuvent vous aider un peu.
1. Créez rapidement des combinaisons de couleurs. Nous devons souvent définir la couleur du texte de chaque statut de lien. Certains amis estiment que leur sens des couleurs n'est pas très bon, ils recherchent donc toujours des manuels de correspondance des couleurs. En fait, Dreamweaver lui-même est déjà livré avec certains jeux de couleurs. Ouvrez la commande Commandes-Définir le jeu de couleurs et nous pouvons voir qu'il existe de nombreux jeux de jeux de couleurs, chacun définissant la couleur d'arrière-plan, la couleur du texte et la couleur de chaque lien. état. Il vous suffit de sélectionner Un seul type suffit, voir l'image ci-dessous :
2. Compétences en matière de style de lien CSS. Les liens texte ont généralement quatre états : lien, survol, actif et visité. Nous définissons généralement des couleurs et des styles différents pour chaque état des liens texte. Cependant, les amis constatent souvent que les styles qu'ils ont définis ne ressemblent pas à ceux attendus lors de la navigation. La raison principale est qu'il existe certaines exigences concernant l'ordre de définition des liens dans la feuille de style. L'ordre correct est : A:lien—A:visité—A:survol. Pour les amis ordinaires, en fait, ils veulent souvent simplement que le statut de survol change. Une petite astuce consiste à ne pas définir le style de lien selon la méthode ci-dessus, mais uniquement à définir les styles de a et a:hover status, de sorte que. il n'y a que le statut de survol. Le style est différent des autres états. La méthode de modification est la suivante :
3. Créez un texte de connexion et des soulignements de différentes couleurs. Le texte du lien ordinaire et le soulignement du lien ont la même couleur. En fait, nous pouvons également utiliser l'attribut Border dans la feuille de style pour remplacer le soulignement des liens ordinaires, car Border a plus de paramètres de contrôle et de styles, à condition que la couleur de la bordure et notre. L'objectif peut être atteint par différentes définitions de couleurs du texte. Par exemple, nous pouvons définir le texte comme noir et le soulignement comme rouge dans l'option Bordure, comme indiqué ci-dessous ;
5. Techniques pour améliorer l'efficacité
Dreamweaver contient également de nombreuses commandes qui peuvent améliorer considérablement l'efficacité du travail, notamment la création de projets de bibliothèque, l'utilisation de modèles, la fonction de panneau d'historique et la fonction de recherche et de remplacement. Ici, je présente quelques petites astuces pour démontrer la puissance de ces commandes.
1. Conseils pour nettoyer les fichiers Word. Nous devons souvent convertir certains fichiers Word en fichiers HTML, mais le résultat de cette conversion est que les fichiers HTML générés sont très volumineux et contiennent beaucoup de code répété. L'utilisation de plusieurs fonctions de Dreamweaver peut facilement nettoyer le code inutile. Tout d'abord, ouvrez le fichier HTML généré par Word et exécutez la commande Nettoyer Word HTML dans le menu Commandes. Le programme identifiera automatiquement la version originale de Word et supprimera le code inutile. Cependant, le fichier contient encore beaucoup de code répété, contenant principalement un grand nombre de
balises et. Nous pouvons à nouveau exécuter la commande Nettoyer HTML dans le menu Commandes, sélectionner l'option Balise(s) spécifique(s) dans la fenêtre contextuelle. up, et entrez les balises span et p, séparées par des espaces. Après avoir exécuté la commande, toutes les balises span et p seront effacées.
Mais à l'heure actuelle, chaque attribut d'image du fichier contient également des attributs similaires à v:shapes="_x0000_i1025", et nous devons encore effacer ces attributs. Ouvrez le panneau Rechercher et remplacer et définissez les règles de remplacement comme indiqué ci-dessous. Après l'exécution, ces attributs de toutes les images seront effacés. Comme le montre l'image ;
2. Remplacez rapidement les titres des fichiers. Plus tôt, j'ai expliqué que vous pouvez remplacer le titre du fichier dans la fenêtre du site, mais vous ne pouvez remplacer le titre d'un fichier à la fois. Nous pouvons essayer d'utiliser la commande Rechercher et remplacer introduite à l'étape précédente pour remplacer les titres de plusieurs. fichiers à la fois. Habituellement, les titres de nos fichiers nouvellement créés sont Document sans titre. Vous pouvez ouvrir la commande Modifier-Rechercher et remplacer et définir les paramètres suivants pour remplacer tous les fichiers du site actuel intitulés Document sans titre par nos propres titres.
3. Définissez le format de document par défaut. Bien que la méthode ci-dessus soit rapide, chaque fois que nous créons un nouveau fichier, le titre du fichier par défaut est toujours Document sans titre. Parce que lors de la création d'un nouveau document, Dreamweaver appellera une page par défaut comme format par défaut. Ce fichier est Dreamweaver 4ConfigurationTemplatesDefault.html, afin que nous puissions définir certains formats unifiés sur notre site, tels que la couleur d'arrière-plan. , la taille de la police, le titre du fichier, etc., puis enregistrez-le en écrasant le fichier Default.html ci-dessus. Lorsque nous créerons de nouveaux fichiers à l'avenir, Dreamweaver appliquera automatiquement le format que nous avons défini, ce qui peut grandement améliorer l'efficacité du travail.
6. Post-maintenance
D'accord, après tant d'introductions ci-dessus, nous avons maîtrisé certaines compétences en matière de production de pages Web, mais votre page finale ne contiendra-t-elle plus d'erreurs ? Vos liens sont-ils tous les bons liens ? Votre page fonctionne-t-elle bien sur tous les navigateurs ? Avez-vous encore beaucoup de fichiers sur votre site dont vous n'avez plus besoin ? De nombreux problèmes similaires existent encore, et ceux-ci appartiennent à la détection et à la maintenance ultérieures du site. Nous introduisons ici quelques techniques supplémentaires de post-détection.
1. Détection de lien. Exécutez la commande de menu Fichier—Vérifier les liens, Dreamweaver détectera automatiquement tous les liens du site actuel et détectera les liens non valides, comme indiqué ci-dessous :
Un double-clic sur un résultat détecté ouvrira automatiquement la page correspondante et localisera directement le mauvais lien, ce qui est très pratique pour nous de modifier l'erreur de lien.
2. Détectez rapidement les fichiers inutiles. L'exécution de la commande de menu Site—Vérifier les liens sur tout le site peut activer la fonction de détection de fichiers de liens. Nous pouvons également utiliser cette fonction pour vérifier les fichiers inutiles du site et les supprimer. Sélectionnez simplement Fichiers orphelins dans la liste déroulante supérieure et tous les fichiers inutiles du site seront répertoriés ci-dessous. Sélectionnez-les tous et appuyez sur la touche Suppr pour les supprimer.