50 Fragen zu Dreamweaver-Tipps

Autor：Eve Cole Aktualisierungszeit：2009-05-31 21:26:41

Dreamweaver war schon immer ein von vielen Internetnutzern bevorzugtes Webdesign-Tool. Neben seinen leistungsstarken Funktionen zur Erzeugung dynamischer Effekte ist auch seine praktische und übersichtliche Bedienoberfläche einzigartig. Im Folgenden nehmen wir die neueste Version von Dreamweaver4 als Beispiel und stellen systematisch Fragen. Lassen Sie uns einige Probleme und Techniken vorstellen, die im Designprozess häufig auftreten.
Hinweis: Der Einfachheit halber reduzieren wir im Folgenden alle Dreamweaver-Darstellungen auf die DW-Darstellung.

1> Wie gebe ich ein Leerzeichen in DW ein?

Das Problem der Eingabe von Leerzeichen scheint in DW zu einem alltäglichen Problem geworden zu sein. Wir haben es möglicherweise N-mal in vielen Büchern oder Artikeln gesehen, in denen die Verwendung von DW vorgestellt wurde.

Die Einschränkung der Leerzeicheneingabe in DW gilt für den Textstatus „Halbbreite“. Sie kann daher vermieden werden, indem die Eingabemethode auf den Modus „Vollbreite“ eingestellt wird. Die Methode lautet: Öffnen Sie die chinesische Eingabemethode (nehmen Sie ABC als künstliche Intelligenz). Beispiel), drücken Sie Umschalt + Leertaste, um in den Zustand mit voller Breite zu wechseln. Jetzt sollte alles in Ordnung sein.

Darüber hinaus können Sie den Zweck der Eingabe von Leerzeichen auch durch viele „Workaround“-Methoden erreichen. Die häufig verwendeten Methoden sind beispielsweise:

direktes Hinzufügen des HTML-Codes „“, der Leerzeichen im Quellcode darstellt, nach der Eingabe eines bestimmten Textobjekts Länge, dann passen Sie die Farbe des Textes an die aktuelle Hintergrundfarbe usw. an. Beachten Sie jedoch, dass letztere in einigen Browsern Probleme anzeigen kann. (Haha, das, das ich damals benutzte, wurde von Wang Chenyun entdeckt!)

2> Wie füge ich ein benutzerdefiniertes kleines Symbol vor der Adressleiste des Browsers hinzu?

Erinnern Sie sich, dass beim Durchsuchen der Startseite der NetEase-Website manchmal ein kleines Symbol mit dem Wort „Easy“ vor WWW.163.COM angezeigt wird? Standardmäßig ist dieses Symbol ein bestimmtes Bild des IE-Browsers. Wie im Bild gezeigt:

Tatsächlich handelt es sich hierbei nicht um eine hochentwickelte Technologie, sondern es wird lediglich eine bestimmte Datei zum Website-Verzeichnis hinzugefügt.

Zu diesem Zeitpunkt müssen wir im Voraus eine Symboldatei mit einer Größe von 16 * 16 Pixeln erstellen. Die Dateierweiterung lautet ico und wird dann in das entsprechende Verzeichnis hochgeladen. Fügen Sie den folgenden Code zwischen den HTML-Quelldateien „<head></head>“ ein:

Das „SHORTCUT ICON“ ist der Name des Symbols. Wenn der Benutzer zum Durchsuchen IE5 oder höher verwendet, ist es natürlich noch einfacher. Laden Sie das Bild einfach in das Stammverzeichnis der Website hoch und es wird automatisch erkannt!

3> Warum wird meine ursprünglich gut gestaltete Webseite hässlich und peinlich, wenn das Browserfenster minimiert wird?

Dies sollte ein Thema sein, das jedermanns Aufmerksamkeit verdienen sollte. Mit anderen Worten: Beim Durchsuchen von Webinhalten im Vollbildmodus gibt es überhaupt kein Problem. Das Problem tritt langsam auf, wenn wir den Befehl zum Minimieren des Fensters verwenden oder die Fenstergröße manuell ändern. Der Inhalt der Webseite verwendet das aktuelle Fenster als Anzeigebereich und wird der Reihe nach angezeigt. Beispielsweise ist der Unterschied zwischen „automatischem Zeilenumbruch“ und „kein Zeilenumbruch“ im Notepad genau der gleiche.

Um dieses Problem zu lösen, müssen wir mit dem Layout der Webseite beginnen. Unter normalen Umständen wird die Positionierung von Webinhalten hauptsächlich durch Tabellen erreicht. Daher liegt der „Fehler“ des Problems in der Form.

Schauen Sie sich bitte die Anzeige des Eigenschaftsfensters einer Tabelle unten an:

Möglicherweise haben Sie bemerkt, dass zwei verschiedene Typen für die Höhen- und Breiteneinstellungsoptionen der Tabelle, Prozentsatz und Pixel, zur Verfügung stehen. Die Verwendung von Prozentsätzen führt zu dem zuvor erwähnten Problem. Korrigieren Sie es einfach auf die tatsächliche Größe der Pixeleinheit.

4> Wie ändere ich die Eingabeaufforderung oben, wenn die Webseite angezeigt wird?

Beim Durchsuchen einer Webseite stellen die Eingabeaufforderungsinformationen oben häufig den Hauptinhalt der Webseite dar und helfen Besuchern, den Inhalt der Webseite im Voraus zu verstehen. Vor DW4 wurde dieser Vorgang nicht direkt in der Funktion bereitgestellt. Wir haben ihn häufig durch Anwenden des Attributs „Titel“ im Quellcode abgeschlossen. Die Eingabe von DW4 ist viel einfacher.

Geben Sie einfach die erforderlichen Textinformationen direkt in das Eingabefeld „Titel“ oben im Bearbeitungsfenster ein.

5> Wie kann ich einem Bild einen Rand einer bestimmten Farbe hinzufügen?

