Maison >outils de développement >dreamweaver >20 conseils pour créer des pages Web dans Dreamweaver

20 conseils pour créer des pages Web dans Dreamweaver

青灯夜游avant: 2020-12-11 17:57:2510245parcourir

Cet article vous présente 20 conseils pour créer des pages Web dans 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"

20 conseils pour utiliser Dreamweaver pour créer des pages Web. J'espère que cela aide.

1) Comment intégrer Dreamweaver dans le navigateur IE ?

Le programme d'installation de Dreamweaver ajoutera une commande "Modifier avec Dreamweaver" au menu contextuel. Nous pouvons également modifier le registre Windows pour l'intégrer à IE. Tout comme MS Word, Frontpage et Notepad, Dreamweaver est appelé pour ouvrir la page Web actuelle via le bouton Modifier de la barre d'outils IE.

Remplacez la dernière ligne du texte ci-dessous par votre propre chemin d'installation de Dreamweaver, enregistrez-le en tant que fichier *.reg, double-cliquez dessus pour ajouter les informations au registre.

REGEDIT4

[HKEY_CLASSES_ROOT.htmOpenWithListDreamweaver]

[HKEY_CLASSES_ROOT.htmOpenWithListDreamweavershell]

[HKEY_CLASSES_ROOT. htmOpenWithListDreamweavershelleditcommand ]

@="C:Program filesMacromediaDreamweaver 3dreamweaver.exe %1"

Si vous souhaitez le définir comme éditeur par défaut d'IE, ouvrez les "Options Internet" d'IE et spécifiez-le dans la balise du programme.

2) Afin d'utiliser certains scripts, il est souvent nécessaire d'ajouter des liens vides vers des graphiques ou du texte. Cependant, lorsque vous cliquez sur un objet avec des liens vides lors de la navigation, celui-ci passe en haut de la page. page. Comment éviter cela ?

Parce que le navigateur pense que le lien renvoie vers la même page, mais il ne trouve pas le signet (ancre) défini, il reste donc en haut de la page. Remplacez le " # " des liens vides par " javascript:void(null) " pour résoudre ce problème.

3) Lors de l'utilisation de CSS et de calques, les effets dans différents navigateurs sont différents, et parfois même un désalignement se produit. Comment le résoudre ?

Dreamweaver fait du bon travail en termes de compatibilité avec les différents navigateurs, mais cela ne signifie pas que les pages Web créées avec Dreamweaver seront exactement les mêmes dans IE et Netscape. Dans des circonstances normales, l'apparence d'une même page Web consultée par différents navigateurs ne peut pas être exactement la même. Ceci est déterminé par les navigateurs des différents fabricants.

De manière générale, essayez de faire attention aux problèmes suivants :

Ne mélangez pas la disposition des calques et des tableaux. S'il s'agit d'une relation parent-enfant, comme un tableau dans un calque, c'est le cas. n'entre pas dans le cadre de ce principe ; dans

Les CSS liés posent souvent des problèmes dans Netscape Navigator. Utilisez des styles chaînés ou en ligne

Il est parfois nécessaire d'insérer des tableaux ou des images transparentes dans un calque vide ; pour garantir l'effet dans Netscape Navigator. Pour les calques qui ne font que quelques pixels de largeur ou de hauteur, utilisez plutôt des images

Évitez d'utiliser des propriétés typographiques qui ne sont pas recommandées par l'organisation W3C et utilisez plutôt CSS ;

4) Pourquoi lors de la copie de texte d'autres documents vers Dreamweaver, tous les paragraphes sont entassés et il y a des codes de formatage dans Dreamweaver ?

Dreamweaver propose deux catégories pour copier et coller du texte. La méthode standard copie l'objet avec ses propriétés et traite le contenu du presse-papiers comme du code HTML ; l'autre méthode copie ou colle uniquement le texte et l'ignore lorsque copie. format html, lors du collage, collez le code html sous forme de texte. Appuyez sur une autre touche « Shift » (Ctrl Shift C/Ctrl Shift V) pour fonctionner de cette dernière manière.

5) Pourquoi la page Web peut-elle être parcourue normalement avec IE, mais elle ne répond pas aux exigences ou fait même des erreurs lors de l'utilisation de Netscape Navigator, et la fenêtre de document de Dreamweaver ne peut pas être correctement modifiée ?

Veuillez vérifier le code. Étant donné que vous utilisez l'éditeur WYSIWYG pour modifier de manière répétée certaines parties de la page, certains codes redondants, tels que des liens redondants, seront parfois laissés de côté. Ces codes ne seront pas visibles dans la fenêtre du document Dreamweaver et IE les ignorera. Cependant, Netscape Navigator a des exigences de code plus strictes et des phénomènes incroyables se produisent lors de la prévisualisation.

6) Dans Netscape Navigator, certains marque-pages (ancres) ne fonctionnent pas, et certains semblent avoir disparu ?

