48 praktische Tipps für die DW Chinese Super League (Teilen)

In diesem Artikel erfahren Sie 48 superpraktische Tipps für Dreamweaver. Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird für alle hilfreich sein.

Verwandte Empfehlungen: „Dreamweaver-Tutorial“

48 superpraktische Tipps in DW

1. Verwenden Sie Dreamweaver 4.0, um Webseiten einfach zu entwerfen, die sich automatisch elastisch anpassen

Das erste, was Sie sicherstellen müssen Liegt der Inhalt Ihrer Seite im Tabellenformat vor? Öffnen Sie dann die Seite, die Sie bearbeiten möchten, und drücken Sie „Strg+F6“ oder das Menü „Ansicht→Tabellenansicht→Layout? Ansicht“, um zur Layoutansicht zu wechseln. Zu diesem Zeitpunkt können Sie die Spaltenbreite der Zelle sehen. Neben der Spaltenbreitennummer befindet sich ein kleiner Pfeil. Klicken Sie auf den kleinen Pfeil über der Spalte, für die Sie die flexible Anzeige festlegen möchten, und wählen Sie dann „Spalte festlegen als“. flexible Anzeige" "(Spalte automatisch strecken). Über dem Spaltenfeld erscheint anstelle der Zahl, die die Spaltenbreite angibt, eine Wellenlinie. Nach der Fertigstellung wird Ihre Seite zu einer flexiblen Seite. Achten Sie außerdem darauf, keine zu großen Bilder auf der Seite einzufügen.

************************************************** **********

**************************************** **** **********************

2. Verwenden Sie Dreamweaver 4.0, um eine Flash-Schaltfläche mit Blinkeffekt zu erstellen

Wählen Sie das Menü Einfügen→Interaktiv? Bilder→Flash?Button Sehen Sie, welche Inline-Buttons verfügbar sind. Im Popup-Dialogfeld können Sie in der Liste „Stil“ den gewünschten Schaltflächenstil auswählen und die Auswirkung dieses Stils im Vorschaufenster (Beispiel) sehen. Geben Sie nach der Auswahl den Text auf der Schaltfläche im Fenster „Schaltfläche? Text“ ein, wählen Sie im Fenster „Schriftart“ die Schriftart aus, geben Sie im Fenster „Größe“ die Textgröße ein, geben Sie im Fenster „Link“ das Ziel des Links ein. Fenster und geben Sie das Ziel im Fenster „Ziel“ ein. Wählen Sie die Art und Weise, wie der Link geöffnet werden soll, wählen Sie die Hintergrundfarbe der Schaltfläche in „BgColor“ aus und geben Sie den Namen der gespeicherten Datei im Fenster „Speichern? unter“ ein. Nachdem Sie dies abgeschlossen haben, drücken Sie die Schaltfläche „OK“ und Sie haben eine Flash-Schaltfläche fertiggestellt. Diese Schaltfläche wird auch automatisch in Ihre Webseite eingefügt. Wählen Sie dann die Schaltfläche aus, die Sie gerade im Dreamweaver-Bearbeitungsfenster erstellt haben. Klicken Sie oben auf die Schaltfläche „Abspielen“. Sehen Sie sich im Bearbeitungsfenster den Blinkeffekt dieser Schaltfläche an. Es ist zu beachten, dass diese Funktion von Dreamweaver?4.0 keine chinesischen Schriftarten unterstützt.

************************************************** **********

**************************************** **** ********************

3. Passen Sie Tastaturkürzel in Dreamweaver 4.0 an

Wählen Sie das Menü „Bearbeiten→Tastatur?Kurzbefehle“ und im Es erscheint ein Dialogfenster, in dem die Tastenkombinationen aufgeführt sind, die derzeit aktiviert sind und geändert werden können. Hier können Sie die Tastenkombinationen ändern, die Sie gewohnt sind. Wenn Sie eine Tastenkombination ändern möchten, wählen Sie zuerst den Befehl aus, den Sie ändern möchten, und wählen Sie dann die aktuelle Tastenkombination aus. Die Tastenkombination wird in der Liste „Tastenkombinationen“ angezeigt und geben Sie dann die Tastenkombination ein, die Sie verwenden möchten. Klicken Sie im Fenster „Taste drücken“ auf „Taste drücken“ und klicken Sie dann auf die Schaltfläche „Ändern“, um die Änderung abzuschließen. Sie können auch die Schaltflächen „+“ und „-“ verwenden, um die aktuellen Tastenkombinationen hinzuzufügen oder zu löschen.

************************************************** **********

**************************************** **** **********************

4. Integrieren Sie Dreamweaver?4.0 mit Fireworks

Wenn Dreamweaver/Fireworks gleichzeitig auf Ihrem Computer installiert ist Zeit, dann können Sie die Funktion zur Integration von Fireworks verwenden, die von Dreamweaver?4.0 bereitgestellt wird. Mit dieser Funktion können Sie Ihre GIF-Bilder attraktiver gestalten und ganz einfach Animationseffekte erzielen. Wählen Sie im Dreamweaver-Bearbeitungsfenster das GIF-Bild aus, das Sie ändern möchten, und klicken Sie dann im Fenster mit den Bildeigenschaften auf die Schaltfläche „Bearbeiten“. Zu diesem Zeitpunkt startet das System automatisch die Fireworks-Software, um das Bild zu bearbeiten. Wenn Sie genau hinschauen, werden Sie feststellen, dass der Text und das Muster Bearbeiten?Von?Dreamweaver im Bildbearbeitungsfenster von Fireworks angezeigt wurden, was bedeutet, dass dieses Bild zur Bildbearbeitung auf der Dreamweaver-Seite bestimmt ist. Nun wählen wir das zu bearbeitende Bild in Fireworks aus und wählen das Menü „Ändern→Animieren→Animieren?Auswahl“. Legen Sie die Eigenschaften der Animation im Popup-Fenster fest: die Anzahl der Frames der ausgewählten Animation, die Richtung der Animationsbewegung, Transparenz usw. Exportieren Sie dann die geänderte Datei. Auf diese Weise aktualisiert das Dreamweaver-Bearbeitungsfenster automatisch die gerade geänderte Datei, wodurch Ihre Seitenbilder verschoben werden.

************************************************** **********

**************************************** **** ********************

5. Nutzen Sie den Website-Reporter geschickt

Dreamweaver?4.0 bietet einen Website-Reporter, der Ihnen helfen kann Finden und beheben Sie schnell Fehler in den vielen Dateien Ihrer Website. Klicken Sie auf das Menü „Site→Berichte“, um den Reporter zu starten, wählen Sie die Elemente aus, die Sie überprüfen möchten, und klicken Sie dann auf die Schaltfläche „Ausführen“, um allgemeine Probleme auf Ihrer Website herauszufinden. Sie können auch einen eigenen Reporter schreiben, um bestimmte Probleme auf der Website zu erkennen (allgemeine Probleme sind normalerweise fehlender Text oder unbenannte Dokumente).

***************************************************** ***** *********

************************************** ******** *******************

6. Mehrere Vorgänge schnell wiederherstellen