Bei Bildern ohne Rahmen ist der Anzeigeeffekt recht schlecht, wenn sie direkt in eine Webseite eingefügt werden. Denken Sie daran, dass es ziemlich mühsam ist, Bildern in Microsoft FP zufriedenstellende Ränder hinzuzufügen.

In DW ist es jedoch viel einfacher, da es eine „Border“-Eigenschaft gibt, mit der Sie die Breite des Rahmens direkt festlegen können. Wie im Bild gezeigt:

Nachdem die Breite eingestellt ist, werden Sie sich bestimmt fragen, was ist mit der Farbe? Es gibt keine Farbauswahl auf dem Panel! Haha, hier gibt es tatsächlich einen Trick: Verwenden Sie die Maus, um das Bildobjekt auszuwählen. Achten Sie darauf, dass Sie nicht klicken, um es auszuwählen, sondern ziehen. Gehen Sie genauso vor wie beim Festlegen der Textfarbe.

6> Wie füge ich Eingabeaufforderungsinformationen für Bilder und Linktext hinzu?

Wenn wir eine Webseite durchsuchen und die Maus auf einem Bildobjekt oder Link bleibt, erscheint manchmal unten rechts auf der Maus ein Eingabeaufforderungsfeld. Machen Sie einige Kommentare zum Ziel. In manchen Fällen ist seine Rolle sehr wichtig.

Schauen wir uns zunächst das Hinzufügen von Bildaufforderungsinformationen an. Wählen Sie das Bildobjekt aus. Im Eigenschaftenfenster finden Sie ein „Alt“-Eingabefeld. Standardmäßig ist dieses Eingabefeld leer. Geben Sie hier einfach den erforderlichen Eingabeaufforderungsinhalt ein.

Dann ist die Erstellung von Link-Prompts nicht so einfach. Da diese Funktion in DW nicht direkt bereitgestellt wird, müssen wir HTML-Code hinzufügen, um sie zu erreichen.

Fügen Sie das Attribut „Titel“ in <a href="" > hinzu. Title=Prompt-Inhalt reicht aus.

7> Wie stellt man seine eigene ZIP-Datei oder andere Dateitypen zum Herunterladen für andere zur Verfügung?

In den Augen vieler junger Webseitenersteller scheint es eine sehr „mysteriöse“ Sache zu sein, den Download per Mausklick abzuschließen, aber tatsächlich es ist weit davon entfernt, wenn eine Formatdatei in DW, die vom Browser nicht erkannt wird (außer HTM, HTML, ASP, PHP.PERL, SHTML usw.), als Linkziel verwendet wird

Zu diesem Zeitpunkt müssen Sie nur den Dateinamen herunterladen und dann einen Link zur Zieldatei erstellen.

> Wie können wir sicherstellen, dass der Text im Wie

wir alle wissen, gibt es im IE-Browser in den Funktionseinstellungen eine Funktion, mit der Sie die Schriftgröße des Fensterinhalts frei einstellen können Abhängig von den Gewohnheiten verschiedener Besucher können die ihnen präsentierten Webseiten manchmal unterschiedlich sein.

Möglicherweise haben Sie in Ihrem Design ursprünglich eine Schriftart der Größe 2 verwendet, diese ist jedoch aufgrund der zusätzlichen Browsereinstellungen des Benutzers größer geworden. Zu diesem Zeitpunkt liegt ein Problem mit dem Anzeigeeffekt vor.

Dann besteht die Lösung darin, den Webseiteninhalt qualitativ auf eine bestimmte angemessene Größe zu zwingen. Das heißt, er darf sich nicht ändern. Diese Anforderung kann durch eine zwingende Steuerung von Schriftarten durch CSS-Stylesheets erreicht werden.

9> Ziellink als neues Fenster öffnen?

In einem neuen Fenster öffnen bedeutet, wie der Name schon sagt, das Öffnen eines anderen Browserfensters, ohne das aktuelle Fenster zu verdecken. Sie können „Target=_blank“ direkt <a href="">zum Verbindungscode hinzufügen.

Wenn Ihr HTML-Code schlecht ist, wird diese Einstellung auch im DW-Eigenschaftenfenster bereitgestellt. Wenn Sie die WWW-URL in das Link-Eingabefeld eingeben, wird gleichzeitig auch das Dropdown-Feld „Ziel“ aktiviert.

Wählen Sie einfach oben „leer“ aus, wie

im Bild

gezeigt.

10> So verhindern Sie, dass beim Laden einer Webseite ein Werbefenster erscheint, wie

es bei vielen kommerziellen Websites der Fall ist

Es kann leicht in DW durch Verhaltensverhalten implementiert werden.

Da es geladen wird, können wir den gesamten Webseiteninhalt als Ereignisobjekt behandeln. Klicken Sie auf das Tag „<body>“ in der unteren linken Ecke des DW-Bearbeitungsfensters. Zu diesem Zeitpunkt können Sie feststellen, dass der gesamte Webinhalt ausgewählt wurde.

Klicken Sie im „Quick Launchpad“ auf die Schaltfläche „Verhalten“, um das Verhaltensfenster aufzurufen, wie in der Abbildung gezeigt:

Wählen Sie das Element „Durchsuchenfenster öffnen“. Zu diesem Zeitpunkt können Sie auch den Fensterstil anpassen, z. B. Größe und Aufbewahrung von Werkzeugtasten usw. . Ein weiterer Punkt ist, nicht zu vergessen, dass das entsprechende Ereignis „Onload“ ist.

11> In meinem Quick Launch Pad gibt es keine „Timelines“, was soll ich tun?

Nach dem Upgrade von DW auf Version 4 wurden mehrere neue Projekte zum Schnellstartpad hinzugefügt, z. B. Assets usw. Zu diesem Zeitpunkt wurde der ursprünglich oben befindliche Timelins-Knopf nach unten gedrückt.

