2. Ändern Sie schnell den Dateititel. Wenn wir neue Dateien erstellen, ignorieren wir oft den Inhalt des Dateititels. Wenn wir ihn später ändern müssen, müssen wir oft jede Datei einzeln öffnen und ändern. Tatsächlich kann diese Arbeit problemlos im Site-Fenster erledigt werden. Öffnen Sie „Seitentitel anzeigen“ im Menü „Ansicht“ des Website-Fensters, damit die Dateien im Website-Fenster den Dateikopf anstelle des ursprünglichen Dateinamens anzeigen. Der Standard-Dateikopf lautet „Unbenanntes Dokument“. Wir können zweimal klicken, um den Standardtext in den von uns benötigten Dateikopf zu ändern. Wie im Bild gezeigt:
3. Erstellen Sie schnell Sitemaps. Manchmal müssen wir eine Sitemap erstellen, die alle Dateistrukturen der aktuellen Site enthält, und können keine geeignete Methode finden. Dreamweaver selbst verfügt über diese Funktion: Öffnen Sie den Befehl „Datei – Sitemap speichern“ und geben Sie den Namen der gespeicherten Datei in das Popup-Dialogfeld ein. Dreamweaver generiert dann automatisch eine Site im .bmp- oder .png-Format des aktuellen Bildes.
2. Techniken in der Seitenlayoutphase
Dreamweaver ist nicht nur ein gutes Tool zur Seitenerstellung, sondern kann auch präzise Seitensatz- und Layoutfunktionen durchführen. In diesem Abschnitt stellen wir verschiedene Seitenlayouttechniken vor.
1. Öffnen Sie das Hilfsformular. Freunde, die sich mit Design beschäftigt haben, hoffen besonders auf die genaue Positionierung von Webseitenelementen. Ihnen gefällt, dass jedes Element genau nach ihren Wünschen positioniert werden kann. Die Grid-Funktion von Dreamweaver kann dabei helfen, diese Hoffnung zu verwirklichen. Führen Sie den Befehl „Ansicht – Raster bearbeiten“ aus, um die Koordinatenunterstützung zu aktivieren. Sie können zwischen Raster- und Punktanzeige wählen und „Am Raster ausrichten“ aktivieren. Wenn Sie in Zukunft neue Elemente einfügen oder hinzufügen, werden diese entsprechend Ihren Einstellungen positioniert.
2. Verwenden Sie Tabellenlayout-Seitentechniken. Durch die ordnungsgemäße Verwendung der Tabellenfunktion in Dreamweaver kann der Zweck der Verschönerung der Seite leicht erreicht werden. Im Folgenden werde ich einige Techniken vorstellen.
1) Erstellen Sie einen 1-Pixel-Rahmen. Einige Freunde beschweren sich darüber, dass Dreamweaver keinen Einzelpixel-Tabellenrand erstellen kann. Tatsächlich können Sie eine solche Einzelpixel-Tabelle erstellen, indem Sie das Eigenschaftenfenster der Tabelle sorgfältig verwenden. Verwenden Sie zunächst das Bedienfeld „Objekt“, um eine Tabelle einzufügen und die Breite, Höhe, Zeilen und Spalten der Tabelle zu definieren. Zu diesem Zeitpunkt sind die Standardwerte für CellPad, CellSpace und Border der in Dreamweaver eingefügten Tabelle alle 0. Definieren Sie den Rand der Tabelle im Eigenschaftenbereich auf 0, CellPad auf 5 (dadurch bleiben 5 Pixel zwischen dem Inhalt in der Zelle und dem Rand der Zelle erhalten); der Zellabstand ist 1 (dadurch bleibt 1 Pixel zwischen den Zellen erhalten). Artikel). Stellen Sie die Hintergrundfarbe der Tabelle auf eine dunkle Farbe (z. B. #999999) und die Hintergrundfarbe der Zellen auf eine helle Farbe (z. B. #FFFFFF) ein. Stöbern Sie einfach darin und beobachten Sie die Wirkung.
2) Importieren Sie die Datentabelle. Manchmal müssen wir einige in Excel-Dateien erstellte Tabellen in Dreamweaver importieren. Wir können die ursprünglichen Excel-Dateien als tabulatorgetrennte TXT-Textdateien speichern. Wenn Sie „Einfügen – Tabellarisches Datum“ in Dreamweaver ausführen, wird das folgende Fenster geöffnet:
Nach dem Hinzufügen jedes Parameters können die Daten in eine Tabelle in Dreamweaver importiert werden.
3) Formatieren Sie die Tabelle. Wenn Sie es leid sind, die Parameter jeder Zelle wiederholt festzulegen, können Sie die Tabelle mit dem Befehl „Tabelle formatieren“ schnell formatieren. Dieser Befehl ist mit mehreren Tabellenfarbschemata ausgestattet wendet das Farbschema automatisch auf die von Ihnen ausgewählte Tabelle an. Wie im Bild gezeigt:
4. Austausch zwischen Tabellen und Ebenen. Manche Freunde ordnen den Inhalt ihrer Seiten gerne frei an, aber die Funktionsweise von Tabellen gefällt ihnen nicht. Tatsächlich können Sie den Seiteninhalt mithilfe flexibler Ebenen anordnen und ihn dann in eine Tabelle umwandeln, wenn Sie zufrieden sind. Wählen Sie die Ebene aus, die Sie konvertieren möchten, und führen Sie den Befehl „Ändern – Konvertieren – Ebenen in Tabelle“ aus. Wie im Bild gezeigt:
5. Aktualisieren Sie mehrere Frameseiten gleichzeitig. Wir müssen den Inhalt von zwei oder mehr anderen Frame-Seiten gleichzeitig aktualisieren, wenn auf einen Link geklickt wird. Dies kann mithilfe des Verhaltens von Dreamweaver durch die folgenden Schritte erreicht werden.
1) Wählen Sie den Text oder das Bild des Links aus.
2) Öffnen Sie das Bedienfeld „Verhalten“ (Verhalten) und klicken Sie auf das Pluszeichen, um das Verhalten „Gehe zu URL“ hinzuzufügen.
3) Im Dialog „Gehe zu URL“ werden alle aktuell vorhandenen Rahmenfenster angezeigt. Wir wählen jeweils einen Fensternamen aus und können den zu aktualisierenden Dateiinhalt in jedem Fenster individuell festlegen. Dreamweaver fügt nach dem Fenster, in dem die Zieldatei festgelegt ist, ein „*“-Zeichen ein, um anzuzeigen, dass die URL für dieses Rahmenfenster festgelegt wurde.
4) Klicken Sie nach Abschluss auf OK. Wenn wir auf diesen Link klicken, werden die Inhalte mehrerer Fenster gleichzeitig aktualisiert.
3. Inhalt
Jeder Freund möchte wissen, wie man Inhalte schneller und bequemer organisiert. Vielleicht kennen Sie die folgenden Tipps, aber das Wichtigste ist, dass Sie durch kontinuierliche Nutzung die Vorteile entdecken.
1. Schnelle Etikettenbearbeitung. Freunde, die mit handgeschriebenem Code vertraut sind, müssen häufig zum Codefenster wechseln, um Code manuell hinzuzufügen. Tatsächlich können Sie mithilfe des Quick-Tag-Editors von Dreamweaver schnell verschiedene HTML-Tags einfügen. Dazu klicken Sie einfach auf das Eigenschaftenfenster.
Einfügen von Symbolen, eine weitere Tastenkombination ist Strg+T. Beide Methoden öffnen die schnelle Tag-Bearbeitung. Sie können das erforderliche Quellcode-Tag direkt aus der Liste auswählen, wie unten gezeigt:
2. Fügen Sie schnell Bildränder hinzu. Viele in Webseiten eingefügte Bilder haben keine Ränder. Dazu müssen wir keine Bildbearbeitungssoftware öffnen. Eine Methode besteht darin, das Bild auszuwählen und den Rand direkt im Eigenschaftenfenster auf 1 Pixel zu definieren, wodurch dem Bild ein 1-Pixel-Rand hinzugefügt wird. Die andere Methode besteht darin, einen Stil zu definieren mit 1 Pixel auf allen Seiten. Dann haben alle in die Webseite eingefügten Bilder den gleichen Rand. Wie im Bild gezeigt:
3. Fügen Sie Links durch Ziehen hinzu. Dreamweaver unterstützt das direkte Ziehen von Links aus dem Dokument zu anderen Dateien auf der Site. Wir können das Site-Fenster und das Dokumentfenster nebeneinander platzieren, wie in der Abbildung gezeigt:
Wählen Sie dann den Text aus, der im Dokument verlinkt werden soll, öffnen Sie das Eigenschaftenfenster und richten Sie den Zeiger auf Datei nach der Link-Adressleiste auf die Zieldatei im Site-Fenster, wie unten gezeigt:
4. So fügen Sie Hintergrundsound hinzu. Viele Freunde sind etwas verwirrt über das Einfügen einiger Multimedia-Sounddateien in Dreamweaver. Tatsächlich ist es sehr einfach, auf die Registerkarte in der unteren linken Ecke des Dreamweaver-Arbeitsfensters zu klicken und auf das Pluszeichen zu klicken Wählen Sie im Popup-Verhaltensfenster „Sound abspielen“ und dann „Die benötigten Sounddateien können hinzugefügt werden“ aus. Wählen Sie im Dokumentfenster das Logo der Sounddatei aus und klicken Sie im Eigenschaftenfenster auf „Parameter“, um die Anzahl der Schleifen der Hintergrundmusik, die automatische Wiedergabe und andere Eigenschaften festzulegen, wie in der Abbildung dargestellt:
4. Verschönerung
Das Verschönern verschiedener Webseitenelemente ist eine zeitaufwändige und nicht immer effektive Aufgabe. Die folgenden Tipps können Ihnen ein wenig helfen.
1. Erstellen Sie schnell Farbschemata. Wir müssen oft die Textfarbe jedes Linkstatus festlegen. Einige Freunde haben das Gefühl, dass ihr Farbsinn nicht sehr gut ist, und suchen daher immer nach Handbüchern zur Farbanpassung. Tatsächlich verfügt Dreamweaver selbst bereits über einige Farbschemata. Öffnen Sie den Befehl „Befehle – Farbschema festlegen“, und wir können sehen, dass es viele Farbschemata gibt, die jeweils die Hintergrundfarbe, die Textfarbe und die Farbe jedes Links definieren Sie müssen nur einen Typ auswählen, siehe Bild unten:
2. Kenntnisse im CSS-Linkstil. Textlinks haben im Allgemeinen vier Status: Link, Hover, Aktiv und Besucht. Wir definieren normalerweise unterschiedliche Farben und Stile für jeden Status von Textlinks. Beim Durchsuchen stellen wir jedoch fest, dass die von ihnen definierten Stile nicht wie erwartet aussehen. Der Hauptgrund liegt darin, dass es bestimmte Anforderungen an die Definitionsreihenfolge von Links im Stylesheet gibt. Die richtige Reihenfolge ist: A:link – A:visited – A:hover. Tatsächlich möchten normale Freunde oft nur, dass sich der Hover-Status ändert. Ein kleiner Trick besteht darin, den Linkstil nicht gemäß der oben genannten Methode zu definieren, sondern nur die Stile von a und a: Hover-Status zu definieren Es gibt nur den Hover-Status. Der Stil unterscheidet sich von anderen Zuständen. Die Änderungsmethode ist wie folgt:
3. Erstellen Sie Verbindungstext und Unterstreichungen in verschiedenen Farben. Gewöhnlicher Linktext und Link-Unterstreichung haben die gleiche Farbe. Tatsächlich können wir auch das Border-Attribut im Stylesheet verwenden, um die Unterstreichung gewöhnlicher Links zu ersetzen, solange die Border-Farbe und Our Dieser Zweck kann durch unterschiedliche Farbdefinitionen von Text erreicht werden. Beispielsweise können wir in der Option „Rahmen“ den Text als Schwarz und die Unterstreichung als Rot definieren, wie unten gezeigt;
5. Techniken zur Effizienzsteigerung
Dreamweaver enthält außerdem viele Befehle, die die Arbeitseffizienz erheblich verbessern können, darunter die Erstellung von Bibliotheksprojekten, die Verwendung von Vorlagen, die Funktion des Verlaufsfensters sowie die Such- und Ersetzungsfunktion. Hier stelle ich ein paar kleine Tricks vor, um die Leistungsfähigkeit dieser Befehle zu demonstrieren.
1. Tipps zum Bereinigen von Word-Dateien. Wir müssen oft einige Word-Dateien in HTML-Dateien konvertieren, aber das Ergebnis dieser Konvertierung ist, dass die generierten HTML-Dateien sehr groß sind und viel wiederholten Code enthalten. Mithilfe mehrerer Funktionen von Dreamweaver kann der nutzlose Code leicht bereinigt werden. Öffnen Sie zunächst die von Word generierte HTML-Datei und führen Sie im Menü „Befehle“ den Befehl „Word-HTML bereinigen“ aus. Das Programm erkennt automatisch die ursprüngliche Word-Version und entfernt den nutzlosen Code. Allerdings enthält die Datei zu diesem Zeitpunkt immer noch viel wiederholten Code, der hauptsächlich eine große Anzahl von und-
Tags enthält. Wir können den Befehl „HTML bereinigen“ im Menü „Befehle“ erneut ausführen und im Popup-Menü die Option „Spezifische Tags“ auswählen. up-Dialogfeld und geben Sie span- und p-Tags ein, getrennt durch Leerzeichen. Nach der Ausführung des Befehls werden alle span- und p-Tags gelöscht.
Zu diesem Zeitpunkt enthält jedoch jedes Bildattribut in der Datei auch Attribute, die v:shapes="_x0000_i1025" ähneln, und wir müssen diese Attribute noch löschen. Öffnen Sie das Bedienfeld „Suchen und Ersetzen“ und legen Sie die Ersetzungsregeln wie unten gezeigt fest. Nach der Ausführung werden diese Attribute aller Bilder gelöscht. Wie im Bild gezeigt;
2. Ersetzen Sie Dateititel schnell. Zuvor habe ich erklärt, dass Sie den Dateititel im Site-Fenster ersetzen können, aber Sie können jeweils nur den Titel einer Datei ersetzen. Wir können versuchen, den im vorherigen Schritt eingeführten Befehl zum Suchen und Ersetzen zu verwenden, um die Titel mehrerer Dateien zu ersetzen Dateien auf einmal. Normalerweise lauten die Titel unserer neu erstellten Dateien „Dokument ohne Titel“. Sie können den Befehl „Bearbeiten-Suchen und Ersetzen“ öffnen und die folgenden Einstellungen vornehmen, um alle Dateien auf der aktuellen Site mit dem Titel „Dokument ohne Titel“ durch unsere eigenen Titel zu ersetzen.
3. Legen Sie das Standarddokumentformat fest. Obwohl die obige Methode schnell ist, lautet der Standardtitel der Datei jedes Mal, wenn wir eine neue Datei erstellen, immer noch „Dokument ohne Titel“. Denn beim Erstellen eines neuen Dokuments ruft Dreamweaver eine Standardseite als Standardformat auf. Diese Datei ist Dreamweaver 4ConfigurationTemplatesDefault.html, sodass wir einige einheitliche Formate auf unserer Site festlegen können, z. B. die Hintergrundfarbe. , Schriftgröße, Dateititel usw., und speichern Sie es dann, indem Sie die obige Datei Default.html überschreiben. Wenn wir in Zukunft neue Dateien erstellen, wendet Dreamweaver automatisch das von uns festgelegte Format an, was die Arbeitseffizienz erheblich verbessern kann.
6. Nachwartung
Okay, nach so vielen Einführungen oben beherrschen wir einige Fähigkeiten in der Webseitenerstellung, aber wird Ihre fertige Seite keine Fehler mehr enthalten? Sind Ihre Links alle korrekt? Funktioniert Ihre Seite in allen Browsern gut? Befinden sich auf Ihrer Website noch viele Dateien, die Sie nicht mehr benötigen? Es bestehen immer noch viele ähnliche Probleme, die mit der späteren Erkennung und Wartung der Website zusammenhängen. Hier stellen wir einige weitere Post-Detection-Techniken vor.
1. Linkerkennung. Führen Sie den Menübefehl „Datei – Links prüfen“ aus. Dreamweaver erkennt automatisch alle Links auf der aktuellen Site und erkennt ungültige Links, wie unten gezeigt:
Durch Doppelklicken auf ein erkanntes Ergebnis wird automatisch die entsprechende Seite geöffnet und der falsche Link direkt lokalisiert. Dies ist für uns sehr praktisch, um den Linkfehler zu ändern.
2. Erkennen Sie schnell nutzlose Dateien. Durch Ausführen des Menübefehls Site – Links prüfen kann Sitewide die Funktion zur Erkennung von Linkdateien aktivieren. Mit dieser Funktion können wir auch nutzlose Dateien auf der Site überprüfen und löschen. Wählen Sie einfach „Verwaiste Dateien“ im oberen Dropdown-Feld aus, und alle nutzlosen Dateien auf der Site werden unten aufgelistet. Wählen Sie sie alle aus und drücken Sie die Entf-Taste, um sie zu löschen.