Beim Erstellen einer Seite müssen wir die Seite möglicherweise ständig ändern , und manchmal müssen wir die Vergangenheit wiederherstellen Um den Vorgang auszuführen, können wir den Befehl „Rückgängig“ im Menü „Bearbeiten“ verwenden, dieser Befehl kann jedoch jeweils nur einmal wiederhergestellt werden. Wenn wir mehrere Vorgänge wiederherstellen müssen, müssen wir „ ständig rückgängig machen, was wirklich nervig ist. In Dreamweaver? 4.0 steht ein Verlaufsfenster zur Verfügung, mit dem wir problemlos mehrere Vorgänge fortsetzen können. Wählen Sie „Verlauf“ im Menü „Windows“, um dieses Verlaufsfenster zu öffnen. In diesem Fenster bleibt jeder von Ihnen ausgeführte Vorgang erhalten. Mit dem Schiebezeiger auf der linken Seite des Fensters können Sie jeden Vorgang, einschließlich der gespeicherten, jederzeit wiederherstellen und rückgängig machen. Und Sie können diesen historischen Datensatz auch speichern und teilen.

************************************************** **********

**************************************** **** **********************

7. Schwebende Panels ausblenden

Wenn Sie Dreamweaver öffnen, ist der erste Eindruck, den Sie erhalten, eine Menge schwebender Panels Obwohl es aufgezogen werden kann, nimmt es nur einen sehr begrenzten Bildschirm ein. Wenn Sie es schließen, müssen Sie es wieder öffnen, wenn Sie es verwenden. Tatsächlich müssen Sie die F4-Taste nur einmal drücken, und alle schwebenden Bedienfelder verschwinden. Drücken Sie erneut F4 und sie werden alle wieder auf dem Bildschirm angezeigt.

************************************************** **********

**************************************** **** ********************

8. Schnelle Vorschau von Webseiten

Anfänger von Dreamweaver können das Vorschaumenü oft nicht finden und müssen dazu den IE-Browser starten Vorschau der tatsächlichen Wirkung von Webseiten. Tatsächlich befindet sich das Vorschaumenü von Dreamweaver unter dem Dateimenü. Um eine Vorschau der bearbeiteten Webseite anzuzeigen, drücken Sie einfach die Taste F12, was sehr praktisch ist! Es kann auch so eingestellt werden, dass die Vorschau in verschiedenen Browsern angezeigt wird. Wählen Sie im Menü „Datei“ die Option „Browserliste bearbeiten“ aus, um verschiedene Browser für die Vorschau auszuwählen. Um die Anpassungsfähigkeit Ihrer Webseiten an verschiedene Browser zu testen.

************************************************** **********

**************************************** **** ************************

9. Zeilennummern und automatischer Zeilenumbruch im HTML-Inspektor anzeigen

Obwohl Dreamweavers Verhalten ein Makro eines Javascript-Applets, viele Javascript-Programme, die spezielle Webseiteneffekte erzielen, erfordern keine manuelle Programmierung, aber manchmal, wenn Sie ein kleines Programm schreiben müssen, ist es besonders notwendig, die Programmzeilennummer anzuzeigen, insbesondere wenn ein Fehler auftritt Wenn Sie ein Programm verwenden, erscheint häufig die Meldung „In Zeile XX ist ein Fehler aufgetreten.“ „Wenn Sie die Zeilennummern Zeile für Zeile zählen, ist das nicht nur zu ermüdend, sondern es kann auch leicht passieren, dass Sie falsch zählen. In FrontPage hat man immer Angst, dass man falsch zählt.“ Zeilennummern. Dies ist in Dreamweaver praktisch. Solange Sie das Kontrollkästchen „Zeilennummern“ im HTML-Quellcode-Viewer-Fenster aktivieren, wird die Zeilennummer automatisch für jede HTML-Anweisung im Quellcode-Viewer-Fenster angezeigt, sodass sie auf einen Blick klar ist . . Ebenso kann es vorkommen, dass eine Codezeile länger ist. Solange das Kontrollkästchen „Warp“ (automatischer Zeilenumbruch) im HTML-Quellcode-Viewer-Fenster aktiviert ist, ist die automatische Zeilenumbruchfunktion des Fensters aktiviert und die Zeile ist zu lang Der Code wird automatisch um den Rand des Fensters gewickelt.

************************************************** **********

**************************************** **** ************************

10. So erhalten Sie den Hexadezimalcode einer Farbe

Beim Entwerfen von Webseiten, hexadezimale Farbe Manchmal werden Codes verwendet. In Dreamweaver habe ich in der Popup-Farbpalette einfach auf das kleine Dreieck in der unteren rechten Ecke des kleinen Felds neben „bg“ geklickt. Wo immer Sie mit der Maus zeigen, wird sofort der entsprechende Hexadezimalcode angezeigt, was sehr praktisch ist.

************************************************** **********

**************************************** **** *********************

11. Hintergrundmusik erstellen

Das Einfügen von Hintergrundmusik in Dreamweaver ist hier sehr einfach zwei Methoden zur Auswahl.

(1) Fügen Sie eine leere Ebene an einer unauffälligen Stelle auf der Seite ein und platzieren Sie ein ActivX-Objekt in der Ebene. Doppelklicken Sie auf das Objekt, wählen Sie im sich öffnenden Dialogfeld eine MIDI-Musikdatei aus und legen Sie sie dann fest Die Sichtbarkeit des Ebenenobjekt-Eigenschaftenfensters ist „Ausgeblendet“. Drücken Sie nach dem Speichern der Änderungen F12, um eine Vorschau der Webseite anzuzeigen und zu prüfen, ob Musik vorhanden ist.

(2) Eine andere Methode besteht darin, den Verhaltenseditor „Verhalten“ von Dreamweaver zu verwenden, auf die Schaltfläche „+“ zu klicken, die Option „Sound abspielen“ auszuwählen und im Popup-Dialogfeld eine Musikdatei auszuwählen. Probieren Sie es selbst aus!

************************************************** **********

**************************************** **** ************************

12. Stellen Sie sicher, dass das Hintergrundbild nicht scrollt

Im Gegensatz zu FrontPage wird das in Dreamweaver eingefügt Scrollen Sie mit dem Text. Manchmal müssen wir ein festes Hintergrundbild erstellen. Was sollen wir tun? Definieren Sie zunächst ein Hintergrundbild, drücken Sie „F10“, um die HTML-Quelldatei zu öffnen, suchen Sie die Anweisung, die das Hintergrundbild definiert, z. B. „background="images/background.JPG", und fügen Sie den Satz „bgproperties="fixed" in ein Leerzeichen ein Leerzeichen danach. Sehen Sie sich die Vorschau an und verspüren Sie ein kleines Erfolgserlebnis.

************************************************** **********

***************************************************** ***** *********

13. Definieren Sie Text in konstanter Größe

Warum ist der Text auf den Webseiten anderer Leute so schön, egal wie Sie die Größe auf der Browser-Schriftarttaste drücken? Die Schriftgröße ändert sich nicht. Tatsächlich verwenden sie die „CSS“-Stylesheet-Technologie in Webseiten, und es ist sehr einfach, diese Funktion in Dreamweaver zu implementieren. Drücken Sie zunächst „F7“ oder wählen Sie die Option „Stylesheet“ im Menü „Fenster“, um den Stylesheet-Editor zu öffnen. Klicken Sie mit der rechten Maustaste in das Fenster, wählen Sie „Neu“ und geben Sie den Namen des Stylesheets ein, das erstellt werden soll Klicken Sie auf „OK“, wählen Sie dann das erste Element „Typ“ in der Liste aus und definieren Sie Parameter für die spezifischen Textattribute (im Allgemeinen ist es besser, 10,5 für die Textgröße auszuwählen). ein 800×600-Bildschirm). Nach Drücken von „OK“ erscheint das definierte Stylesheet. Wählen Sie den Text im Bearbeitungsfenster der Webseite aus und klicken Sie auf den neuen Stylesheet-Namen, um die Änderungen am ausgewählten Text anzuzeigen. Zeigen Sie eine Vorschau an und prüfen Sie, ob sich die definierte Textschriftgröße entsprechend der im Browser ausgewählten Schriftgröße ändert.