Wenn Sie es jetzt unbedingt verwenden möchten, können Sie es natürlich weiterhin über das Menü „Windows“ – „Zeitleisten“ finden. Aber es ist schließlich nicht so bequem wie das Einfügen in das Launchpad. Zu diesem Zeitpunkt können wir es über die Einstellungen hinzufügen!

Öffnen Sie das Fenster mit „Bearbeiten“ – „Einstellungen“, wählen Sie „Panels“ in der Projektliste links aus, wie in der Abbildung gezeigt,

klicken Sie oben auf die Schaltfläche „+“ und wählen Sie „Zeitleisten“ aus der Dropdown-Liste aus. Zu diesem Zeitpunkt wurde die Zeitleiste automatisch zum aktuellen Listeninhalt „Im Launcher anzeigen“ hinzugefügt, OK. Das geänderte „Launcher“-Panel ist in der Abbildung dargestellt.

Gleichzeitig können Sie die im Bedienfeld angezeigten Schaltflächenoptionen entsprechend Ihren Anforderungen frei auswählen, um die Arbeitseffizienz zu verbessern.

12> Erstellen Sie eine Webseite, damit sie alle 5 Minuten automatisch aktualisiert wird.

Beim Surfen im Internet stoßen wir häufig auf einige Webseiten. Wenn nach einiger Zeit keine Antwort erfolgt, wird die Seite automatisch aktualisiert. Zusätzlich zum Zweck der Erinnerung an Besucher ist die Funktion des automatischen Sprungs implementiert, wenn die neue Aktualisierungsadresse nicht die aktuelle URL ist.

Ob es sich um eine wiederholte Aktualisierung oder einen automatischen Sprung handelt. Im Webdesign sind das alles sehr praktische Vorgänge. Im Folgenden stellen wir vor, wie man sie herstellt.

Wählen Sie den Abschnitt „Kopf“ des DW-Bedienfelds „Objekt“. Beachten Sie, dass standardmäßig der „Inhalt“ von „Allgemein“ angezeigt wird. Wie in der Abbildung gezeigt

, klicken Sie oben auf die Schaltfläche „Aktualisieren“. Das Popup-Fenster sieht wie folgt aus:

Geben Sie die Aktualisierungsverzögerungszeit (Einheit: Sekunden) in das Eingabefeld „Verzögerung“ ein und „Aktion“ ist die Ziel-URL für die Aktualisierung angegeben. Da wir die aktuelle Seite aktualisieren, wählen Sie einfach die Menüoption „Dieses Dokument aktualisieren“.

13> Wie definiere ich das Schlüsselwort (Schlüsselname) einer Webseite?

Wenn Nutzer über Suchmaschinen nach Webseiten mit passenden Inhalten suchen, spielen Schlüsselwörter eine nicht zu vernachlässigende Rolle. Die meisten Suchserver erkennen automatisch, ob in regelmäßigen Abständen neue Webseiten im Netzwerk generiert werden, und zeichnen diese nach Schlüsselwörtern auf, um Benutzeranfragen zu erleichtern.

Natürlich möchten Sie, dass Ihre Webseite in der Abfrageliste der Suchmaschinen erscheint. Zu diesem Zeitpunkt ist die Definition von Schlüsselwörtern besonders wichtig.

Klicken Sie auch im Bereich „Kopf“ auf

die Schaltfläche „Schlüsselwörter“, wie in der Abbildung gezeigt. Das Definitionsfenster wird wie folgt angezeigt:

Geben Sie einfach die Schlüsselwörter ein, die einzeln definiert werden müssen. Beachten Sie, dass jedes Schlüsselwort durch getrennt ist ein „;“-Zeichen, und es gibt keine Begrenzung für die Anzahl.

14> Wie verstecke ich einige unnötige Beschriftungen im Bearbeitungsfenster?

Wenn der Benutzer zu viele unsichtbare Elemente in die Webseite einfügt, wird oben im Bearbeitungsfenster eine Reihe entsprechender Beschriftungen angezeigt, damit der Benutzer sie jederzeit finden kann. Obwohl diese Tags selbst keinen Einfluss auf den Anzeigeeffekt im Browser haben, muss bei zu vielen davon der Inhalt der Webseite häufig falsch ausgerichtet werden, was die visuelle Anpassung der Webseite in gewissem Maße behindert Wie können wir diese Dinge entfernen?

Rufen Sie das Bedienfeld „Preperence“ auf und wählen Sie „Invisibel Elements“ aus der Liste aus, wie in der Abbildung gezeigt:

Aktivieren Sie einfach die „Häkchen“ vor den Elementen, die Sie nicht anzeigen möchten, z. B. Skripte usw.

15> Ordnen Sie die Elemente an Anzeige von Browsern, die keine „Frames“-Inhalte unterstützen?

Wir wissen, dass es derzeit viele Arten von Browsern gibt. Daher ist das erste, was wir beim Entwerfen einer Webseite berücksichtigen, oft die Frage: „Wird das Ding in verschiedenen Browsern gut angezeigt?“. Rahmen sind ein Beispiel!

Um dies zu vermeiden, ist es ganz einfach: Sie müssen lediglich den folgenden Inhalt zum Quellcode hinzufügen.

< BODY><noframes> --- Diese Webseite enthält Frame-Strukturen. Wenn Sie diese nicht normal anzeigen können, laden Sie bitte eine neue Browserversion herunter oder wechseln Sie zu einem Mainstream-Browser --- < /noframes></ BODY>

16> So verhindern Sie Andere davon abhalten, Ihre Webseite in einen Frame zu stellen?

Manche Menschen mit bösen Absichten stehlen oft die Früchte der Arbeit anderer Leute, indem sie beispielsweise die sorgfältig erstellten Webseiten anderer Leute in Form von Unterseiten in ihre eigenen Frames einfügen.

Wie können Sie also verhindern, dass Ihre Webinhalte „gestohlen“ werden?

