Dreamweaver a toujours été un outil de conception Web apprécié par de nombreux internautes. En plus de ses puissantes capacités de production d'effets dynamiques, son interface de fonctionnement pratique et concise est également unique. Ci-dessous, nous prendrons la dernière version de Dreamweaver4 comme exemple et poserons systématiquement des questions. Présentons quelques problèmes et techniques souvent rencontrés dans le processus de conception.
Remarque : Pour plus de commodité, nous réduirons ci-dessous toutes les représentations Dreamweaver à DW.
1> Comment saisir un espace dans DW ?
Le problème de la saisie des espaces semble être devenu un problème courant en DW. Nous l'avons peut-être vu N fois dans de nombreux livres ou articles présentant l'utilisation de DW.
La restriction sur la saisie d'espace dans DW concerne l'état de texte "demi-largeur", elle peut donc être évitée en ajustant la méthode de saisie en mode pleine largeur. La méthode est la suivante : ouvrez la méthode de saisie chinoise (prenez l'intelligence artificielle ABC comme exemple). exemple), appuyez sur Shift + Space pour passer à l'état pleine largeur, ça devrait aller maintenant.
De plus, vous pouvez également atteindre l'objectif de saisie d'espaces grâce à de nombreuses méthodes de « contournement ». Par exemple, les méthodes couramment utilisées sont :
l'ajout direct du code HTML « » représentant les espaces dans le code source ; longueur, puis ajustez la couleur du texte Identique à la couleur de fond actuelle, etc., mais notez que cette dernière peut afficher des problèmes dans certains navigateurs. (Haha, celui que j'utilisais à cette époque a été découvert par Wang Chenyun !)
2> Comment ajouter une petite icône personnalisée devant la barre d'adresse du navigateur ?
Vous souvenez-vous que parfois, lors de la navigation sur la page d'accueil du site NetEase, une petite icône avec le mot « Easy » s'affichera devant WWW.163.COM . Par défaut, cette icône est une image désignée du navigateur IE. Comme le montre l'image :
En fait, il ne s'agit pas d'une technologie sophistiquée, elle ajoute simplement un fichier spécifique au répertoire du site Web.
À ce stade, nous devons créer à l’avance un fichier icône, d’une taille de 16*16 pixels. L'extension du fichier est ico puis téléchargé dans le répertoire correspondant. Ajoutez le code suivant entre les fichiers sources HTML "<head></head>" :
<Link Rel="SHORTCUT ICON" href="http://L'adresse de l'image (à noter qu'elle correspond au répertoire à l'instant) ">
L'"ICÔNE DE RACCOURCI" est le nom de l'icône. Bien sûr, si l'utilisateur utilise IE5 ou supérieur pour naviguer, ce sera encore plus simple. Il suffit de télécharger l'image dans le répertoire racine du site Web et elle sera automatiquement reconnue !
3> Pourquoi ma page Web initialement bien conçue devient-elle laide et embarrassante lorsque la fenêtre du navigateur est réduite ?
Cela devrait être un problème digne de l'attention de tous. En d'autres termes, il n'y a aucun problème lors de la navigation sur le contenu Web en mode plein écran. Le problème survient lentement lorsque nous utilisons la commande de réduction de fenêtre ou redimensionnons manuellement la fenêtre. Le contenu de la page Web prendra la fenêtre actuelle comme plage d'affichage et s'affichera dans l'ordre. Par exemple, la différence entre « retour à la ligne automatique » et « pas de retour à la ligne » dans le Bloc-notes est exactement la même.
Pour résoudre ce problème, nous devons commencer par la mise en page de la page Web. Dans des circonstances normales, le positionnement du contenu Web se fait principalement au moyen de tableaux. Par conséquent, la « faute » du problème réside dans la forme.
Veuillez regarder l'affichage du panneau de propriétés d'un tableau ci-dessous :
Vous avez peut-être remarqué que deux types différents sont fournis pour les options de réglage de la hauteur et de la largeur du tableau, du pourcentage et des pixels. L'utilisation de pourcentages provoquera le problème mentionné précédemment. Corrigez-le simplement en fonction de la taille réelle de l'unité Pixels.
4> Comment modifier le message d'invite en haut lorsque la page Web est affichée ?
Lors de la navigation sur une page Web, les informations d'invite en haut représentent souvent le contenu clé de la page Web, aidant les visiteurs à comprendre à l'avance le contenu de la page Web. Avant DW4, cette opération n'était pas directement prévue dans la fonction. Nous la complétions souvent en appliquant l'attribut "Titre" dans le code source. La saisie de DW4 est beaucoup plus simple.
Tapez simplement les informations textuelles requises directement dans la zone de saisie « Titre » en haut de la fenêtre d'édition.
5> Comment puis-je ajouter une bordure d'une couleur spécifiée à une image ?
Pour les images sans bordures, l'effet d'affichage est assez médiocre lorsqu'elles sont insérées directement dans une page Web. N'oubliez pas qu'il est assez difficile d'ajouter des bordures satisfaisantes aux images dans Microsoft FP.
Cependant, c'est beaucoup plus simple dans DW, car il existe une propriété "Border" qui permet de définir directement la largeur de la bordure. Comme le montre l'image :
une fois la largeur définie, vous vous demanderez certainement : qu'en est-il de la couleur ? Il n'y a pas de choix de couleur sur le panneau ! Haha, en fait, il y a une astuce ici. Utilisez la souris pour sélectionner l'objet image, faites attention à ne pas cliquer pour sélectionner, mais à faire glisser pour sélectionner. Faites-le simplement de la même manière que pour définir la couleur du texte.
6> Comment ajouter des informations rapides pour les images et le texte du lien ?
Lorsque nous parcourons une page Web, lorsque la souris reste sur un objet image ou un lien, une boîte de message d'invite apparaît parfois en bas à droite de la souris. Faites quelques commentaires sur l’objectif. Dans certains cas, son rôle est très important.
Examinons d'abord l'ajout d'informations d'invite d'image. Sélectionnez l'objet image et vous trouverez une zone de saisie "Alt" dans le panneau des propriétés. Par défaut, cette zone de saisie est vide. Entrez simplement le contenu de l'invite requis ici.
Ensuite, la production d’invites de liens n’est pas si simple. Cette fonction n'étant pas directement fournie dans DW, nous devons ajouter du code HTML pour y parvenir.
Ajoutez l'attribut "Titre" dans <a href="" >. Le contenu Title=invite est suffisant.
7> Comment rendre votre propre ZIP ou d'autres types de fichiers disponibles pour que d'autres puissent les télécharger ?
Aux yeux de nombreux créateurs de pages Web juniors, il semble que terminer le téléchargement avec un clic de souris soit une chose très « mystérieuse », mais en fait c'est loin d'être le cas. Lorsqu'un fichier au format DW non reconnu par le navigateur (autre que HTM, HTML, ASP, PHP.PERL, SHTML, etc.) est utilisé comme cible de lien, l'opération par défaut est de télécharger.
À ce stade, il vous suffit de télécharger le navigateur. Écrivez le nom du fichier, puis créez un lien vers le fichier cible. Faites attention à ne pas vous tromper dans le répertoire
8> Comment pouvons-nous nous assurer que le texte se trouve dans le répertoire. La page Web ne change-t-elle pas avec le paramètre de taille de police du navigateur ? Comme
nous le savons tous, dans le navigateur IE, il existe une fonction qui vous permet de définir librement la taille de la police du contenu de la fenêtre. En fonction des habitudes des différents visiteurs, les pages web qui leur sont présentées seront parfois différentes.
Par exemple, vous avez peut-être initialement utilisé une police de taille 2 dans votre conception, mais en raison des paramètres supplémentaires du navigateur de l'utilisateur, elle est devenue plus grande. À ce stade, il y aura un problème avec l'effet d'affichage.
La solution consiste alors à forcer qualitativement le contenu de la page Web à une certaine taille appropriée. Autrement dit, il n'a pas le droit de changer. Cette exigence peut être satisfaite par un contrôle obligatoire des polices via des feuilles de style CSS.
9> Ouvrir le lien cible dans une nouvelle fenêtre ?
Ouvrir dans une nouvelle fenêtre, comme son nom l'indique, signifie ouvrir une autre fenêtre du navigateur sans couvrir la fenêtre actuelle. Vous pouvez <a href="">ajouter "Target=_blank" directement au code de connexion.
Si votre code HTML est médiocre, ce paramètre est également fourni dans le panneau des propriétés DW. Lorsque vous saisissez l'URL WWW dans la zone de saisie Lien, la liste déroulante Cible derrière est également activée en même temps.
Sélectionnez simplement « vide » en haut, comme indiqué
sur l'image
.10> Comment empêcher une fenêtre publicitaire d'apparaître lorsqu'une page Web est chargée, comme de nombreux sites Web commerciaux.
Cela se voit souvent sur de nombreux grands sites Web commerciaux. Il peut être facilement implémenté dans DW via le comportement comportemental.
Lors du chargement, nous pouvons traiter l'intégralité du contenu de la page Web comme un objet événement. Cliquez sur la balise "<body>" dans le coin inférieur gauche de la fenêtre d'édition DW. À ce stade, vous pouvez remarquer que tout le contenu Web a été sélectionné.
Cliquez sur le bouton « Comportement » dans le « Quick Launchpad » pour accéder au panneau de comportement, comme indiqué dans la figure :
Sélectionnez l'élément « Ouvrir la fenêtre de navigation ». À ce stade, vous pouvez également personnaliser le style de la fenêtre, tel que la taille et la rétention. des boutons d'outils, etc. Un autre point est de ne pas oublier que l'événement correspondant est "Onload".
11> Il n'y a pas de "Timelines" dans ma rampe de lancement rapide, que dois-je faire ?
Après la mise à niveau de DW vers la version 4, plusieurs nouveaux projets ont été ajoutés à la rampe de lancement rapide, tels que Assets, etc. À ce moment-là, le bouton Timelins initialement en haut a été enfoncé.
Bien sûr, si vous avez hâte de l'utiliser maintenant, vous pouvez toujours le trouver via le menu "Windows" - "Timelines". Mais après tout, ce n'est pas aussi pratique que de le mettre dans le launchpad. Pour le moment, on peut l'ajouter via les paramètres !
"Modifier" - "Préférence" entrez dans la fenêtre, sélectionnez "panneaux" dans la liste des projets à gauche, comme indiqué sur la figure,
cliquez sur le bouton "+" ci-dessus et sélectionnez "Chronologies" dans la liste déroulante. À ce stade, la chronologie a été automatiquement ajoutée au contenu actuel de la liste « Afficher dans le lanceur », OK. Le panneau "Lanceur" modifié est illustré sur la figure.
Dans le même temps, vous pouvez également sélectionner librement les options des boutons qui apparaissent dans le panneau en fonction de vos propres besoins pour améliorer l'efficacité du travail.
12> Créez une page Web pour qu'elle puisse être automatiquement actualisée toutes les 5 minutes. Comment y parvenir ?
Lorsque nous naviguons sur Internet, nous rencontrons souvent certaines pages Web. S'il n'y a pas de réponse après un certain temps, il sera automatiquement actualisé. En plus de rappeler aux visiteurs que lorsque la nouvelle adresse d'actualisation n'est pas l'URL actuelle, la fonction de saut automatique est implémentée.
Qu'il s'agisse d'un rafraîchissement répété ou d'un saut automatique. Dans la conception de sites Web, ce sont toutes des opérations très pratiques. Ci-dessous, nous expliquons comment les réaliser.
Sélectionnez la section "En-tête" du panneau "Objet" de DW. Notez que par défaut, le "contenu" de Common est affiché. Comme le montre
la figure, cliquez sur le bouton « Actualiser » ci-dessus et la fenêtre contextuelle est la suivante :
Tapez le délai d'actualisation (unité : secondes) dans la zone de saisie « Délai », et « Action » est l'URL cible. spécifié pour l’actualisation. Parce que nous actualisons la page actuelle, sélectionnez simplement l'option de menu « Actualiser ce document ».
13> Comment définir le mot-clé (Keyname) d'une page web ?
Lorsque les utilisateurs utilisent les moteurs de recherche pour rechercher des pages Web présentant un contenu approprié, les mots-clés jouent un rôle qui ne peut être ignoré. La plupart des serveurs de recherche détectent automatiquement si de nouvelles pages Web sont générées sur le réseau à intervalles réguliers et les enregistrent par mots-clés pour faciliter les requêtes des utilisateurs.
Bien entendu, vous souhaitez que votre page Web apparaisse dans la liste de retour des requêtes des moteurs de recherche. A cette époque, la définition des mots-clés est particulièrement importante.
Toujours dans le panneau « En-tête », cliquez sur
le bouton « Mots-clés » comme indiqué sur la figure, et la fenêtre de définition apparaîtra comme suit :
Entrez simplement les mots-clés qui doivent être définis un par un. Notez que chaque mot-clé est séparé par. un signe ";" et il n'y a pas de limite au nombre.
14> Comment masquer certaines étiquettes inutiles dans la fenêtre d'édition ?
Lorsque l'utilisateur insère trop d'éléments invisibles dans la page Web, une rangée d'étiquettes correspondantes s'affichera en haut de la fenêtre d'édition pour permettre à l'utilisateur de les retrouver à tout moment. Bien que ces balises elles-mêmes n'affectent pas l'effet d'affichage dans le navigateur, si elles sont trop nombreuses, le contenu de la page Web devra souvent être mal aligné, ce qui gênera dans une certaine mesure l'ajustement visuel de la page Web. comment pouvons-nous supprimer ces choses?
Entrez dans le panneau "Préférence" et sélectionnez "Éléments invisibles" dans la liste, comme indiqué sur la figure :
Cochez simplement les "coches" devant les éléments que vous ne souhaitez pas afficher, tels que les scripts, etc.
15> Disposez les affichage des navigateurs qui ne supportent pas le contenu "frames" ?
Nous savons qu'il existe actuellement de nombreux types de navigateurs, donc la première chose que nous prenons en compte lors de la conception d'une page Web est souvent "Est-ce que cette chose s'affichera bien dans différents navigateurs ?". Les cadres en sont un exemple !
Mais pour éviter cela, c'est très simple, il vous suffit d'ajouter le contenu suivant au code source.
< BODY><noframes> --- Cette page Web contient des structures de cadres. Si vous ne pouvez pas les afficher normalement, veuillez télécharger une nouvelle version du navigateur ou passer à un navigateur grand public --- < /noframes></ BODY>
16> Comment prévenir. d'autres de mettre votre page Web dans un cadre ?
Certaines personnes mal intentionnées volent souvent les fruits du travail d'autrui, par exemple en plaçant des pages Web soigneusement conçues par d'autres personnes dans leurs propres cadres sous la forme de sous-pages.
Alors, comment empêcher que votre contenu Web soit « volé » ?
Il vous suffit d'ajouter le contenu de code suivant entre <head></head> du code source de la page Web :
<script language="javascript"><!--
si (self!=top){top.location=self.location;}
-->< /script>
17> Comment ajouter des commentaires ?
Le contenu des annotations, comme son nom l'indique, n'apparaît qu'en tant que contenu explicatif, il n'apparaîtra donc pas sur la page Web lors de la navigation. Sa fonction est de marquer certains codes importants ou complexes comme nécessaires afin de pouvoir les retrouver plus facilement et plus rapidement.
Entrez dans la section "Invisibel" du panneau "Objet" (c'est-à-dire les éléments invisibles) et sélectionnez le bouton Insérer "Commentaire". La fenêtre est la suivante :
Saisissez les informations nécessaires dans "Commentaire". Si vous revenez au code source à ce moment, vous verrez que ces opérations n'ajoutent rien de plus qu'un morceau de code au format suivant :
<! --C'est le contenu de l'annotation qui doit être rempli-->
18> Ligne horizontale, pourquoi la couleur ne peut-elle pas être définie ?
Dans DW, lors de l'insertion d'une ligne horizontale via le menu "Insérer" - "Règle horizontale", vous constaterez qu'il n'y a aucun paramètre pour la couleur de la ligne horizontale dans le panneau des propriétés, car la première NC ne prend pas en charge la balise < hr> (code HTML pour les lignes horizontales) ) Attribut COULEUR, donc DW n'a aucun paramètre pour cela.
Comme le montrel'image
, si nécessaire, nous ne pouvons entrer directement dans le fichier source que pour apporter des modifications.
<hr color="Code couleur correspondant">
19> Comment paramétrer la fonction qui permet de fermer la fenêtre en cours ?
Ici, nous pouvons d'abord saisir le texte utilisé pour marquer "Fermer la fenêtre", le faire glisser avec la souris pour le sélectionner, taper "/" dans la zone de saisie "Lien", et couper en même temps la fenêtre du code source, taper le event -onclick= dans le code du lien "javascript:window.close(); return false;".
Le code complet est : < a href="/" onclick="javascript:window.close(); return false;">Fermer la fenêtre</a>
Bien entendu, vous pouvez également remplacer le texte "Fermer la fenêtre" par d'autres objets , comme des images, des boutons, etc. !
20> Qu'en est-il des fenêtres qui se ferment automatiquement à des heures programmées ?
La fonction de fermeture de la fenêtre est mentionnée ci-dessus, alors comment la fermeture automatique est-elle désormais mise en œuvre ?
Ajoutez le code suivant après le code source <body> :
< script LANGUAGE="javascript"> <!--
setTimeout('window.close();', 10000);
--> </script>
Le Timeout défini est une fonction utilisée pour définir le temps de retard, où 10000 signifie 10 secondes.
21> Comment changer la « forme » de la souris dans le navigateur ?
Généralement, la souris apparaît dans le style de « flèche » dans le navigateur, pouvons-nous donc la changer pour d'autres styles que nous aimons ?
La modification de la forme de la souris est implémentée dans DW via la "feuille de style CSS".
Menu "Texte" - "Style CSS" - "Modifier la feuille de style", la fenêtre d'édition de la feuille de style apparaîtra, vous pouvez également cliquer sur le bouton Style CSS dans la barre de lancement rapide pour la retrouver, comme suit :
cliquez sur " Nouveau ", sélectionnez le bouton par défaut "Créer un style personnalisé" et en même temps, appliquez le style uniquement au document Web actuel dans la zone Définir ci-dessous, "Ce document uniquement".
Sélectionnez "Extension" dans l'élément de liste à gauche de la fenêtre "Définition du style". Les paramètres correspondants à droite sont tels qu'indiqués
dans le "Curseur" (souris). Après confirmation, revenez et. appuyez sur F12 pour parcourir. Observez l'effet dans l'outil. Si vous n'êtes pas satisfait, vous pouvez également modifier le style.
22>Comment supprimer le soulignement sous le texte du lien ?
Une fois la création du lien terminée, le contenu du texte du lien est souvent automatiquement ajouté avec un soulignement ci-dessous pour indiquer que le contenu contient un lien hypertexte. Lorsqu’il y a de nombreux liens dans une page Web, celle-ci semble un peu encombrée. En fait, on peut facilement les supprimer.
Entrez également dans la fenêtre "Modifier la feuille de style", cliquez sur "Nouveau" pour établir le nouveau style, comme indiqué
ci-dessous, dans le type (type), vous devez sélectionner "Redéfinir la balise HTML", et en même temps sélectionner "Redéfinir". HTML Tag" qui représente le lien hypertexte dans la balise spécifique Tag. a" et cliquez sur OK.
Modifiez ce style, sélectionnez « Type » dans la liste de gauche et
cochez la case « Aucun » dans « Décoration » comme suit. À ce stade, le soulignement du texte du lien dans toutes les pages Web sera supprimé.
23> Comment faire en sorte que la souris « survole » le texte du lien pour produire une décoloration, une déformation et d'autres effets ?
Lors de la visite d'un site Web, l'un des effets les plus courants que nous rencontrons est la « réponse au survol de la souris ». La soi-disant « réponse au survol de la souris » se manifeste dans le texte du lien, notamment en changeant la couleur et en modifiant l'effet (soulignement, ligne centrale) et d'autres options.
Étant donné que cet effet joue un très bon rôle en mettant l'accent sur le contenu cible, il s'applique aussi bien aux sites Web personnels qu'à certains grands sites Web commerciaux (tels que Sina, Sohu, NetEase, etc.).
Dans la question précédente, vous saviez déjà comment supprimer le soulignement d’un lien, je n’entrerai donc pas dans les détails ici. La question suivante sera de savoir comment ajouter le processus d'événement de réponse de la souris.
Entrez également dans la fenêtre "Modifier la feuille de style", cliquez sur "Nouveau" pour établir le nouveau style, la différence est que sélectionnez maintenant le dernier élément dans le type Type - "Utiliser le sélecteur CSS", sélectionnez "a:hover" dans le "Sélecteur". " comme suit
OK, entrez dans la fenêtre de style d'édition et définissez la couleur du texte dans l'élément "Type" sur "rouge". Bien sûr, vous pouvez également ajouter un effet de soulignement lorsque la souris est survolée.
24>Comment empêcher l’image de fond de la page web de défiler avec le contenu ?
Les images d'arrière-plan sont souvent ajoutées par de nombreux concepteurs de sites Web. Lorsque le contenu de la page Web dépasse un écran, l'image d'arrière-plan défile avec le contenu relativement immobile lorsque la barre de défilement est tirée. L'arrière-plan peut-il donc être verrouillé et ne pas défiler. le long de? Bien sûr, vous pouvez accéder à la fenêtre "Modifier la feuille de style", cliquer sur "Nouveau" pour établir un nouveau style, sélectionner "Redéfinir la balise HTML" dans TYpe, sélectionner "Corps" dans le menu Balise et sélectionner "Arrière-plan" dans la liste. à gauche.
Réglez « Pièce jointe » sur « fixe »
comme suit
.Où scroll représente l’affichage défilant par défaut.
25> Vous devez connaître la musique de fond, comment l'ajouter ?
Dans l'outil Web de Microsoft - Frontpage, il existe une fonction de réglage de la musique de fond, mais DW ne le fait évidemment pas, donc si vous souhaitez l'utiliser, vous ne pouvez l'ajouter que manuellement dans le code source.
Avant de l'utiliser, je voudrais rappeler à tous que lorsque vous utilisez une musique de fond, vous devez faire attention à la taille du fichier de la page Web et ne pas perdre de vue une chose ou une autre.
Le code est le suivant :
<EMBED src="music.mid" autostart="true" loop="2" width="80" height="30">
où src spécifie l'emplacement du fichier musical et autostart est le action après le téléchargement du fichier musical. true signifie démarrer la lecture automatiquement, false ne pas jouer (valeur par défaut).
26> Comment utiliser des lignes horizontales pour réaliser un trait fin d'une largeur de 1 ?
Veuillez cliquer ici pour voir la méthode d'implémentation (ajoutée par l'éditeur)
27> Comment ajouter automatiquement la date modifiée à la page Web ?
Ajoutez simplement le code suivant entre les fichiers sources <body></body>.
< langage de script="javascript"><!--
document.write("Dernière mise à jour :"+document.lastModified);
-->Le style d'affichage de < /script>
dans le navigateur est : "Dernière mise à jour : 2001/8/19"
28> Comment contrôler les informations POPUP contextuelles ?
Parfois, lorsque nous cliquons sur un lien, des informations rapides et explicites s'affichent, c'est-à-dire un message contextuel. Par exemple, lorsqu'un lien n'a pas terminé la production de la page de contenu cible, vous pouvez utiliser les informations POPUP pour l'expliquer.
Saisissez le texte du lien à un emplacement approprié sur la page Web, sélectionnez-le et créez un lien dans le panneau des propriétés. Tout en étant toujours sélectionné, cliquez sur le bouton « Comportement » dans la barre de lancement rapide, par exemple :
cliquez sur le signe « + » en haut à gauche, sélectionnez « Message contextuel » dans la liste et saisissez les informations qui doivent être demandées dans le champ Dans la fenêtre suivante, comme le montre la figure,
définissez l'événement de souris (Événements) de cette action sur click (onclick). L'effet d'aperçu dans le navigateur est le suivant
29> Comment masquer les informations d'adresse URL dans la barre d'état du navigateur ?
Lors de la navigation sur le Web, lorsque la souris reste sur un lien, l'adresse cible du lien sera automatiquement affichée dans la barre d'état ci-dessous. Compte tenu des problèmes de sécurité, nous devons parfois la remettre à "zéro", c'est-à-dire la laisser vide.
Il ne vous reste plus qu'à effectuer quelques astuces dans le code du lien pour y parvenir, comme suit
< a href=" http://www.pconline.com.cn/pcedu ";;;;;;; =' none';return true">Pacific Online Academy</a>
30>Comment modifier le texte d'invite dans la barre d'état ?
Par défaut, lorsqu'une page Web est chargée, l'adresse et d'autres informations de la page Web seront affichées dans la barre d'état. Vous souhaitez le rendre plus attractif ?
Dans le panneau de comportement "Comportement" de DW, cliquez sur le signe "+" pour sélectionner l'option "Texte de la barre d'état" sous "Définir le jeu de texte", comme le montre la figure,
entrez quelque chose comme "Bienvenue sur ce site" dans le champ " Fenêtre "Définir le texte de la barre d'état". Site Web - Message de gestion du réseau" et autres informations sur le message.
31> Comment établir une méthode de traitement des formulaires pour les e-mails ?
Les formulaires devraient être un élément indispensable dans la fonction interactive des pages Web. La fonction d'un formulaire est due à l'interaction des informations, de sorte que le traitement des formulaires implique souvent l'utilisation de données élevées. langages de programmation réseau au niveau du réseau. Vous pourriez dire : Wow ! Je n'arrive pas à programmer ! Cela n'a pas d'importance, en fait, certains traitements simples du contenu d'un formulaire peuvent également être réalisés par courrier électronique.
Regardez d'abord le code suivant :
<FORM name="content" method="post" action="Handler to be used" ></FORM>
Ce qui précède est le code source HTML d'un formulaire typique, dans lequel METHOD détermine la méthode. , y compris Il en existe deux types : POST et GET. ACTION est le gestionnaire que nous avons mentionné ci-dessus, qui peut généralement être implémenté via ASP/PHP/CGI.
Alors comment faire avec le courrier électronique ? action=mailto:[email protected], donc lorsque vous cliquez sur le bouton Soumettre, une fenêtre d'invite apparaîtra, comme suit :
Cliquez sur "OK" et le contenu du formulaire sera envoyé à la boîte aux lettres spécifiée.
32> Comment créer un lien email standardisé ?
Le soi-disant « lien e-mail » signifie que lorsque nous cliquons dessus, le navigateur appellera automatiquement le programme client de messagerie par défaut pour envoyer un e-mail.
Entrez les mots « PROBLEM MAIL ME », faites glisser la souris pour le sélectionner, passez au panneau des propriétés et tapez la commande suivante dans la zone de saisie LIEN :
Mailto : [email protected] ? Objet=lettres d'internautes&bc=autres adresses e-mail&bcc=autres adresses e-mail.
Comme le montrela figure :
Mailto est le protocole du lien de l'e-mail, Sujet est le titre de l'e-mail, bc est l'adresse e-mail à copier en même temps et bcc représente la copie aveugle.
33> Comment créer un « lien vide » ?
Un lien vide est un lien sans objet lien. Dans un lien vide, l'URL cible est représentée par "#". C'est-à-dire que lorsque vous créez un lien, entrez simplement la marque # dans la zone de saisie LIEN du panneau de propriétés, et ce sera un lien vide.
L'apparition de liens vides implique de nombreux facteurs, comme certaines pages qui ne sont pas complétées régulièrement, et afin de maintenir la cohérence dans l'affichage des pages (le style du lien est différent du style de texte ordinaire), vous pouvez l'utiliser.
34> Lorsque vous cliquez sur un lien vide, la page se réinitialise souvent en haut de la page. Comment y faire face ?
Dans le navigateur, lorsque nous cliquons sur un lien vide, la page actuelle sera automatiquement réinitialisée à la première page, affectant ainsi le contenu de lecture normal de l'utilisateur. Bien entendu, nous espérons qu'il restera inchangé.
À l'heure actuelle, vous pouvez utiliser le code "javascript:void(null)" pour remplacer la marque "#" d'origine. Avec le recul, le problème a été résolu.
35> Comment personnaliser les liens qui peuvent sauter librement au sein de la page ?
Si vous vous abonnez souvent à certains magazines électroniques gratuits en ligne, vous devez être familier avec ce type de « lien d'onglet ». Grâce à une liste de type répertoire, vous pouvez facilement accéder à n'importe quelle partie de la page. Son utilisation est sans aucun doute spécifiquement destinée. Conçu pour les pages Web à « contenu extrêmement long ».
Déterminez d’abord où pointe le lien, c’est-à-dire où il restera après le saut d’écran. Entrez dans la section "Invisibles" du panneau "Objet", sélectionnez le texte cible et cliquez sur le bouton "Insérer une ancre nommée". La fenêtre est la suivante.
Tapez le nom de la balise dans « Nom de l'ancre » et cliquez sur OK. Une ligne pointillée rouge apparaîtra automatiquement sous le texte pour le distinguer du contenu textuel ordinaire.
Ensuite, vous pouvez créer un lien et saisir "#nchor Name (le nom tout à l'heure)" dans la zone de saisie LIEN du panneau de propriétés. Bien sûr, si vous souhaitez pointer vers un certain emplacement sur une autre page, vous pouvez également simplement y placer cette petite queue.
36> Que dois-je faire si je crée plusieurs liens sur une image en même temps ?
Ce problème est ce que nous appelons habituellement « Image HOT ». Bien sûr, il existe un autre nom dans DW appelé « Image Hot Area ».
Sélectionnez l'image. À ce stade, il y a une barre d'outils "Carte" dans le coin inférieur gauche du panneau de propriétés. Sur la droite se trouvent trois boutons pour délimiter différentes zones. L'
outil rectangle est utilisé comme exemple dans la figure. , la souris reste sur l'image. Elle sera affichée sous la forme d'un "+", ce qui signifie que vous pouvez la faire glisser vers la gauche et la droite. Une fois terminée,
vous pouvez terminer la création de liens de plusieurs zones de hotspot. Notez que les zones ne peuvent pas se chevaucher.
37> Comment créer une image inversée pouvant répondre aux événements de la souris ?
Dans de nombreuses pages Web, nous voyons souvent des titres de colonnes, qui peuvent se transformer en autre chose lorsque la souris les survole. En fait, beaucoup d'entre eux sont obtenus en utilisant deux images différentes, ce que l'on appelle l'effet « inverser l'image ».
Bien sûr, vous devez d'abord préparer deux images exactement de la même taille à l'avance pour vous assurer qu'il n'y aura pas d'inconfort visuel lors du retournement. Cliquez sur "Image de survol" dans le panneau "Objet"
pour faire apparaître la fenêtre "Paramètres de l'image de survol". comme suit :
cliquez respectivement sur le bouton "Parcourir" pour déterminer les adresses de "Image originale" et "Image de survol". Assurez-vous de cocher la case "Précharger l'image de survol" ci-dessous, sinon il y aura un certain délai de téléchargement lorsque la souris glissera. Terminé.
38> Comment créer une image de « voler partout dans le ciel » ?
Sur les pages d'accueil de nombreux grands sites Web commerciaux, vous verrez souvent de nombreuses images publicitaires flottantes. Après avoir cliqué, vous pouvez créer un lien vers l'adresse indiquée. Dans DW, cela se fait via Timelines.
Insérez d'abord l'image cible dans la page Web, sélectionnez-la en même temps, cliquez sur le bouton "Timelins" dans la barre de lancement rapide pour accéder à la fenêtre "Timeline", comme indiqué dans l'image :
Cliquez avec le bouton droit sur la position de 1image dans la chronologie et sélectionnez "Ajouter un objet". Une barre de couleur bleue (1-15images par défaut) apparaîtra sur la chronologie. Arrêtez la caméra à 15images et déplacez l'image sur la page jusqu'à la position finale du mouvement.
Maintenant qu'une simple animation de mouvement est terminée, vous pouvez ajuster la courbure du chemin en ajoutant une image clé au milieu. Cliquez sur la flèche droite ci-dessus pour prévisualiser l'effet.
39> Comment créer une image « suspendue statiquement » sur la page ?
La "suspension statique" signifie que l'image essaie toujours de rester à une certaine position sur la page Web, de sorte qu'elle donne visuellement l'impression de "marcher" avec la page, comme si elle était suspendue.
La réalisation de cet effet se fait via javascript, ce qui nécessite généralement un certain niveau de capacité en programmation. Heureusement, DW fournit un plug-in fixe pour créer cet effet, c'est donc beaucoup plus simple.
Tout d'abord, vous devez télécharger le plug-in stav, /u/info_img/2009-05/31/stav.zip, et décompresser les deux fichiers qu'il contient (y compris le fichier image Cross Browser Static Division.gif et le fichier de page Web Cross Browser Static Division. htm) sont copiés dans le répertoire d'installation DW ConfigurationObjectsCommon.
Redémarrez DW. Dans le panneau Objet, vous verrez qu'il y a un élément SI en bas, sélectionnez-le et définissez la distance entre le calque flottant en haut et à gauche dans la fenêtre contextuelle, puis insérez le spécifié. contenu (photos ici).
40> Comment faire coexister contenus texte et images ?
Nous savons tous que dans DW, les objets image occupent souvent une seule ligne, de sorte que le contenu du texte ne peut être placé que sur une ligne parallèle à celle-ci. Comment le texte peut-il être affiché autour de l'image ?
Sélectionnez l'image et vous pourrez voir un menu de propriétés "Aligner" dans le coin supérieur droit du panneau de propriétés. Sélectionnez
"Gauche" comme indiqué sur la figure. À ce stade, vous constaterez que le texte a été disposé uniformément sur l'image. côté droit de l'image.
41> Comment connecter plusieurs fenêtres ?
La conception des panneaux a toujours été une fonctionnalité majeure de DW. Dans la version DW4, de nombreux panneaux sont déjà utilisés. Alors, comment pouvons-nous l'utiliser plus efficacement ?
La « connexion de fenêtre » est une fonction technique que tout le monde peut personnaliser en termes simples, cela signifie que vous pouvez placer deux panneaux ou plus dans une seule fenêtre selon vos besoins.
Cliquez et faites glisser la barre d'onglets d'un panneau vers deux panneaux. Lorsque vous voyez une bordure noire, relâchez la souris. À ce moment, les deux panneaux ont fusionné en un seul. L'opération est comme indiqué
dans la figure : 42> Comment utiliser. la page Web Cacher quelque chose ?
Dans la conception Web, nous devons parfois insérer du contenu dont l'affichage n'est pas obligatoire, tel qu'un système de statistiques de trafic, un système d'analyse des accès des utilisateurs, etc. À ce stade, nous devons réfléchir à la manière de les masquer. Bien sûr, le principe est le suivant. qu'ils La présence de n'affectera pas la mise en page des autres éléments de la page Web.
Cliquez sur le bouton "Couches" dans le panneau "Objet", faites glisser la souris pour créer un nouveau calque et placez-y tout le contenu qui doit être masqué, comme indiqué dans l'image :
Cliquez sur la petite case en haut à gauche de le calque pour le marquer comme sélectionné, et passez au panneau des propriétés en même temps, définissez la valeur Vis sur "Caché", comme indiqué dans l'image :
Wow ! Tout le contenu a vraiment disparu
43> Comment créer un menu déroulant simple ?
Les menus déroulants sont très courants sur les pages Web. Parce qu'ils permettent d'économiser considérablement de l'espace sur les pages Web, ils sont principalement utilisés dans les situations où plusieurs objets doivent être répertoriés, tels que des listes de liens d'amis, des adresses de sites Web coopératifs, etc.
DW propose une méthode de production extrêmement simple, afin que nous n'ayons pas à écrire ces codes ennuyeux !
Entrez dans la section "FORMULAIRE" du panneau "Objet", comme indiqué sur la figure :
cliquez sur le bouton "Insérer un menu de saut" pour faire apparaître la fenêtre de configuration "Menu déroulant" :
saisissez le nom de l'élément de menu dans "Texte". " ; tapez l'URL dans « Aller à l'URL » ou utilisez le bouton Parcourir pour sélectionner. Cliquez sur le panneau supérieur "+" pour saisir les nouveaux éléments de menu, et tous les éléments seront affichés dans les "éléments de menu".
44> Comment faire une ligne mince avec une largeur de 1?
Dans DW, bien que la ligne horizontale apparaisse sous la forme de "ligne", lors de la fabrication de lignes minces, elle ne fonctionne pas de manière satisfaisante, principalement parce qu'elle est trop épaisse et n'a pas la délicatesse requise!
Ensuite, nous pouvons adopter une méthode flexible pour l'implémenter via l'application de tables.
Insérez une table avec 1 ligne et 1 colonne dans la page Web, définissez le "Cellpadding" et "Cellpacing" de la table "0" et définissez le "bgcolor" de la cellule en rouge. Bien sûr, vous pouvez également utiliser Autres couleurs.
L'étape la plus critique consiste à vérifier le code source et à supprimer le "" dans <td> </td>.
45> Comment faire un carré avec une bordure de 1?
De toute évidence, nous devons encore terminer les paramètres du tableau maintenant.
Peut-être que vous diras, ce n'est pas simple! Créez simplement une table avec 1 ligne et 1 colonne, puis définissez sa valeur "Border" sur 1. En fait, la table faite de cette manière n'est pas du tout un carré avec une bordure de 1, mais est très "épaisse"!
De même, insérez d'abord une table avec 1 ligne et 1 colonne, définissez la "bordure" et "celle de cellule" de la table sur "0", et définissez la "mise en place de cellule" sur "1". Réglez le "bgcolor" de la table en rouge (c'est-à-dire la couleur de la bordure) et définissez le "bgcolor" de la cellule en blanc (c'est-à-dire la même couleur d'arrière-plan). L'effet est le suivant:
46> Comment configurer différents navigateurs pour retourner différentes pages?
Différents navigateurs prennent en charge différentes technologies et effets. Par conséquent, les pages Web que nous concevons peuvent ne pas afficher correctement ou de manière optimale dans tous les navigateurs. Pour le moment, un saut pour déterminer le navigateur est nécessaire.
Lorsque l'utilisateur l'ouvre avec différents types ou versions de navigateurs, différentes pages peuvent être renvoyées pour garantir la navigation normale de l'utilisateur.
Cliquez sur le bouton "Comportement" dans la rampe de lancement rapide, cliquezsur
le panneau "+" et sélectionnez "Vérifiez Browse" dans la liste déroulante.
47> Comment créer des objets qui peuvent être traînés n'importe où sur la page Web?
Lorsque vous visitez un site Web, vous voyez souvent de nombreux éléments qui peuvent être traînés avec la souris, principalement des images.
Cet effet est réalisé via le comportement de la couche "glisser" de la couche. .
48> Comment ajouter une feuille de style externe (CSS) à une page Web
. Les références CSS externes sont implémentées via la balise <nk>.
La balise <link> inclut HREF; type; paramètres d'attribut rel. Parmi eux, HREF: L'URL d'adresse est utilisée pour calibrer le fichier de page de style;
49> Quel est le but de définir la base (adresse de base) d'une page Web?
Dans la section "tête" du panneau "Object", il y a un bouton appelé "base", qui est utilisé pour définir l'adresse de base du site Web.
Comme nous le savons tous, les méthodes de liaison que nous utilisons dans DW sont relatives, pas absolues.
Cependant, parfois nous en avons juste besoin pour ne pas changer, c'est-à-dire pour le forcer à utiliser une adresse fixe, cliquez sur le bouton "Base", comme indiqué sur la figure:
Tapez l'URL de l'adresse de base dans "HREF", puis cliquez sur "OK" pour le rendre efficace.
50> Comment localiser avec précision le contenu dans une page Web?
Ceci est une question de compétence illustrative, nous l'avons donc mis à la fin des 50 questions. À l'heure actuelle, le positionnement du contenu de la page Web DW est principalement réalisé via les tables et les couches.
Le tableau utilise principalement chaque cellule pour compléter la disposition des différents contenus. Car dans la page Web, nous pouvons complètement "brouiller" le tableau (ajusté pour être invisible sous la navigation), il est très pratique à utiliser. Indépendamment de tous les navigateurs sont universels et il n'y a pas de support technique.
Relativement parlant, l'utilisation des couches est plus décontractée. La seule chose est que les couches ne sont prises en charge que dans les versions plus récentes des navigateurs, mais à en juger par la situation actuelle, il ne devrait y avoir aucun obstacle!