************************************************** **********

**************************************** **** **********************

14. Flash-Animation einfügen

Die Flash-Animation von Macromedia ist aufgrund ihrer Eigenschaften nach und nach zu einer beliebten Wahl auf Webseiten geworden Interaktivität und schnelle Übertragungsgeschwindigkeit. Wenn Sie eine Flash-Animation in Ihre Webseite einfügen können, wird dies Ihrer Arbeit definitiv viel Farbe verleihen. Es ist sehr einfach, von Flash erstellte Animationen im SWF-Format in Dreamweaver einzufügen. Klicken Sie auf das Flash-Logo in der Objektsymbolleiste oder klicken Sie auf „Flash“, um das Dialogfeld zur Auswahl der SWF-Animationsdatei zu öffnen Sie können die Wiedergabeparameter im Eigenschaftenfenster festlegen, und schon sind Sie fertig.

************************************************** **********

**************************************** **** ************************

15. Lassen Sie die Tabelle auf der Webseite leer

Wenn Sie Text auf einer neuen Dreamweaver-Webseite eingeben, Das Standardformat ist überwältigend, was sehr unfair ist. Es ist eigentlich sehr einfach, diesen Mangel zu vermeiden, solange jeder die Tischwerkzeuge gut nutzt. Die spezifische Methode lautet: Fügen Sie eine zentriert ausgerichtete Tabelle auf der neuen Seite ein. Um die Tabelle einfacher steuern zu können, ist es am besten, eine ungerade Anzahl von Spalten festzulegen und die Werte sollten nicht zu groß sein. Auf diese Weise wird der in die Zelle eingegebene Text auf einen Bereich beschränkt, dessen Breite nach Belieben angepasst werden kann, sodass Sie sich keine Sorgen machen müssen, dass der Text außer Kontrolle gerät.

************************************************** **********

**************************************** **** ********************

16. Ändern Sie den Eingabeaufforderungstext in der Statusleiste.

Wenn der Browser eine Seite lädt, wird diese normalerweise angezeigt Die Statusleiste ist der Adressname der Seite, was sehr langweilig ist. Haben Sie jemals darüber nachgedacht, der Statusleiste Ihres Browsers etwas Persönlichkeit zu verleihen? Wenn ja, befolgen Sie bitte die folgenden Schritte, um den Text Ihren Wünschen anzupassen! Öffnen Sie zunächst das Verhaltensbearbeitungsfenster „Verhalten“, klicken Sie auf die Schaltfläche „+“, wählen Sie unter „Textsatz festlegen“ die Option „Text der Statusleiste“ und geben Sie dann Ihren eigenen Text in das Feld ein, z. B. „Willkommen auf meiner Homepage“. „“ usw., klicken Sie auf „OK“.

************************************************** **********

**************************************** **** ********************

17. Integrierter Textcode-Editor

Der größte Nachteil der visuellen Webseitenbearbeitungssoftware besteht darin, dass sie schwierig zu bearbeiten ist der Quellcode, ganz zu schweigen von Javascript; aber Dreamweaver macht es Ihnen extrem einfach, mit Code umzugehen. Die wichtigsten neuen Funktionen dieses integrierten Textcode-Editors sind: automatische Einrückung (Sie können mehrere Zeilen gleichzeitig zum Einrücken auswählen) und er kann auch Symbole erkennen, wenn Sie beim Schreiben von Code ein „“ vergessen . Das Dropdown-Menü in der Tool-Liste listet alle benutzerdefinierten Javascript-Funktionen auf der aktuellen Webseite auf, sodass Sie problemlos in den Originalcode der Webseite springen können ; /I>-Funktion, geben Sie den Javascript-Code in den Textcode-Editor ein, das System zeigt ihn in verschiedenen Farben an.

************************************************** **********

**************************************** **** ********************

18. Geben Sie in Dreamweaver mehrere Leerzeichen ein

Die Leerzeichen, die wir normalerweise eingeben, sind Zeichen halber Breite, dies ist jedoch nur möglich Geben Sie eines in Dreamweaver ein. Wenn Sie mehrere Leerzeichen eingeben möchten, geben Sie einfach Leerzeichen in voller Breite ein. Die Methode zur Eingabe von Leerzeichen in voller Breite lautet: Öffnen Sie die chinesische Eingabemethode und drücken Sie Umschalt+Leertaste, um in den Status in voller Breite zu wechseln. Zu diesem Zeitpunkt sind die von Ihnen eingegebenen Leerzeichen Leerzeichen in voller Breite.

************************************************** **********

**************************************** **** ************************

19. Beheben Sie einen der Fehler von Dreamweaver

Im Verhaltensinspektor in Dreamweaver 3.0 kann der Dropdown-Menüpunkt „Ereignisse für“ nicht geöffnet werden. Dadurch sind viele Spezialeffekte nutzlos und können überhaupt nicht erzeugt werden. Tatsächlich sollte dies als Inkompatibilität zwischen Dreamweaver 3.0 und dem chinesischen Windows98 angesehen werden. Dieses Problem besteht im englischen Windows98 nicht. Dieses Menü lässt sich zwar weiterhin öffnen, jedoch nicht korrekt anzeigen. Nachdem wir das Dropdown-Menü ausgewählt haben, können wir mit den Auf- und Ab-Tasten den Browser auswählen, den wir verwenden möchten.

************************************************** **********

**************************************** **** ************************

20. Verwenden Sie die Dreamweaver 3.0-Vorlage, um eine Webseite zu erstellen und das Verhalten festzulegen.

in der Webseite, die mit der Vorlage (Vorlage) erstellt wurde. Neue Verhaltensweisen können nicht hinzugefügt werden. Dies liegt daran, dass das neue Verhalten das Einfügen von Javascript in den Head-Teil der HTML-Datei erfordert und nach der Verwendung von Template der Head-Teil der HTML-Datei „blockiert“ wird. Wenn Sie Verhalten auf eine mithilfe einer Vorlage generierte Webseite anwenden möchten, müssen Sie das Verhalten im Voraus in der Vorlage definieren und es dann als bearbeitbaren Bereich der Vorlage definieren. Sie können dieses Verhalten dann auf der Webseite ändern. Dies beschränkt sich aber nur auf die Änderung des konkreten Inhalts der auslösenden Ereignisse (Events) und Aktionen (Actions) des Verhaltens, nicht jedoch auf die Art der Aktion.

************************************************** **********

**************************************** **** ************************

21. Verhalten auf Text anwenden und dynamische Texteffekte erstellen