Sie müssen lediglich den folgenden Codeinhalt zwischen <head></head> des Quellcodes der Webseite hinzufügen:

17> Wie füge ich Kommentare hinzu?

Anmerkungsinhalte erscheinen, wie der Name schon sagt, nur als erklärender Inhalt und werden daher beim Surfen nicht auf der Webseite angezeigt. Seine Funktion besteht darin, bestimmte wichtige oder komplexe Codes bei Bedarf zu kennzeichnen, damit sie einfacher und schneller gefunden werden können.

Rufen Sie den Abschnitt „Unsichtbar“ des Bedienfelds „Objekt“ auf (d. h. unsichtbare Elemente) und wählen Sie die Schaltfläche „Kommentar“ einfügen. Das Fenster sieht wie folgt aus:

Geben Sie die erforderlichen Informationen in „Kommentar“ ein. Wenn Sie zu diesem Zeitpunkt zum Quellcode zurückkehren, werden Sie feststellen, dass diese Vorgänge lediglich einen Code im folgenden Format hinzufügen:

<! --Dies ist der Anmerkungsinhalt, der ausgefüllt werden muss-->

18> Horizontale Linie, warum kann die Farbe nicht eingestellt werden?

Wenn Sie in DW eine horizontale Linie über das Menü „Einfügen“ – „Horizontale Regel“ einfügen, werden Sie feststellen, dass es im Eigenschaftenfenster keine Einstellung für die Farbe der horizontalen Linie gibt, da die früheste NC das Tag < nicht unterstützt hr> (HTML-Code für horizontale Linien) ) COLOR-Attribut, daher hat DW keine Einstellungen dafür.

Wie

im Bild

gezeigt

, können wir bei Bedarf nur die Quelldatei direkt eingeben, um Änderungen vorzunehmen.

19> Wie stelle ich die Funktion ein, die das aktuelle Fenster schließen kann?

Hier können wir zunächst den Text eingeben, der zum Markieren von „Fenster schließen“ verwendet wird, ihn mit der Maus ziehen, um ihn auszuwählen, „/“ in das Eingabefeld „Link“ eingeben und gleichzeitig in das Quellcodefenster schneiden und Folgendes eingeben event -onclick= im Linkcode „javascript:window.close(); return false;“.

Der vollständige Code lautet: < a href="/" onclick="javascript:window.close(); return false;">Fenster schließen</a>

Natürlich können Sie den Text „Fenster schließen“ auch durch andere Objekte ersetzen , wie Bilder, Buttons, etc.!

20> Was ist mit Fenstern, die zu festgelegten Zeiten automatisch geschlossen werden?

Die Funktion zum Schließen des Fensters wurde oben erwähnt. Wie wird nun das automatische Schließen implementiert?

Fügen Sie nach dem Quellcode <body> den folgenden Code hinzu:

< script LANGUAGE="javascript">  </script>

Das Set Timeout ist eine Funktion zum Festlegen der Verzögerungszeit, wobei 10000 10 Sekunden bedeutet.

21> Wie ändere ich die „Form“ der Maus im Browser?

Im Allgemeinen erscheint die Maus im Browser im Stil eines „Pfeils“. Können wir sie also in einen anderen Stil ändern, der uns gefällt?

Das Ändern der Mausform wird in DW über das „CSS-Stylesheet“ implementiert.

Menü „Text“ – „CSS-Stil“ – „Stylesheet bearbeiten“, das Bearbeitungsfenster des Stylesheets wird angezeigt. Sie können auch auf die Schaltfläche „CSS-Stil“ im Schnellstartpad klicken, um es zu finden, wie folgt:

Klicken Sie auf „Neu“. ", wählen Sie die Standardeinstellung „Benutzerdefinierten Stil erstellen“ aus und legen Sie gleichzeitig fest, dass der Stil nur auf das aktuelle Webdokument angewendet wird, indem Sie unten „Nur dieses Dokument“ definieren.

Wählen Sie „Erweitern“ aus dem Listenelement auf der linken Seite des Fensters „Stildefinition“. Die entsprechenden Einstellungen werden

im „Cursor“ (Maus)

angezeigt

Drücken Sie F12, um den Effekt im Tool zu beobachten. Wenn Sie nicht zufrieden sind, können Sie den Stil auch ändern.

22>Wie entferne ich die Unterstreichung unter dem Linktext?

Nachdem wir die Linkerstellung abgeschlossen haben, wird der Linktextinhalt häufig automatisch mit einer Unterstreichung unten hinzugefügt, um anzuzeigen, dass der Inhalt einen Hyperlink enthält. Wenn eine Webseite viele Links enthält, wirkt sie etwas unübersichtlich. Tatsächlich können wir sie leicht entfernen.

Rufen Sie außerdem das Fenster „Stylesheet bearbeiten“ auf und klicken Sie auf „Neu“, um den neuen Stil festzulegen, wie

unten gezeigt. Im Typ (Typ) müssen Sie „HTML-Tag neu definieren“ und gleichzeitig „Neu definieren“ auswählen „HTML-Tag“, das den Hyperlink im spezifischen Tag „Tag. a“ darstellt, und klicken Sie auf „OK“.

Bearbeiten Sie diesen Stil, wählen Sie in der Liste links „Typ“ aus und

aktivieren Sie das Kontrollkästchen „Keine“ unter „Dekoration“. Zu diesem Zeitpunkt wird die Unterstreichung des Linktexts auf allen Webseiten entfernt.

23> Wie lässt man die Maus über den Linktext „schweben“, was zu Verfärbungen, Verformungen und anderen Effekten führt?

Einer der häufigsten Effekte beim Besuch einer Website ist die „Mouse-Over-Reaktion“. Die sogenannte „Mouse-Over-Reaktion“ manifestiert sich im Linktext, einschließlich der Änderung der Farbe und der Modifizierung des Effekts (Unterstreichung, Mittellinie) und andere Optionen.

