20 conseils pour créer des pages Web avec Dreamweaver
Auteur:Eve Cole
Date de mise à jour:2009-06-01 01:02:13
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 suivant par votre propre chemin d'installation de Dreamweaver, enregistrez-le en tant que fichier *.reg et double-cliquez dessus pour ajouter les informations au registre.
REGEDIT4
[HKEY_CLASSES_ROOT.htmOpenWithListDreamweaver]
[HKEY_CLASSES_ROOT.htmOpenWithListDreamweavershell]
[HKEY_CLASSES_ROOT.htmOpenWithListDreamweavershelledit]
[HKEY_CLASSES_ROOT.htmOpenWithListDreamweavershelleditcommand]
@="C:Program filesMacromediaDreamweaver 3dreamweaver.exe %1"
Si vous souhaitez le définir comme éditeur par défaut pour IE, ouvrez les « Options Internet » d'IE et spécifiez-le dans l'onglet Programme.
2) Pour 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 un lien vide lors de la navigation, celui-ci passe en haut de la page. ce?
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 ?
En termes de compatibilité avec les différents navigateurs, Dreamweaver fait du bon travail, 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 prêter attention aux problèmes suivants :
Ne mélangez pas la disposition des couches et des tableaux. S'il existe une relation parent-enfant, comme une table dans un calque, cela n'entre pas dans le champ d'application de ce principe ;
Le CSS en ligne provoque souvent des problèmes dans Netscape Navigator, lors de l'utilisation du chaînage ou en ligne ;
Parfois, il est 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 de seulement 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 à partir d'autres documents vers Dreamweaver, tous les paragraphes sont-ils regroupés et il y a des codes de formatage dans Dreamweaver ?
Il existe deux catégories de copier-coller de texte dans Dreamweaver : la méthode standard copie l'objet avec ses propriétés et utilise le contenu du presse-papiers comme code HTML ; l'autre méthode copie ou colle uniquement le texte, en ignorant le format HTML lors de la copie et du code HTML. coller. Collez ensuite 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 provoque même des erreurs lors de l'utilisation de Netscape Navigator, et pourquoi ne peut-elle pas être correctement modifiée dans la fenêtre de document de Dreamweaver ?
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 seront parfois laissés, tels que des liens redondants. 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 signets (ancres) ne fonctionnent pas, et certains semblent avoir disparu ?
Les signets de 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 remplie de différents panneaux. Pour modifier le document, je dois ouvrir chaque espace. C'est trop fatiguant. 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 temporairement utilisés lors de l'édition et rassemblez les panneaux couramment utilisés pour économiser de l'espace sur l'écran ;
À moins que vous n'ayez besoin de l'utiliser maintenant, fermez « l'inspecteur de source HTML ». En plus d'occuper de l'espace sur l'écran, il consomme également des ressources système considérables ;
Appuyez sur F4 pour masquer tous les panneaux ouverts et voir l'intégralité du document, puis appuyez à nouveau pour afficher les panneaux ;
Il existe 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 fréquemment les 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 l'icône correspondante 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 ne peut ajouter que du contenu. Le contenu de la balise <head> peut-il être modifié dans la fenêtre du document ?
Peut. Il existe un moyen très intuitif, appuyez sur "Ctrl+Shift+W" (menu principal Affichage|En-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, tels que 1X1px ?
Cliquez dans une cellule du tableau, puis maintenez la touche "Shift" enfoncée et déplacez-vous avec les touches fléchées pour sélectionner.
Vous pouvez également sélectionner d'abord 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 le panneau "Inspecteur de source HTML". pour revenir à 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 "Cadres", 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".
< A onClick="*" onDblClick="" onKeyDown="" onKeyPress="" onKeyUp="" onMouseDown="" onMouseOut="" onMouseOver="" onMouseUp="">
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 devient "onMouseOver". Autres analogies.
12) Lors de l'ouverture d'une page, une petite fenêtre peut-elle être ouverte en même temps à l'aide de Dreamweaver ?
Oui, sans écrire une seule 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 :
13) Lors de l'insertion d'un tableau, il y a toujours un espace (< td> < /td>) dans la cellule du tableau. Comment puis-je empêcher que cela se produise ?
Celui-ci 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 document modèle 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 une balise modifiable avant le "</head>" du document modèle, comme suit :
< !-- #BeginEditable "Javascript" -->
<langage de script="JavaScript">
</script>
< !-- #EndEditable -->
15) Lors d'une coopération pour développer et gérer un site Web, à l'aide du système d'enregistrement/d'inspection de Dreamweaver, différentes autorisations d'accès sont-elles ajoutées aux fichiers liés au site Web sur le serveur distant ?
L'archivage/extraction est un mécanisme de gestion utilisé en interne par Dreamweaver et n'a rien à voir avec les attributs de fichier. « extraire » signifie que le fichier est utilisé par moi et que d'autres ne peuvent pas le modifier ; « enregistrer » signifie que le fichier peut être extrait et modifié par d'autres collègues, et le fichier local deviendra en lecture seule pour m'empêcher de le faire. en changeant le contenu.
Dreamweaver implémente la fonction d'archivage/extraction en générant les fichiers « .lck » correspondants sur les serveurs locaux et distants. Ces fichiers ne sont pas affichés dans la fenêtre « Site » et Dreamweaver peut lire ces fichiers. Aucun attribut n'est ajouté au fichier. Si vous utilisez d'autres outils et éditeurs FTP, vous pouvez toujours les ouvrir.
16) Lors de la création d'une page Web, la souris vole, modifiant souvent la taille des images définies. Cela peut-il être corrigé sans revoir l'image ?
Si la taille de l'image ne correspond pas, sa valeur deviendra en gras dans le panneau des propriétés. Appuyez sur le bouton "Actualiser" du panneau pour le restaurer à sa vraie taille.
17) Comment puis-je cliquer sur un lien et modifier plusieurs images en même temps ?
Le moyen le plus direct consiste à créer un système de cadres pour le lien.
Il est plus facile d'utiliser le comportement « Aller à l'URL » de Dreamweaver. La boîte de dialogue affiche tous les cadres. Remplissez simplement la page correspondante dans la colonne "URL" ci-dessous.
18) Je souhaite ajouter un comportement au texte, mais les éléments du panneau de comportement sont tous sombres et non sélectionnables. Que dois-je faire ?
Lorsque je rencontre cette situation auparavant, j'insère généralement une image à côté du texte et j'ajoute le comportement requis à l'image. Modifiez ensuite le code, déplacez-le sur le texte et supprimez l'image.
La méthode ci-dessus est plus lourde. La méthode la plus pratique consiste à lier le texte à "javascript:void(null)", et ces comportements seront révélés honnêtement.
19) Lorsque vous placez un calque utilisant des comportements dans la bibliothèque, Dreamweaver ne laisse pas les comportements du calque suivre. Que dois-je faire ?
Utilisez des modèles.
20) Le script qui vérifie le plug-in Flash et redirige est parfois anormal. Existe-t-il une autre méthode ?
Lors de la création de pages Web Flash, les utilisateurs sont habitués à utiliser le comportement de « vérification du plug-in » de Dreamweaver pour la redirection. Mais parfois, il affichera un rapport incorrect, indiquant que le plug-in est évidemment installé, mais il indique que ce n'est pas le cas. Voici un moyen solide de rediriger.
Créez une nouvelle page d'accueil comme page de redirection. Utilisez « Insérer une actualisation » dans le panneau d'objet « tête » pour diriger vers une page Web qui n'utilise pas la technologie Flash, comme le montre la figure. Il ajoutera le code suivant en en-tête de la page : < meta http-equiv="refresh" content="4;URL=noflash.htm">
Créez une autre petite vidéo Flash et ajoutez un comportement « Obtenir l'URL » dans la première image pour pointer vers une page utilisant la technologie Flash. Intégrez cette courte vidéo dans votre page d'accueil à des fins de ciblage.
Evidemment, cette page redirigée est très fiable.