Normaler Text wird in Dreamweaver gemessen Zeichen können nicht als Objekt verwendet werden, d. h. einigen sehr nützlichen Javascript-Ereignissen kann kein Text zugewiesen werden. Da Text keine spezifischen „Markierungen“ wie Bilder und andere Steuerelemente aufweist, fehlen ihm viele Spezialeffekte. Um dem Text Spezialeffekte hinzuzufügen, besteht die einzige Möglichkeit, damit umzugehen, darin, den Text in einen Hyperlink umzuwandeln. Auf diese Weise wird der Text zum Objekt und kann Aktionen auferlegen. Dies bringt jedoch einige unnötige Hyperlink-Attribute wie Unterstreichung und Farbänderungen wie Hover und Visited mit sich. Wenn Sie dem Text lediglich Spezialeffekte hinzufügen möchten, können Sie zunächst den Text, den Sie festlegen möchten, in einen Hyperlink umwandeln, ihm dann Verhaltensweisen hinzufügen und schließlich den Hyperlink in normalen Text umwandeln. Die spezifischen Schritte sind wie folgt:

Wählen Sie den Text aus, den Sie bearbeiten möchten, und geben Sie einige Zeichen in das Linkzielfeld ein. Wählen Sie diesen Link aus, klicken Sie auf Windows → Verhalten, und das Verhaltensfenster wird angezeigt. Drücken Sie „+“, um das gewünschte Verhalten hinzuzufügen, z. B. Tonwiedergabe usw. Öffnen Sie den Hypertext-Editor von Dreamweaver, suchen Sie diesen Link und ändern Sie ihn in. Zum Schluss löschen Sie „href=…“. Speichern Sie diese Seite. Drücken Sie F12, um eine Vorschau anzuzeigen. Der Effekt ist nicht schlecht!

************************************************** **********

**************************************** **** ********************

22. Lokalisieren Sie die Position jedes Elements auf der Webseite genau

Es gibt zwei Methoden, um die Position genau zu lokalisieren Jedes Element auf der Webseite: Verwenden Sie eine Tabelle oder Ebene. Die Verwendung von Tabellen ist derzeit eine gängige Praxis. Die konkrete Methode lautet: Erstellen Sie zunächst eine Tabelle auf der Webseite und beachten Sie, dass die Rahmenbreite der Tabelle 0 sein sollte. Platzieren Sie dann jedes Element entsprechend Ihren Anforderungen in jeder Tabellenzelle. Passen Sie die Größe der Tabellenzelle und die Position des Tabellenrandes sorgfältig an, dann werden auch die Elemente in der Tabellenzelle entsprechend verschoben. Auf diese Weise können Sie die Position jedes Elements auf der Webseite genauer lokalisieren. Der Vorteil der Verwendung von Tabellen besteht darin, dass sie universell sind und fast jede Browserversion Tabellen unterstützen kann. Die Nachteile bestehen darin, dass die Handhabung umständlich ist, eine sorgfältige Einstellung erforderlich ist und die Positionierung nicht sehr präzise ist. Ebenen können überall auf einer Webseite platziert werden, sodass wir Ebenen für eine präzise Positionierung verwenden können. Die Verwendungsmethode besteht darin, eine Ebene in die Webseite einzufügen und dann das Element zu platzieren, das Sie in der Ebene positionieren möchten. Anschließend können wir die Ebene an der gewünschten Stelle platzieren. Darüber hinaus können Sie zur präzisen Positionierung Lineale und Raster verwenden. Da Ebenen nur in den neuesten Browsern unterstützt werden, können wir die Ebene zur Kompatibilität mit älteren Browsern in eine Tabelle konvertieren. Die Methode besteht darin, „Ändern→Layoutmodus→Ebenen in Tabelle konvertieren“ auszuwählen. Beachten Sie, dass sich die Ebenen zu diesem Zeitpunkt nicht überlappen können. Wir können vor dem Einfügen der Ebene „Ansicht → Ebenenüberlappungen verhindern“ auswählen, um Ebenenüberlappungen zu vermeiden. Generell kann es sein, dass die konvertierte Seite einige Änderungen aufweist und wir manuelle Anpassungen vornehmen müssen. Eine letzte Sache, die Sie beachten sollten, ist, dass es beim Konvertieren von Tabellen und Ebenen am besten ist, Ebenen und Tabellen nicht gleichzeitig auf einer Seite zu verwenden, da dies zu einem Durcheinander auf Ihrer Seite führen kann

23 Ändern Sie die Form der Maus des Betrachters

Dies wird durch Bearbeiten des Stylesheets erreicht. Die spezifische Methode lautet: Wählen Sie „Text (Text) → Benutzerdefinierter Stil (CSS-Stil) → Stylesheet bearbeiten (Stylesheet bearbeiten)“. Das Fenster zum Bearbeiten des Stylesheets wird angezeigt und Sie können darin „Neu (neu)“ auswählen. Wählen Sie dann „Benutzerdefinierten Stil erstellen“, geben Sie dem Stylesheet einen Namen und klicken Sie auf „OK“. Bearbeiten Sie das Stylesheet, wählen Sie die Erweiterung und den Zeigereffekt aus, der im Cursorelement (Cursor) rechts angezeigt werden soll.

***************************************************** ***** *********

************************************** ******** *******************

24. Entfernen Sie die Unterstreichung unter dem Hyperlinktext

Dieser Effekt wird durch Bearbeiten des Stylesheets erreicht. Die spezifische Methode lautet: „Klicken Sie auf den Text (Text) → Passen Sie den Stil an (CSS-Stil) → Bearbeiten Sie das Stylesheet (Edit Style Sheet) und wählen Sie „Neu“ aus. Wählen Sie dann „HTML-Tag neu definieren“ und wählen Sie im Tag-Menü unten ein aus. Bearbeiten Sie das Stylesheet, wählen Sie den Typ aus und wählen Sie in der Dekoration rechts „Keine“ aus.

************************************************** **********

**************************************** **** *********************

25. Erstellen Sie ein Bild, das der Seite folgt

Dieser Effekt wird durch Javascript erreicht. Im Allgemeinen erfordert das Erreichen eines solchen Effekts bestimmte Programmierkenntnisse, aber jetzt können wir ihn einfach über das Dreamweaver-Plug-in erreichen. Sie können dieses Plug-in von http://www.computerinfo.com.cn/classroom/chajian/chajian2.zip herunterladen. So installieren Sie das Plug-in: Entpacken Sie es und kopieren Sie es in einen neuen Ordner im Ordner „ConfigurationObjects“ unter Dreamweaver. Nach dem Neustart von Dreamweaver finden wir das neu installierte Plug-In im Objektbereich. Klicken Sie auf das Plug-in-Symbol und geben Sie im Popup-Dialogfeld die Bildspeicheradresse und die Bildanzeigeposition ein.

************************************************** **********

**************************************** **** ********************

26. Erstellen Sie ein dynamisches Menü, das sich ändert, wenn die Maus darüber bewegt wird

Das sogenannte dynamische Menü ist Eigentlich zwei Bilder, eines ist, wenn die Maus bewegt wird. Das oben gezeigte wird auf der anderen Seite angezeigt, wenn die Maus nach oben bewegt wird. Um diesen Effekt zu erzielen, können wir das Swap-Image im von Dreamweaver bereitgestellten Verhalten verwenden. Fügen Sie zunächst ein Bild ein, klicken Sie mit der Maus darauf und geben Sie in der Verbindungsspalte des Eigenschaftenfensters die zu verbindende Webseite ein. Öffnen Sie dann das Verhaltensfenster, klicken Sie auf das „+“-Zeichen und wählen Sie „Bild austauschen“. Anschließend erscheint ein Fenster, in dem Sie aufgefordert werden, das Bild auszuwählen, das nach dem Bewegen der Maus nach oben angezeigt wird. Wählen Sie hier das zweite Bild aus und klicken Sie auf „OK“. Okay, der Effekt ist abgeschlossen, wie einfach.