Da dieser Effekt eine sehr gute Rolle bei der Hervorhebung des Zielinhalts spielt, wird er sowohl auf persönliche Websites als auch auf einige große kommerzielle Websites (wie Sina, Sohu, NetEase usw.) angewendet.

In der vorherigen Frage wussten Sie bereits, wie man Link-Unterstreichungen entfernt, daher werde ich hier nicht näher darauf eingehen. Die folgende Frage wird sein, wie man den Prozess des Mausreaktionsereignisses hinzufügt.

Rufen Sie außerdem das Fenster „Stylesheet bearbeiten“ auf und klicken Sie auf „Neu“, um den neuen Stil festzulegen. Der Unterschied besteht darin, dass Sie nun das letzte Element im Typtyp auswählen – „CSS-Selektor verwenden“ und „a:hover“ im „Selektor“ auswählen " Menü wie folgt

OK, rufen Sie das Bearbeitungsstilfenster auf und stellen Sie die Textfarbe im Punkt „Typ“ auf „Rot“ ein. Natürlich können Sie auch einen Unterstreichungseffekt hinzufügen, wenn Sie mit der Maus darüber fahren.

24>Wie kann verhindert werden, dass das Hintergrundbild der Webseite mit dem Inhalt scrollt?

Hintergrundbilder werden von vielen Webdesignern häufig hinzugefügt, wenn der Inhalt der Webseite einen Bildschirm überschreitet. Wenn die Bildlaufleiste gezogen wird, scrollt das Hintergrundbild also relativ ruhig entlang? Natürlich können Sie das Fenster „Stylesheet bearbeiten“ aufrufen, auf „Neu“ klicken, um einen neuen Stil festzulegen, unter „TYpe“ „HTML-Tag neu definieren“ auswählen, im Tag-Menü „Body“ auswählen und in der Liste „Hintergrund“ auswählen auf der linken Seite.

Stellen Sie „Anhang“

wie folgt

auf „fest“ ein.

Dabei stellt scroll die Standard-Bildlaufanzeige dar.

25> Sie müssen sich mit Hintergrundmusik auskennen. Wie fügt man sie hinzu?

In Microsofts Web-Tool Frontpage gibt es eine Funktion zum Einstellen von Hintergrundmusik, DW bietet diese jedoch offensichtlich nicht an. Wenn Sie sie also verwenden möchten, können Sie sie nur manuell im Quellcode hinzufügen.

Bevor ich es verwende, möchte ich alle daran erinnern, dass Sie bei der Verwendung von Hintergrundmusik auf die Größe der Webseitendatei achten müssen und das eine oder andere nicht aus den Augen verlieren dürfen.

Der Code lautet wie folgt:

wobei src den Speicherort der Musikdatei angibt und autostart der ist Aktion nach dem Hochladen der Musikdatei: „true“ bedeutet, dass die Wiedergabe automatisch gestartet wird, „false“, damit die Wiedergabe nicht erfolgt (Standardwert).

26> Wie verwende ich horizontale Linien, um eine dünne Linie mit der Breite 1 zu erstellen?

Bitte klicken Sie hier, um die Implementierungsmethode anzuzeigen (vom Herausgeber hinzugefügt).

27> Wie füge ich das geänderte Datum automatisch zur Webseite hinzu?

Fügen Sie einfach den folgenden Code zwischen den Quelldateien <body></body> ein.

< script Language="javascript">Der Anzeigestil von < /script>

im Browser lautet: „Letzte Aktualisierung: 19.08.2001“

28> Wie steuere ich die Popup-POPUP-Informationen?

Wenn wir auf einen Link klicken, werden manchmal einige nachdrücklich erläuterte Eingabeaufforderungsinformationen angezeigt, d. h. eine Popup-Nachricht. Wenn beispielsweise ein Link die Erstellung der Zielinhaltsseite noch nicht abgeschlossen hat, können Sie POPUP-Informationen verwenden, um dies zu erklären.

Geben Sie den Linktext an einer geeigneten Stelle auf der Webseite ein, wählen Sie ihn aus und erstellen Sie im Eigenschaftenfenster einen Link. Während Sie noch ausgewählt sind, klicken Sie im Schnellstartpad auf die Schaltfläche „Verhalten“, zum Beispiel:

Klicken Sie oben links auf das „+“-Zeichen, wählen Sie „Popun-Nachricht“ aus der Liste aus und geben Sie die Informationen ein, die abgefragt werden müssen

Setzen Sie

im folgenden Fenster, wie in der Abbildung gezeigt,

das Mausereignis (Ereignisse) dieser Aktion auf Klicken (Onclick). Der Vorschaueffekt im Browser ist wie folgt:

29> Wie verstecke ich die URL-Adressinformationen in der Statusleiste des Browsers?

Wenn Sie im Internet surfen und die Maus über einem Link bleibt, wird die Zieladresse des Links automatisch in der Statusleiste unten angezeigt. Aus Sicherheitsgründen müssen wir sie manchmal auf „Null“ zurücksetzen, also leer setzen.

Jetzt müssen Sie nur noch einige Tricks im Linkcode ausführen, wie folgt:

< a href=" http://www.pconline.com.cn/pcedu ";;;;;;; onmouseOver="window.status =' none';return true">Pacific Online Academy</a>

30>Wie ändere ich den Eingabeaufforderungstext in der Statusleiste?

Wenn eine Webseite geladen wird, werden standardmäßig die Adresse und andere Informationen der Webseite in der Statusleiste angezeigt. Möchten Sie es attraktiver machen?

Klicken Sie im DW-Verhaltensbereich „Verhalten“ auf das „+“-Zeichen, um die Option „Text der Statusleiste“ unter „Textsatz festlegen“ auszuwählen, wie in der Abbildung gezeigt, und

geben Sie im Feld „ Fenster „Text der Statusleiste festlegen“. Website – Netzwerkverwaltungsnachricht“ und andere Nachrichteninformationen.