Les signets Netscape Navigator sont sensibles à la casse. Dans Navigator, les signets des tableaux imbriqués à plusieurs niveaux seront perdus. Placez les signets en dehors du tableau.

7) La fenêtre du document Dreamweaver est pleine de différents panneaux Pour modifier le document, je dois ouvrir chaque espace. C'est trop fatigant. Que dois-je faire ?

Un écran de résolution 800X600 est en effet trop petit pour Dreamweaver, mais même 1024X768 ne peut pas s'adapter à tous les panneaux. La clé est d'être bien organisé.

Fermez les panneaux qui ne sont pas utilisés temporairement lors de l'édition et rassemblez les panneaux couramment utilisés pour économiser de l'espace sur l'écran ;

Fermez « Inspecteur de source HTML » à moins que vous n'ayez besoin de l'utiliser maintenant en plus de l'occuper. espace sur l'écran, cela prend également des ressources système considérables ;

Appuyez sur F4 pour masquer tous les panneaux ouverts et voir l'intégralité du document, et appuyez à nouveau dessus pour afficher les panneaux

Il y a une commande "Organiser les palettes flottantes" dans le menu "Fenêtres". Utilisez cette commande pour placer tous les panneaux ouverts autour de la fenêtre sans se chevaucher.

Utiliser plusieurs touches de raccourci et les maîtriser correctement est un bon moyen d'améliorer l'efficacité du travail.

Lors de l'ajout d'objets invisibles, Dreamweaver ajoutera les icônes correspondantes en haut de la page dans la fenêtre du document. S'il y a trop d'icônes, cela peut gêner l'édition. Vous pouvez les masquer et les afficher en appuyant sur "Ctrl Shift I " (menu principal Affichage | Éléments invisibles). Vous pouvez également définir ces icônes pour qu'elles n'apparaissent pas, mais cela n'est pas recommandé car elles permettent de sélectionner les objets à modifier.

8) Le panneau d'objet Head peut uniquement ajouter du contenu. Le contenu de la marque <

Oui. Il existe un moyen très intuitif, appuyez sur "Ctrl Shift W" (menu principal Affichage | Tête Contenu), une rangée d'icônes apparaîtra sous la barre de menu principale de la fenêtre du document, cliquez sur ces icônes pour modifier.

9) Comment sélectionner de très petites images dans des tableaux et des calques, comme 1X1px ?

Cliquez dans la cellule du tableau, puis appuyez sur la touche "Shift" et utilisez les touches fléchées pour vous déplacer pour sélectionner.

Vous pouvez également sélectionner la cellule du tableau (appuyez sur la touche Ctrl et cliquez sur la cellule correspondante avec la souris) ou le calque, puis sélectionnez < img src=" dans le code en surbrillance dans "l'Inspecteur de source HTML". panneau .."> , revenez à la fenêtre du document et l’image est sélectionnée.

10) Comment éditer le nom (Titre) d'un système framework ?

Appuyez sur "Ctrl F10" pour ouvrir le panneau "Frames", cliquez sur le cadre le plus à l'extérieur et appuyez sur "Ctrl J" (menu principal Modifier | Propriétés de la page).

11) Comment changer l'événement par défaut des "comportements" ?

Le fichier de paramètres d'événement est placé dans le dossier "ConfigurationBehaviorsEvents" du répertoire d'installation de Dreamweaver. Par exemple, pour les navigateurs de version 4.0 ou supérieure, ouvrez le fichier "4.0 and Later Browsers.htm".

Déplacez le "*" dans " onClick="*" " vers " onMouseOver="" " et remplacez-le par : < A onClick="" onDblClick="" onKeyDown="" onKeyPress="" onKeyUp = "" onMouseDown="" onMouseOut="" onMouseOver="*" onMouseUp="">

Redémarrez Dreamweaver, l'événement par défaut de ce type deviendra "onMouseOver". Autres analogies.

12) Lors de l'ouverture d'une page, peut-on ouvrir une petite fenêtre en même temps avec Dreamweaver ?

Oui, pas besoin d'écrire une ligne de code. Utilisez le script intégré « Ouvrir la fenêtre du navigateur » dans le panneau « Comportements » pour définir la page, la taille de la fenêtre et les propriétés. Comme le montre l'image :

Image 1

13) Lors de l'insertion d'un tableau, il y a toujours un espace dans la cellule du tableau ( < td> < /td> ). J'empêche que ça arrive ?

Ceci est généré automatiquement par Dreamweaver, ne le supprimez pas. S'il n'y a rien dans une cellule du tableau, Netscape Navigator n'affichera pas la cellule.

14) La balise < head> d'un modèle de document ne peut pas être modifiée, sauf pour le thème de la page Web. Comment puis-je ajouter des comportements à une page Web basée sur ce modèle ?

Utilisez le panneau "Inspecteur de source HTML" pour ajouter des balises modifiables avant "< /head>" dans le document modèle, comme suit :

< -- >