************************************************** **********

**************************************** **** ********************

27. Verwenden Sie Dreamweaver, um einen Effekt ähnlich einem Dropdown-Menü zu erstellen Im Dropdown-Menü müssen Sie Ebenen verwenden, um Eigenschaften auszublenden und anzuzeigen. Die konkrete Methode ist: Fügen Sie eine einzeilige, mehrspaltige Tabelle als Menüleiste in die Seite ein. Die Anzahl der Spalten in der Tabelle wird durch die Anzahl der Menüoptionen bestimmt. Fügen Sie eine Ebene ein, geben Sie den Inhalt des ersten Dropdown-Menüs in der Ebene ein und verschieben Sie die Ebene unter die erste Spalte der Tabelle. Gehen Sie auf die gleiche Weise auch für andere Menüpunkte vor und fügen Sie die entsprechenden Ebenen ein. Ändern Sie das Anzeigeattribut (vis) aller Ebenen in „Ausgeblendet“ (Hidden).

Wählen Sie die erste Zelle der Tabelle aus, klicken Sie auf Windows → Verhalten, und das Verhaltensfenster wird angezeigt. Drücken Sie „+“, um das Verhalten „Ebenen anzeigen/ausblenden“ hinzuzufügen und ändern Sie die Eigenschaften der ersten Ebene (Ebene 1) in „Anzeigen“ (Anzeigen) und die Eigenschaften der anderen Ebenen in „Ausblenden“ (Ausblenden). Bearbeiten Sie dann dieses Verhalten im Verhaltensbereich und ändern Sie sein/ihre Auslöseereignis(e) in onMouseover. Wenn Sie mit der Maus über die erste Tabellenzelle fahren, erscheint auf diese Weise das erste Dropdown-Menü. Fügen Sie dann ein weiteres Verhalten „Ebenen anzeigen/ausblenden“ hinzu und ändern Sie die Eigenschaften aller Ebenen in „Ausgeblendet“. Bearbeiten Sie dann dieses Verhalten im Verhaltensbereich und ändern Sie das/die Auslöseereignis(e) in „onMouseout“. Dadurch wird das erste Dropdown-Menü ausgeblendet, wenn sich die Maus von der ersten Tabellenzelle entfernt. Wiederholen Sie den Vorgang für andere Menüpunkte. Beachten Sie jedoch, dass bei Einstellung von „Menü Zwei“ die zweite Ebene angezeigt und andere Ebenen ausgeblendet werden. Bei Einstellung von „Menü Drei“ wird die dritte Ebene angezeigt und andere Ebenen ausgeblendet. Okay, es ist fertig, drücken Sie F12, um einen Blick darauf zu werfen.

************************************************** **********

**************************************** **** ********************

28. Einfaches Erstellen von Download-Dateien

Die Verwendung von Dreamweaver ist eigentlich sehr einfach, geben Sie einfach den Namen der gewünschten Datei ein Betrachter zum Herunterladen, und ziehen Sie dann die Maus, um diesen Text auszuwählen, und geben Sie den Dateinamen in das Attributeingabefeld „Link“ im Textattributfeld ein. Hinweis: Wenn sich die heruntergeladene Datei nicht im selben Verzeichnis wie die Webseite befindet, muss der Dateiname einen relativen Pfad enthalten, andernfalls wird beim Herunterladen die Meldung angezeigt, dass die Datei nicht gefunden werden kann.

************************************************** **********

**************************************** **** ************************

29. Verwenden Sie die Lesezeichen von Dreamweaver, um Sprunglinks zu erstellen

Wir können diese Funktion mithilfe der Lesezeichen von Dreamweaver erreichen. Die konkrete Methode ist: Bewegen Sie den Cursor an die Stelle, zu der Sie springen möchten, wählen Sie im Menü „Einfügen → Lesezeichen (Namensanker)“ und geben Sie den Namen des Lesezeichens ein. Geben Sie als Nächstes „#Lesezeichenname“ in das Linkzielfeld ein, an dem Sie den Link aufrufen möchten, damit der Sprunglink innerhalb der Seite bereit ist. Wenn wir hier den Namen der Webseite vor dem Namen des Lesezeichens eingeben, wird zum Lesezeichen auf anderen Seiten gesprungen. Wenn wir beispielsweise „index.htm#top“ in den Link eingeben und der Betrachter auf diesen Link klickt, springt er zum obersten Lesezeichen auf der Indexseite.

************************************************** **********

**************************************** **** ************************

30. Entfernen Sie die Lücken, wo sich das Bild und der Tisch berühren

Um sicherzustellen, dass keine vorhanden sind Lücke, in der sich das Bild und die Tabelle berühren, fügen Sie einfach die Tabellenattribute hinzu. Es ist nicht möglich, den Rand auf dem Panel auf 0 zu setzen. Sie müssen auch die beiden Eigenschaften der Zelle auf 0 setzen (d. h. cellspace="0" und cellpadding). ="0") im Eigenschaftenbereich der Tabelle.

************************************************** **********

**************************************** **** ********************

31. Verwenden Sie TracingImage, um die Position jedes Elements auf der Webseite zu lokalisieren.

TracingImage ist eine sehr effektive Funktion von Dreamweaver, mit dem Benutzer das ursprüngliche Musterdesign als unterstützenden Hintergrund verwenden können. Auf diese Weise können Benutzer Text, Bilder, Tabellen, Ebenen und andere Webelemente auf der Seite leicht finden. Die spezifische Verwendung von TracingImage ist wie folgt: Erstellen Sie zunächst mit verschiedenen Zeichenprogrammen ein imaginäres Webseiten-Layoutdiagramm und speichern Sie dieses Bild dann als Netzwerkbildformat (einschließlich GIF, JPG, JPEG und PNG). Öffnen Sie mit Dreamweaver die Webseite, die Sie bearbeiten, klicken Sie mit der rechten Maustaste auf einen leeren Bereich der Seite, wählen Sie „Seiteneigenschaften ...“ und geben Sie dann den Speicherort des gerade erstellten Webseiten-Layoutmusters in die Ablaufverfolgung ein Bildelement im Popup-Dialogfeld. Stellen Sie dann die Transparenz von TracingImage in Image Transparen ein, OK. Auf diese Weise können Sie die Position jedes Webseitenelements auf der aktuellen Webseite leicht lokalisieren. Webseiten, die TracingImage verwenden, zeigen das Hintergrundmuster nicht mehr an, wenn sie mit Dreamweaver bearbeitet werden. Wenn Sie jedoch mit einem Browser surfen, verschwindet das TracingImage und Sie sehen nur die bearbeitete Webseite (natürlich kann das Hintergrundmuster sein). angezeigt).

************************************************** **********

**************************************** **** ************************

32. Informationen zu „Tabellenbreiten in Pixel konvertieren“ und „Tabellenbreiten in Prozent konvertieren“