31> Wie richtet man eine Formularverarbeitungsmethode für E-Mails ein?

Formulare sollten ein unverzichtbares Element in der interaktiven Funktion von Webseiten sein. Die Funktion eines Formulars beruht auf der Interaktion von Informationen -Level-Netzwerkprogrammiersprachen Sie sagen vielleicht: „Wow!“ Ich kann nicht programmieren! Es spielt keine Rolle, tatsächlich kann eine einfache Verarbeitung von Formularinhalten auch per E-Mail erfolgen.

Schauen Sie sich zunächst den folgenden Code an:

Das Obige ist der HTML-Quellcode eines typischen Formulars, in dem METHOD die Methode bestimmt , einschließlich Es gibt zwei Typen: POST und GET. ACTION ist der oben erwähnte Handler, der im Allgemeinen über ASP/PHP/CGI implementiert werden kann.

Wie geht das also per E-Mail? action=mailto:[email protected]. Wenn Sie also auf die Schaltfläche „Senden“ klicken, wird ein Eingabeaufforderungsfenster wie folgt angezeigt:

Klicken Sie auf „OK“ und der Formularinhalt wird an die angegebene Mailbox gesendet.

32> Wie erstelle ich einen standardisierten E-Mail-Link?

Der sogenannte „E-Mail-Link“ bedeutet, dass der Browser beim Klicken darauf automatisch das Standard-Mail-Client-Programm aufruft, um eine E-Mail zu versenden.

Geben Sie die Wörter „PROBLEM MAIL ME“ ein, ziehen Sie die Maus, um es auszuwählen, wechseln Sie zum Eigenschaftenfenster und geben Sie den folgenden Befehl in das LINK-Eingabefeld ein:

Mailto: [email protected] ? Betreff=Briefe von Internetnutzern&bc=andere E-Mail-Adressen&bcc=andere E-Mail-Adressen.

Wie in

der Abbildung gezeigt:

Mailto ist das Protokoll des E-Mail-Links, Betreff ist der Titel der E-Mail, bc ist die E-Mail-Adresse, die gleichzeitig kopiert werden soll, und bcc steht für blindes Kopieren.

33> Wie erstelle ich einen „leeren Link“?

Ein leerer Link ist ein Link ohne Linkobjekt. Bei einem leeren Link wird die Ziel-URL durch „#“ dargestellt. Das heißt, wenn Sie einen Link erstellen, geben Sie einfach die #-Markierung in das LINK-Eingabefeld des Eigenschaftenfensters ein, und es wird ein leerer Link sein.

Das Erscheinen leerer Links hängt von vielen Faktoren ab, z. B. wenn einige Seiten nicht regelmäßig fertiggestellt werden. Um die Konsistenz der Seitenanzeige aufrechtzuerhalten (der Linkstil unterscheidet sich vom normalen Textstil), können Sie ihn verwenden.

34> Wenn Sie auf einen leeren Link klicken, wird die Seite häufig zum Seitenanfang zurückgesetzt.

Wenn wir im Browser auf einen leeren Link klicken, wird die aktuelle Seite automatisch auf die erste Seite zurückgesetzt, was sich natürlich auf den normalen Leseinhalt des Benutzers auswirkt.

Zu diesem Zeitpunkt können Sie den Code „javascript:void(null)“ verwenden, um das ursprüngliche „#“-Zeichen zu ersetzen. Rückblickend ist das Problem gelöst.

35> Wie kann ich Links anpassen, die frei innerhalb der Seite springen können?

Wenn Sie häufig einige kostenlose E-Magazine online abonnieren, müssen Sie mit dieser Art von „Tab-Link“ vertraut sein. Über eine verzeichnisähnliche Liste können Sie zweifellos zu jedem Teil der Seite springen Entwickelt für Webseiten mit „extrem langen Inhalten“.

Bestimmen Sie zunächst, wohin der Link zeigt, d. h. wo er bleiben wird, nachdem der Bildschirm gesprungen ist. Rufen Sie den Abschnitt „Unsichtbare“ des Bedienfelds „Objekt“ auf, wählen Sie den Zieltext aus und klicken Sie auf die Schaltfläche „Benannten Anker einfügen“. Das Fenster sieht wie folgt aus

Geben Sie den Tag-Namen in „Ankername“ ein und klicken Sie auf „OK“. Unter dem Text wird automatisch eine rote gepunktete Linie angezeigt, um ihn vom normalen Textinhalt zu unterscheiden.

Anschließend können Sie einen Link erstellen und „#nchor Name (der Name gerade)“ in das LINK-Eingabefeld des Eigenschaftenfensters eingeben. Wenn Sie auf eine bestimmte Stelle auf einer anderen Seite verweisen möchten, können Sie diesen kleinen Schwanz natürlich auch einfach dort platzieren.

36> Was soll ich tun, wenn ich gleichzeitig viele Links zu einem Bild erstelle?

Dieses Problem nennen wir normalerweise „Image HOT“. Natürlich gibt es in DW einen anderen Namen, der „Image Hot Area“ heißt.

Wählen Sie das Bild aus. In der unteren linken Ecke des Eigenschaftsfensters befinden sich drei Schaltflächen zum Abgrenzen verschiedener

Bereiche , die Maus bleibt auf dem Bild, es wird in einer „+“-Form angezeigt, was bedeutet, dass Sie es nach links und rechts ziehen können. Nach Abschluss

können Sie die Verknüpfung mehrerer Hotspot-Bereiche abschließen. Beachten Sie, dass sich Bereiche nicht überlappen dürfen.

37> Wie erstelle ich ein Flip-Bild, das auf Mausereignisse reagieren kann?

Auf vielen Webseiten sehen wir oft einige Spaltentitel, die sich in etwas anderes ändern können, wenn die Maus darüber fährt. Tatsächlich werden viele davon durch die Verwendung zweier unterschiedlicher Bilder erreicht, was dem sogenannten „Flip-Picture“-Effekt entspricht.

Natürlich müssen Sie im Voraus zwei Bilder mit genau derselben Größe vorbereiten, um sicherzustellen, dass es beim Umdrehen nicht zu visuellen Unannehmlichkeiten kommt. Klicken Sie im Bedienfeld „Objekt“ auf „Rollover-Bild“,

um das Fenster „Rollover-Bildeinstellungen“ zu öffnen. wie folgt:

Klicken Sie jeweils auf die Schaltfläche „Durchsuchen“, um die Adressen von „Originalbild“ und „Rollover-Bild“ zu ermitteln. Aktivieren Sie unbedingt das Kontrollkästchen „Rollover-Bild vorab laden“, da es sonst zu einer gewissen Download-Verzögerung kommt, wenn die Maus bewegt wird vorbei. Wirkung.

38> Wie erstelle ich ein Bild vom „Fliegen über den ganzen Himmel“?

Auf den Homepages vieler großer kommerzieller Websites schweben oft viele Werbebilder hin und her. Nach dem Klicken können Sie auf die angegebene Adresse verlinken. In DW wird dies durch Timelines erreicht.

Fügen Sie zunächst das Zielbild in die Webseite ein, wählen Sie es gleichzeitig aus und klicken Sie im Schnellstartpad auf die Schaltfläche „Timelins“, um das Fenster „Timeline“ aufzurufen, wie im Bild gezeigt:

Klicken Sie mit der rechten Maustaste auf die Position von 1Frame in Klicken Sie auf die Zeitleiste und wählen Sie „Objekt hinzufügen“. Auf der Zeitleiste wird ein blauer Farbbalken (Standard 1–15 Bilder) angezeigt. Halten Sie die Kamera bei 15 Bildern an und verschieben Sie das Bild auf der Seite an die Endposition der Bewegung.

Nachdem Sie nun eine einfache Bewegungsanimation fertiggestellt haben, können Sie die Krümmung des Pfads anpassen, indem Sie in der Mitte einen Keyframe hinzufügen. Klicken Sie oben auf die Schaltfläche mit dem Rechtspfeil, um eine Vorschau des Effekts anzuzeigen.

39> Wie erstelle ich ein „statisch angehaltenes“ Bild auf der Seite?

Die sogenannte „statische Aufhängung“ bedeutet, dass das Bild immer versucht, an einer bestimmten Position auf der Webseite zu bleiben, sodass es optisch den Eindruck vermittelt, dass es mit der Seite „läuft“, als ob es angehalten wäre.

Die Realisierung dieses Effekts erfolgt über Javascript, was im Allgemeinen ein gewisses Maß an Programmierkenntnissen erfordert. Glücklicherweise bietet DW ein festes Plug-In zum Erstellen dieses Effekts, sodass es viel einfacher ist.

Zuerst müssen Sie das stav-Plug-in /u/info_img/2009-05/31/stav.zip herunterladen und die beiden darin enthaltenen Dateien dekomprimieren (einschließlich der Bilddatei Cross Browser Static Division.gif und der Webseitendatei Cross Browser). Static Division.htm) werden in das DW-Installationsverzeichnis ConfigurationObjectsCommon kopiert.

Starten Sie DW neu. Im Objektfenster sehen Sie, dass sich unten ein SI-Element befindet, und legen Sie im Popup-Fenster den Abstand von der schwebenden Ebene nach oben und links fest Inhalt (Bilder hier).

40> Wie kann man Text- und Bildinhalte koexistieren lassen?

Wir alle wissen, dass Bildobjekte in DW oft eine Zeile belegen, sodass der Textinhalt nur auf einer Zeile parallel dazu platziert werden kann. Wie kann der Text um das Bild herum angezeigt werden?

Wählen Sie das Bild aus. In der oberen rechten Ecke des Eigenschaftenfensters wird das Eigenschaftsmenü „Ausrichten“ angezeigt. Wählen Sie

„Links“ aus, wie in der Abbildung gezeigt rechte Seite des Bildes.

41> Wie verbindet man mehrere Fenster?

Das Panel-Design war schon immer ein wichtiges Merkmal von DW. In der DW4-Version werden bereits zahlreiche Panels verwendet.

„Fensterverbindung“ ist eine technische Funktion, die jeder bequem anpassen kann. Vereinfacht gesagt bedeutet dies, dass Sie je nach Bedarf zwei oder mehr Panels in ein Fenster einfügen können.

Klicken Sie auf die Tab-Leiste eines Panels und ziehen Sie sie auf zwei Panels. Lassen Sie die Maustaste los. Zu diesem Zeitpunkt sind die beiden Panels zu einem zusammengeführt

: 42> Verwendung die Webseite Etwas verstecken?

Im Webdesign müssen wir manchmal Inhalte einfügen, die nicht angezeigt werden müssen, z. B. ein Verkehrsstatistiksystem, ein Benutzerzugriffsanalysesystem usw. Zu diesem Zeitpunkt müssen wir darüber nachdenken, wie wir sie ausblenden können dass das Vorhandensein von keinen Einfluss auf das Layout anderer Webseitenelemente hat.

Klicken Sie im Bedienfeld „Objekt“ auf die Schaltfläche „Ebenen“, ziehen Sie die Maus, um eine neue Ebene zu erstellen, und fügen Sie darin den gesamten Inhalt ein, der ausgeblendet werden muss, wie im Bild gezeigt:

Klicken Sie auf das kleine Kästchen oben links Markieren Sie die Ebene als ausgewählt und wechseln Sie gleichzeitig zum Eigenschaftenfenster. Setzen Sie den Vis-Wert auf „Ausgeblendet“, wie im Bild gezeigt:

Wow! Der gesamte Inhalt ist wirklich verschwunden.

43> Wie erstelle ich ein einfaches Dropdown-Menü?