„Tabellenbreiten in Pixel konvertieren“ und „Tabellenbreiten in Prozent konvertieren“ sind zwei wichtige Funktionen von Dreamweaver zum Festlegen von Tabellenbreiten. Wenn Sie eine Webseite mit einer Tabelle öffnen, klicken Sie in der Statusleiste auf die Bezeichnung . Anschließend werden diese beiden Schaltflächen im Werkzeugfeld „Tabelleneigenschaften“ angezeigt, das anschließend angezeigt wird. Wie der Name schon sagt, gibt „Tabellenbreiten in Pixel konvertieren“ die Breite aller Zellen in der Tabelle in Pixeln an, während „Tabellenbreiten in Prozent konvertieren“ die Breite aller Zellen in der Tabelle in Prozent ausdrücken soll. Denken Sie sorgfältig über ihre Rolle nach. Wenn die Breite einer Tabelle in Pixeln angegeben wird, das Browserfenster jedoch vergrößert wird, vergrößert die Tabelle die Breite der Zellen nicht entsprechend. Mit „Tabellenbreiten in Prozent umwandeln“ können Sie eine 100 % breite Tabelle mit einer Auflösung von 640 x 480 erstellen und bei einer höheren Auflösung immer noch 100 % Breite beibehalten. Daher kann die vollständige Nutzung dieser beiden Funktionen das Webseitenlayout effizienter gestalten.

************************************************** **********

**************************************** **** ********************

33. Rufen Sie Style auf, ohne den Originalcode der Webseite zu verwechseln

Es gibt viele Möglichkeiten, Style anzurufen Sie können mit der rechten Maustaste klicken und Custon Style auswählen. Um die Style-Spezifikation aufzurufen, können Sie auch mit der rechten Maustaste auf die Elementliste in der Statusleiste klicken, um den Style aufzurufen. Obwohl die mit verschiedenen Methoden erzielten Effekte scheinbar gleich sind, sind die tatsächlich generierten HTML-Codes völlig unterschiedlich. Wenn Sie beispielsweise Custon Style zum Aufrufen der Style-Spezifikation verwenden, wird ein -Tag im Webseitencode generiert. Wenn zu viele Tags vorhanden sind, wird die Datei sehr aufgebläht und beeinträchtigt die Analysegeschwindigkeit des Browsers Elementliste in der Statusleiste so weit wie möglich aufzurufen. Es gibt noch einen weiteren kleinen Trick: Wenn Sie einen Style verwenden möchten, um den gesamten Text in einer Tabellenzelle zu definieren, rufen Sie den Style einfach im

-Tag auf, anstatt die

-Tags einzeln zu definieren. Beachten Sie, dass diese Methode nicht auf das

-Tag anwendbar ist, da das mit Style im -Tag definierte Textformat von Netscape ignoriert wird.

************************************************** **********

**************************************** **** ********************

34. Verwenden Sie die benutzerdefinierte Fensterfunktion, um die Wirkung von Webseiten bei verschiedenen Auflösungen zu testen

Niemand möchte, dass die Webseite, an deren Erstellung er so hart gearbeitet hat, bei unterschiedlichen Auflösungen nicht mehr wiederzuerkennen ist. Daher ist das Testen des Browsing-Effekts von Webseiten bei unterschiedlichen Auflösungen ein sehr wichtiger Schritt bei der Erstellung von Webseiten. Wir können die Fenstergröße anpassen, indem wir die erforderliche Auflösung in der Mitte der Statusleiste in der Dreamweaver-Bedienoberfläche auswählen, um den Webseiteneffekt bei verschiedenen Auflösungen zu testen.

************************************************** **********

**************************************** **** ********************

35. Beim Hochladen einer Website muss keine FTP-Software von Drittanbietern verwendet werden.

Dreamweaver verfügt über die FTP-Funktion und ist für das Hochladen auf Websites optimiert. Wir können einen einfachen Vergleich anstellen. Wenn Sie zum Hochladen einer Website eine allgemeine FTP-Software verwenden, erstellen Sie dann ein neues Verzeichnis auf dem Server entsprechend dem Website-Verzeichnis auf dem lokalen Computer und laden dann die Dateien einzeln hoch? Dieser Ansatz ist zwar richtig, aber da nicht jede Datei im Website-Verzeichnis auf dem lokalen Computer von der Webseite aufgerufen wird (z. B. die beim Erstellen der Webseite verbleibenden Sicherungsdateien), kennt nur der Benutzer die hohe Arbeitsbelastung beim Filtern von Dateien. Es ist jedoch viel bequemer, Dreamweaver zum Hochladen von Webseiten zu verwenden. Da die FTP-Funktion im Hintergrund viele notwendige Arbeiten für Benutzer erledigt, müssen Benutzer nur die relevanten HTML-Dateien in der Sitemap hochladen, und Dreamweaver lädt automatisch hoch Laden Sie alle relevanten HTML-Dateien auf die Website hoch (z. B. Bilder, ZIP-Dateien, FLASH-Dateien und sogar verschiedene REAL-Dateien). Die spezifische Methode zur Verwendung der in Dreamweaver enthaltenen FTP-Funktion ist: Bearbeiten Sie die definierte SITE und wählen Sie im Bereich „Site-Definition für …“ die Option „Webserver-Info“ aus. Wenn die Webseite über FTP hochgeladen wird, stellen Sie „Serverzugriff“ auf „FTP“ ein, fügen Sie die Adresse des FTP-Servers unter „FTP-Host“ hinzu, fügen Sie das Remote-Anmeldeverzeichnis unter „Hostverzeichnis“ hinzu, fügen Sie den Benutzernamen unter „Anmeldung“ hinzu und füllen Sie ihn dann aus. Passwort. Nach den oben genannten Einstellungen können Sie im Bereich „Site“ auf die Schaltfläche „Verbinden“ klicken. Wenn Dreamweaver erfolgreich eine Verbindung zum Server herstellt, ändert sich die Schaltfläche „Verbinden“ automatisch in „Trennen“ und daneben leuchtet ein kleines grünes Licht auf. Als nächstes klicken Sie mit der rechten Maustaste auf die hochzuladende HTML-Datei und wählen „Put“. Wenn die HTML-Datei erfolgreich hochgeladen wurde, wird in der Statusleiste „Put Depanding File“ (Abhängige Datei bereitstellen) angezeigt, was darauf hinweist, dass Dreamweaver andere lokale Dateien hochlädt, die von dieser HTML-Datei aufgerufen werden. Darüber hinaus kann Dreamweaver Dateien zur Änderung direkt auf den Server herunterladen. Klicken Sie einfach auf die Schaltfläche „Abrufen“.

************************************************** **********

**************************************** **** ************************

36. Erkennen Sie den Effekt der Unterstreichung, wenn Sie mit der Maus auf einen Link zeigen

Einige Links auf Webseiten sind ursprünglich nicht unterstrichen. Sie zeigen mit der Maus auf den Link. Die Unterstreichung wird erst angezeigt, wenn die Maus bewegt wird, und die Unterstreichung verschwindet wieder. Dieser Effekt kann tatsächlich mit Cascading Style Sheets (CSS) erzielt werden. Es ist nicht erforderlich, Code zu schreiben, um Cascading Style Sheets in Dreamweaver zu bearbeiten. Die spezifischen Bedienungsmethoden sind wie folgt:

(1) Klicken Sie auf die Schaltfläche „Cascading Style Sheets“. Schnellstartleiste (d. h. setzen Sie die Maus auf die Schaltfläche, die „CSS-Stile anzeigen“ anzeigt) und doppelklicken Sie auf das Popup-Fenster „CSS-Stile“. (2) Zu diesem Zeitpunkt können Sie Folgendes sehen: Klicken Sie im Popup-Bedienfeld „Stylesheet bearbeiten“ auf die Schaltfläche „Neu“ im Bedienfeld ) Markieren Sie „Tag“ und klicken Sie auf die Schaltfläche „OK“. (4) In diesem Dialogfeld können Sie viele Attribute des Hyperlinks festlegen Sie möchten, aber hier möchten wir hauptsächlich die störende Unterstreichung entfernen, also setzen wir das Dekorationsattribut. Wählen Sie „none“, um die Unterstreichung zu entfernen, und wählen Sie dann die Farbe aus: #339966. Klicken Sie auf die Schaltfläche „OK“, um zum Bedienfeld „Stylesheet bearbeiten“ zurückzukehren.

(5) Klicken Sie im Bedienfeld „Stylesheet bearbeiten“ auf die Schaltfläche „CSS-Auswahl verwenden“ und dann auf Wählen Sie im Selektor-Auswahlfeld „a:hover“ aus (definieren Sie die Attribute des Links, wenn sich die Maus auf dem Hyperlink befindet) und drücken Sie die OK-Taste

(7) Im Popup-Stildefinition für a: Hover-Dialogfeld, wir geben Dekoration ein. Wählen Sie „Unterstreichung“ in den Eigenschaften, damit die Unterstreichung hinzugefügt wird, dann wählen wir die Farbe: #FF3300. Klicken Sie auf die Schaltfläche „OK“, um zum Bedienfeld „Stylesheet bearbeiten“ zurückzukehren.

(8) Drücken Sie erneut die Schaltfläche „Don“ im Bedienfeld „Stylesheet bearbeiten“. Siehe den folgenden Code:

37. Implementierungsdefinierte Hyperlink-Textfarbe

Die Farbe von Text-Hyperlinks (einschließlich der Farbe nicht besuchter Links, der Farbe von Mauslinks, der Farbe besuchter Links usw.) kann verwendet werden Mithilfe der CSS-Definition (Cascade Style Sheet) erfahren Sie hier, wie Sie die Farbe von Textlinks nach Ihren Wünschen festlegen können.

(1) Die Standardfarbe von Hyperlinks ist: Nicht besuchte Hyperlinks sind blau, besuchte Hyperlinks sind lila.

(2) Damit die durch CSS definierten Farben funktionieren, geben Sie im Hyperlink nichts in das Farbattribut ein Text;

(3) Wenn Sie die Farbe des Texts definiert haben und feststellen, dass die in CSS definierte Hyperlink-Farbe nicht funktioniert, können Sie die Farbdefinition des Texts abbrechen oder den Hyperlink abbrechen und ihn und die durch CSS definierte Farbe neu definieren ;

(4) Die Beziehung zwischen Textfarben in verschiedenen Zuständen von Hyperlinks: Sobald die Farbe eines besuchten Links (A: besucht) definiert ist, ändert sich die Farbe des Links nicht mehr, wenn der Link besucht wird , das heißt, das Definieren der Farbe der Maus auf einem Hyperlink (a: Hover) funktioniert nicht mehr. Wenn die Farbe des besuchten Links nicht definiert ist (A: besucht), wird die in a: Hover definierte Farbe angezeigt, wenn sich die Maus auf dem Hyperlink befindet, und die in a definierte Farbe wird angezeigt, wenn sich die Maus wegbewegt.

Wie oben zu sehen ist, kann die Farbe des Textlinks tatsächlich nur zwischen zwei Farben geändert werden. Sie kann nicht zwischen mehreren Farben geändert werden, wie in einigen Artikeln erwähnt, sondern weil die Verwendung dieser beiden Farben möglich ist. Es ist also willkürlich Man muss sagen, dass die Auswahl an Farben immer noch relativ groß ist.

************************************************** **********

**************************************** **** ********************

38. Platzieren Sie die Grafik in der Mitte in Dreamweaver

Klicken Sie, um die Grafik auszuwählen, und klicken Sie oben auf „Ausrichten“. In der rechten Ecke des Eigenschaftenfensters der Grafik befindet sich neben dem Attribut ein Dropdown-Feld. Wenn Sie es im Dropdown-Feld auswählen, wird der Text um das Bild herum umbrochen. Wenn sich ein einzelnes Bild in der Mitte befindet, klicken Sie einfach auf die Eigenschaft „Mitte“ im Bildfeld.

************************************************** **********

**************************************** **** ********************

39. So verwenden Sie die Verhaltensfunktion, ohne irgendwo zu verlinken

Wählen Sie das Element aus, das als Hyperlink verwendet werden soll ( B. ein Bild oder einen Textabschnitt), geben Sie keine Linkadresse in die Adressleiste (Link) im Eigenschaftenfenster ein, sondern fügen Sie einfach ein „#“-Zeichen hinzu (Anführungszeichen sind nicht enthalten). Auf diese Weise können Sie die Verhaltensfunktion nutzen, ohne irgendwo eine Verknüpfung herzustellen.

************************************************** **********

**************************************** **** ********************

40. So erstellen Sie mehrere verschiedene Links auf einem (größeren) Bild

In Dreamweaver verwenden Sie So Dies wird als Einstellung „Bild-Hot-Bereiche“ bezeichnet. Wählen Sie zuerst das Bild aus, und dann gibt es im Bildeigenschaftenfeld eine „Karte“-Symbolleiste. Darunter befinden sich drei hellblaue Werkzeugsymbole, nämlich „Rechteck“, „Kreis“ oder „Polygon“. . (Klicken Sie einfach mit der Maus), bewegen Sie dann die Maus über das Bild, drücken Sie die linke Maustaste und ziehen Sie die Maus, um einen hellblauen Bereich zu zeichnen (machen Sie sich keine Sorgen, dass dieser hellblaue Bereich Ihr Bild zerstört. Das wird es nicht im Browser angezeigt werden), dann fügen Sie einfach die Adresse der zu verlinkenden Webseite im Eigenschaftenfenster hinzu. Zeichnen Sie so viele Bereiche, wie Sie benötigen, für so viele Links, wie Sie möchten.

************************************************** **********

**************************************** **** ********************

41. Erstellen Sie einen Verzeichnisbaum

Vor dem allgemeinen Verzeichnis steht ein „+“. +“, um es anzuzeigen. Für die Unterverzeichnisse darunter wird „+“ zu „-“. Klicken Sie auf „-“, um die Unterverzeichnisse darunter auszublenden, genau wie im Ressourcenmanager. Dazu sind zwei Seiten erforderlich, und eine Seite enthält das Allgemeine Verzeichnis. Schreiben Sie ein Unterverzeichnis auf einer Seite. Legen Sie das „+“-Zeichen auf der allgemeinen Verzeichnisseite als Hyperlink fest und fügen Sie die Adresse der Unterverzeichnisseite in die Spalte „Link“ ein. Setzen Sie das „-“-Zeichen auf der Unterverzeichnisseite als Hyperlink und fügen Sie die Adresse der allgemeinen Verzeichnisseite in die Spalte „Link“ ein. Informationen zu bestimmten Effekten finden Sie im Hilfedokument von Dreamweaver. Klicken Sie in diesem Hilfedokument auf das Hauptverzeichnis, um das Unterverzeichnis anzuzeigen, aber es gibt kein „+“. oder „-“ Darstellung Das ist alles. Wenn Sie sich den Quellcode des Dokuments ansehen, ist es auf einen Blick klar.

************************************************** **********

**************************************** **** **********************