Dropdown-Menüs sind auf Webseiten sehr verbreitet, da sie den Platz auf der Webseite erheblich einsparen können. Sie werden hauptsächlich in Situationen verwendet, in denen mehrere Objekte aufgelistet werden müssen, z. B. in Listen mit Freundschaftslinks, Adressen kooperativer Websites usw.

DW bietet eine äußerst einfache Produktionsmethode, sodass wir diese langweiligen Codes nicht schreiben müssen!

Rufen Sie den Abschnitt „FORM“ des Bedienfelds „Objekt“ auf, wie in der Abbildung gezeigt:

Klicken Sie auf die Schaltfläche „Sprungmenü einfügen“, um das Einstellungsfenster „Dropdown-Menü“ zu öffnen:

Geben Sie den Namen des Menüelements in „Text“ ein "; Geben Sie die URL in „Gehe zu URL“ ein oder verwenden Sie zur Auswahl die Schaltfläche „Durchsuchen“. Klicken Sie auf das oberste "+" "Zeichen, um neue Menüelemente einzugeben, und alle Elemente werden in" Menüelemente "angezeigt.

44> Wie kann man eine dünne Linie mit einer Breite von 1 machen?

In DW, obwohl die horizontale Linie in Form von "Linie" erscheint, funktioniert sie bei der Herstellung dünner Linien nicht zufriedenstellend, hauptsächlich weil sie zu dick ist und nicht die erforderliche Delikatesse hat!

Anschließend können wir eine flexible Methode anwenden, um sie durch die Anwendung von Tabellen zu implementieren.

Fügen Sie eine Tabelle mit 1 Zeile und 1 Spalte in die Webseite ein, setzen Sie die "Cellpadding" und "Cellspacing" der Tabelle auf "0" und setzen Sie die "BGColor" der Zelle auf rot. Andere Farben.

Der kritischste Schritt besteht darin, den Quellcode zu überprüfen und den "" in <td> </td> zu entfernen.

45> wie man einen Platz mit einer Grenze von 1 macht?

Offensichtlich müssen wir die Tischeinstellungen jetzt noch ausfüllen.

Vielleicht werden Sie sagen, das ist nicht einfach! Erstellen Sie einfach eine Tabelle mit 1 Zeile und 1 Spalte und setzen Sie dann ihren "Rand" -Wert auf 1. Tatsächlich ist der auf diese Weise hergestellte Tisch überhaupt kein Quadrat mit einer Grenze von 1, sondern viel "dick"!

In ähnlicher Weise fügen Sie zuerst eine Tabelle mit 1 Zeile und 1 Spalte ein, setzen Sie den "Rand" und "Cellpadding" der Tabelle auf "0" und setzen Sie den "Zellbereich" auf "1". Setzen Sie die "BGColor" der Tabelle auf Rot (dh die Farbe des Randes) und setzen Sie das "BGColor" der Zelle auf Weiß (dh die gleiche Hintergrundfarbe). Der Effekt ist wie folgt:

46> Wie richten Sie verschiedene Browser ein, um verschiedene Seiten zurückzugeben?

Verschiedene Browser unterstützen verschiedene Technologien und Effekte. Daher können die Webseiten, die wir entwerfen, in allen Browsern möglicherweise nicht ordnungsgemäß oder optimal angezeigt. Zu diesem Zeitpunkt ist ein Sprung zur Bestimmung des Browsers erforderlich.

Wenn der Benutzer es mit verschiedenen Typen oder Versionen von Browsern öffnet, können verschiedene Seiten zurückgegeben werden, um das normale Browser des Benutzers zu gewährleisten.

Klicken Sie in der Schaltfläche "Verhalten" im Schnellstartkissen, klicken Sie in der Dropdown-Liste "+" -Schild "Überprüfen Sie die Durchsuchen"

47> Wie erstelle ich Objekte, die überall auf der Webseite gezogen werden können?

Wenn Sie eine Website besuchen, sehen Sie häufig viele Elemente, die mit der Maus gezogen werden können, hauptsächlich Bilder.

Dieser Effekt wird durch das Verhalten "Schicht" der Ebene auf das Verhaltensfeld "Schicht" erreicht, und wählen Sie "Schicht" aus .

48> So fügen

Sie

ein externes Stilblatt (CSS) zu einer Webseite hinzu.

Externe CSS -Referenzen werden über das <Link> -Tag implementiert.

Das <Link> -Tag enthält HREF; Typ; REL -Attributeinstellungen. Unter ihnen kalibrieren Sie die Option von CSS: Stylesheet/AlterMate, um den Stil der Style -Sprache anzugeben: Text/CSS.

49> Was ist der Zweck, die Basis (Basisadresse) einer Webseite festzulegen?

Im Bereich "Kopf" des "Objekt" -Panels befindet sich eine Schaltfläche "Base", mit der die Basisadresse der Website festgelegt wird.

Wie wir alle wissen, sind die Link -Methoden, die wir in DW verwenden, relativ und nicht absolut.

Manchmal müssen wir es jedoch nur nicht ändern, dh sie zwingen, eine feste Adresse zu verwenden, klicken Sie auf die Schaltfläche "

Basi "OK", um es effektiv zu machen.

50> Wie finden Sie den Inhalt genau auf einer Webseite?

Dies ist eine illustrative Fähigkeitsfrage, also stellen wir sie am Ende der 50 Fragen gestellt. Derzeit wird die Positionierung der DW -Webseite inhaltlich hauptsächlich durch Tabellen und Ebenen erreicht.

Die Tabelle verwendet hauptsächlich das Layout verschiedener Inhalte. Unabhängig von allen Browsern sind universell und es gibt keine technische Unterstützung.

Relativ gesehen ist die Verwendung von Schichten lässiger. Das einzige ist, dass Schichten nur in neueren Versionen von Browsern unterstützt werden, aber nach der aktuellen Situation sollte es keine Hindernisse geben!