42. Legen Sie den Zeilenabstand einfach in Dreamweaver fest

Verwenden Sie Cascading Style Sheets (CSS), um das zu implementieren und zu bearbeiten Cascading Style Sheets in Dreamweaver Sie müssen keinen Code schreiben, die spezifische Vorgehensweise lautet wie folgt:

(1) Klicken Sie auf die Schaltfläche „Cascading Style Sheet“ in der Schnellstartleiste (die Schaltfläche, die „CSS-Stile anzeigen“ anzeigt, wenn Sie die Maus bewegen). darüber) und doppelklicken Sie auf das Popup-Bedienfeld „CSS-Stile“ (keine);

(2) Zu diesem Zeitpunkt wird das Popup-Bedienfeld „Stylesheet bearbeiten“ angezeigt. Klicken Sie im Bedienfeld auf die Schaltfläche „Neu“.

(3) Klicken Sie dann im Popup-Fenster „Neuer Stil“ auf „HTML-Tag neu definieren“ (HTML-Tag neu definieren), wählen Sie dann das „Body“-Tag in „Tag“ aus und klicken Sie auf die Schaltfläche „OK“.

(4) Jetzt können Sie Folgendes sehen: Das Popup-Dialogfeld „Stildefinition für Körper“, in dem Sie das Tag „Körper“ festlegen können. Sie können viele Attribute nach Ihren Wünschen festlegen, aber hier müssen wir hauptsächlich den Zeilenabstand festlegen, also geben wir die Anzahl der Pixel ein Der Zeilenabstand im Zeilenattribut-Eingabefeld beträgt im Allgemeinen 12. Klicken Sie auf die Schaltfläche „OK“. Zu diesem Zeitpunkt wird der Zeilenabstand von „body“ angezeigt. wurde festgelegt;

(5) Da der in „body“ definierte Zeilenabstand für die Tabelle nicht funktioniert, klicken wir erneut auf die Schaltfläche „Stylesheet bearbeiten“.

(6) Klicken Sie dann im Popup-Fenster „Neuer Stil“ auf „HTML-Tag neu definieren“, wählen Sie unter „Tag“ das Tag „td“ aus und klicken Sie auf die Schaltfläche „OK“.

(7) Legen Sie im Popup-Fenster „Stildefinition für td“ den Zeilenabstand fest von td im Dialogfeld und klicken Sie auf die Schaltfläche „OK“, um zum Bedienfeld „Stylesheet bearbeiten“ zurückzukehren.

(8) Klicken Sie erneut auf die Schaltfläche „Don“ im Bedienfeld „Stylesheet bearbeiten“. Holen Sie sich im Dreamweaver-Quellcode-Ansichtsfenster den unten gezeigten Code zwischen und:

Mit diesem Code wurde der Zeilenabstand Ihres gesamten Textes auf der Webseite bestimmt. Wenn Sie nicht zufrieden sind, können Sie die Einstellungen ändern.

43. So gestalten Sie, dass die Schriftgrößeneinstellung der Webseite nicht funktioniert, wenn der Betrachter surft

Verwenden Sie CSS-Cascading-Stylesheets, um die Schriftart (Pixel) zwangsweise zu steuern.

************************************************** **********

**************************************** **** ************************

44. Um den Effekt zu erzielen, dass die Webseite alle fünf Minuten aktualisiert wird

Wählen Sie „Kopf“. " Funktionsgruppenfeld im Dreamweaver-Funktionsfeld. Klicken Sie in diesem Feld auf das Funktionssymbol „Aktualisieren“. Geben Sie im Popup-Dialogfeld „Aktualisierung einfügen“ unter „Verzögerung“ das Aktualisierungsintervall in Sekunden ein. Beispiel: bis Alle fünf Minuten aktualisieren, 300 eingeben, also Can. Wählen Sie dann im Dialogfeld „Dieses Dokument aktualisieren“ (Aktualisieren des aktuellen Fensters) aus, klicken Sie auf „OK“, und schon sind Sie fertig. Wenn Sie die Seite erneut durchsuchen, wird sie alle fünf Minuten automatisch aktualisiert.

************************************************** **********

**************************************** **** ************************

45. Lösen Sie das Problem, den IE zu verwenden, um eine Vorschau normaler verlinkter Webseiten anzuzeigen, diese aber auf die Website hochzuladen aber ich kann sie nicht sehen

Vereinheitlichen Sie alle Dateinamen der Webseiten in Kleinbuchstaben (oder Großbuchstaben) und laden Sie sie dann hoch. Da viele Server das Betriebssystem UNIX verwenden, ist die Groß- und Kleinschreibung sehr wichtig, d. h. Dateinamen in Großbuchstaben und Dateinamen in Kleinbuchstaben werden beim Hochladen als zwei Dateien betrachtet. Beachten Sie außerdem: Hyperlinks sollten relative Pfade und keine absoluten Pfade verwenden und keine chinesischen Dateinamen verwenden.

************************************************** **********

**************************************** **** ********************

46. Erstellen Sie einen Hyperlink, der ein neues Fenster öffnet, um eine Webseite zu öffnen (d. h. die ursprüngliche Webseite wird nicht überschrieben). )

Setzen Sie in Dreamweaver im Eigenschaftenfenster des Links einfach „Ziel“ auf „_blank“.

************************************************** **********

**************************************** **** ********************

47. Unnötige Tags ausblenden

Wenn der Benutzer unsichtbare Elemente in die Webseite einfügt, fügt Dreamweaver automatisch ein entsprechendes hinzu Element-Tag, um Benutzern die Auswahl unsichtbarer Elemente zu erleichtern. Dies ist jedoch nicht immer eine gute Sache. Wenn Sie beispielsweise eine Tabelle in die erste Zeile einer Seite mit vielen Ebenen einfügen, werden Sie feststellen, dass die Tabelle automatisch in die erste Zeile der Seite zurückgezogen wird, weil zu viele Ebenenelemente vorhanden sind Die in der ersten Zeile angeordneten Tags haben zwar keinen Einfluss auf den Effekt beim Durchsuchen, behindern jedoch Ihre Arbeit. Wenn Sie also das Gefühl haben, dass ein Element-Tag aufdringlich ist, blockieren Sie es einfach. Die Methode besteht darin, Strg+U zu drücken, um das Bedienfeld „Einstellungen“ zu öffnen, „Unsichtbare Elemente“ in der Kategorie auszuwählen und alle Elementbezeichnungen werden auf der rechten Seite des Bedienfelds angezeigt. Entfernen Sie einfach das Häkchen vom Tag des Elements, das Sie hassen, und es wird garantiert in Zukunft nicht mehr auftauchen.

************************************************** **********

**************************************** **** ************************

48. Lösung des Problems, dass der Tisch oben links klebt

Es gibt mehrere Lösungen dafür dieses Problem.

(1) Drücken Sie Strg+J, um die Seiteneigenschaften aufzurufen, und setzen Sie alle Links, Oben, Randbreite und Randhöhe auf 0.

(2) Fügen Sie den folgenden Code zu Ihrem Browser hinzu: topmargin="0" leftmargin="0" , diese Methode gilt nur für IE.

(3) Fügen Sie den folgenden Code hinzu: Diese Methode ist für Netscape geeignet

Weitere Programmierkenntnisse finden Sie unter: Programmierlehre! !

Das obige ist der detaillierte Inhalt von48 praktische Tipps für die DW Chinese Super League (Teilen). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!