Cleverer Einsatz von DW für die Erstellung von Webseiten – Internetnutzer, die mit Webdesign vertraut sind, wissen, dass es viele Möglichkeiten gibt, Style aufzurufen. Wir können mit der rechten Maustaste klicken und Custon Style auswählen, um den Style-Standard aufzurufen, oder wir können mit der rechten Maustaste klicken auf der Elementliste in der Statusleiste, um Style aufzurufen. Obwohl die mit verschiedenen Methoden erzielten Effekte scheinbar gleich sind, sind die tatsächlich generierten HTML-Codes völlig unterschiedlich.
1.
Mit Webdesign vertraute Internetnutzer wissen, dass es viele Möglichkeiten gibt, Style aufzurufen. Wir können auch mit der rechten Maustaste auf die Elementliste klicken die Statusleiste, 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 des Style-Standards verwenden, wird ein <span>-Tag im Webseitencode generiert. Zu viele solcher Tags führen dazu, dass die Datei sehr aufgebläht wird und die Analysegeschwindigkeit des Browsers beeinträchtigt wird. Daher sollten wir versuchen, Elemente in zu verwenden Statusleiste. Liste zum Aufrufen von Style.
2. Nutzen Sie den Befehl „Tabelle formatieren“ in vollem Umfang
. Bei komplexen Webdesigns werden Tabellen am häufigsten verwendet, da Tabellen dazu verwendet werden können, die spezifischen Positionen von Text und Bildern auf der Webseite frei zu steuern und so die gesamte Webseite kompakt erscheinen zu lassen und einheitlich. Dreamweaver liegt in dieser Hinsicht nicht weit zurück. Mit dem Befehl „Tabelle formatieren“ können wir schnell vorgefertigte Stile auf die Tabelle anwenden. Um einen vorgefertigten Stil zu verwenden, platzieren Sie zunächst den Cursor in einer beliebigen Zelle der Tabelle und wählen Sie dann den Befehl „Befehl“ → „Tabelle formatieren“. Wählen Sie im folgenden Dialogfeld ein Designschema aus der Liste auf der linken Seite aus. Klicken Sie auf die Schaltfläche „Übernehmen“, um den Effekt zu überprüfen. Wenn Sie nicht zufrieden sind, können Sie auch die Werte einiger Parameter wie Rahmenstärke, Hintergrundfarbe usw. zurücksetzen oder ändern.
3. Verlinken Sie gleichzeitig auf zwei Webseiten.
Wir alle wissen, dass ein Hyperlink jeweils nur eine Verbindung herstellen kann. Wenn wir das Dokument gleichzeitig in verschiedenen Frame-Seiten öffnen möchten, können wir das JavaScript-Verhalten „Gehe zu URL“ verwenden. Öffnen Sie eine gerahmte Webseite, wählen Sie Text oder Bilder aus und wählen Sie dann im Bedienfeld „Aktionen“ die Option „Gehe zu URL“. Wir werden feststellen, dass Dreamweaver alle verfügbaren Frames im Dialogfeld „Gehe zu URL“ anzeigt. Wählen Sie einen der Frames aus, zu dem wir verlinken möchten, und geben Sie die entsprechende URL ein. Wählen Sie dann einen anderen Frame aus und geben Sie eine andere URL ein.
4. Geben Sie der Datei keinen chinesischen Namen,
nachdem Sie der Webseite normalerweise einen repräsentativen Namen gegeben haben. Erstens können die Leute den Inhalt der Datei anhand des Dateinamens grob verstehen kann gegenseitige Aufrufe zwischen verschiedenen Hyperlinks erleichtern. Wenn Sie dies jedoch in Dreamweaver tun, werden Sie feststellen, dass Dreamweaver chinesische Dateinamen nicht sehr gut unterstützt und es häufig zu falschen Seitenaufrufen kommt. Versuchen Sie daher, in Zukunft Englisch oder Zahlen als zu verwenden B. den Dateinamen, kann dadurch das oben genannte Fehlerphänomen vermieden werden.
5. Stellen Sie die Schriftauflösung geschickt ein.
Wenn wir Webseiten erstellen, machen wir oft die Erfahrung, dass die erstellten Webseiten beim Durchsuchen auf dem lokalen Computer normal sind, beim Durchsuchen auf einem anderen Computer jedoch die ursprünglichen, schönen Webseiten werden Es ist seltsam, warum ist das so? Es stellt sich heraus, dass die Auflösung jedes Computers dafür sorgt, dass Ihre Homepage normal in unterschiedlichen Auflösungen angezeigt werden kann, was in Dreamweaver besser gelöst wurde. In der unteren rechten Ecke des Dokumentfensters zeigt Dreamweaver die Auflösungsgröße an, für die das aktuelle Dokument entworfen wurde. Wenn Sie auf die entsprechende Zahl klicken, können Sie im Popup-Menü die Anzeigeauflösung für die aktuelle Seite festlegen und Ihre Homepage durch Ändern flexibler gestalten. Damit Monitore mit unterschiedlichen Auflösungen besser darstellen können.
6. Blenden Sie Tags geschickt aus.
Wenn ein unsichtbares Element in eine Webseite eingefügt wird, fügt Dreamweaver der Seite automatisch ein entsprechendes Element-Tag hinzu, damit wir das unsichtbare Element auswählen können. Dies ist jedoch nicht immer eine gute Sache. Wenn wir beispielsweise eine Tabelle in die erste Zeile einer Seite mit vielen Ebenen einfügen, werden wir feststellen, dass die Tabelle automatisch in die erste Zeile der Seite zurückgezogen wird, weil dort zu viele Ebenenelemente vorhanden sind Die in der ersten Zeile angeordneten Tags haben zwar keinen Einfluss auf den Effekt beim Durchsuchen, behindern jedoch tatsächlich unsere Arbeit. Wenn wir also das Gefühl haben, dass eine Elementbezeichnung aufdringlich ist, blockieren wir sie 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. Solange Sie das Häkchen vor dem unnötigen Element-Tag entfernen, wird es in Zukunft garantiert nicht mehr angezeigt.
7. Nutzen Sie Drag-and-Drop-Techniken,
wenn wir Dreamweaver zum Bearbeiten von Webseiten verwenden. Wenn viele Bilder eingefügt werden müssen, ist die herkömmliche Vorgehensweise sehr umständlich Verfahren. Wir können Drag-and-Drop-Techniken verwenden, um dieses Problem sehr gut zu lösen. Zuerst wandeln wir das Operationsfenster von Dreamweaver in ein aktives Fenster um, um Platz für die Anzeige des Explorer-Fensters zu schaffen. Nachdem wir die einzufügenden Bilddateien gefunden haben, ziehen wir sie einzeln mit der Maus in den entsprechenden Teil der Webseite, und Dreamweaver wird dies tun Diese Bilder werden automatisch zum HTML-Code der Datei hinzugefügt. Natürlich muss es sich bei der gezogenen Bilddatei um eine Webbilddatei wie GIF, JPG usw. handeln. Das Gleiche gilt für Bilder, die sich bereits auf der Webseite befinden. Ziehen Sie sie einfach darüber. Befindet sich jedoch ein Hyperlink auf dem gezogenen Bild, können Sie die Ziehtechnik nicht mehr nutzen, da dann nur noch die Hyperlink-Adresse darüber gezogen wird.
8. Stellen Sie die Aktualisierungszeit automatisch ein.
Wir wissen, dass es sehr wichtig ist, eine Webseite ständig zu aktualisieren. Bei unseren persönlichen Webseiten ist es jedoch möglicherweise nicht einfach, sie jeden Tag rechtzeitig zu aktualisieren. Daher hoffen wir, dass die Webseite automatisch aktualisiert werden kann. Der Autor unten stellt einen Quellcode bereit, der die Änderungszeit automatisch aktualisieren kann. Wir müssen diesen Quellcode nur hinzufügen, um den Zweck zu erreichen Aktualisieren der Zeit:
< Script Language="JavaScript"> </script>;Die zweite besteht darin, in Dreamweaver mit der Maus auf Text/Benutzerdefinierter Stil/Bearbeiten/Stylesheet/Neu/HTML-Tag neu definieren zu klicken und dann eins davon auszuwählen Wählen Sie „Keine“ in der Dekoration aus und klicken Sie abschließend auf „OK“, und schon sind Sie fertig.
12. Text geschickt
zwischen verschiedenen Anwendungen kopieren ist etwas, was wir bei der tatsächlichen Arbeit oft tun. Wenn wir jedoch den Text im Bearbeitungsbereich von Dreamweaver in eine andere Anwendung kopieren, werden der HTML-Code und der Text zusammen kopiert. Wie können wir also nur den Text im Bearbeitungsbereich kopieren? Wir wissen, dass wir normalerweise die Tastenkombination Strg - verwenden. C zum Kopieren. Wenn wir beim Kopieren eine weitere C-Taste drücken, kopiert Dreamweaver nur den ausgewählten Text.
13.
Um die Effizienz von Vorgängen zu verbessern, können wir in Dreamweaver Tastenkombinationen verwenden, z. B. Strg-B oder Strg-I, um Text fett oder kursiv zu formatieren Folgende Tastenkombinationen zur Auswahl des Textes gelten im HTML-Format: Strg-0: Unformatiert Strg-T: Absatz Strg-1: Überschrift 1 Strg-2: Überschrift 2 Strg-3: Überschrift 3 Strg-4: Überschrift 4 Strg-5: Überschrift 5 Strg-6: Titel 6
14. Die Webseite automatisch schließen.
Wenn wir möchten, dass unsere Webseite innerhalb einer bestimmten Zeit automatisch geschlossen wird, können wir auch den folgenden Code nach dem Tag im Quellcode der Webseite hinzufügen: <script LANGUAGE ="JavaScript"> </ /script> wobei der Code „3000 in“ 3 Sekunden bedeutet, was in Millisekunden gemessen wird.
15.
Wenn wir Dreamweaver verwenden, um sehr komplexe Effekte zu erstellen, müssen wir möglicherweise wiederholt ein oder mehrere Objekte verwenden, wenn wir dies nicht tun Wenn Sie mehrere Objekte auf einer Webseite benennen, kann die wiederholte Verwendung dieser Objekte problematisch oder fehleranfällig sein. Um das Aufrufen dieser Objekte zu erleichtern, sollten wir jedes Mal, wenn wir ein neues Objekt erstellen, daran denken, ihm einen repräsentativen und leicht zu merkenden Namen zu geben. Wenn wir diese Objekte benennen, können wir dies einfach über das Bedienfeld „Eigenschaften“ des Objekts tun.
16. Fügen Sie dynamische Effekte zu Bildlinks hinzu.
Um einen realistischen Effekt zu erzielen, hoffen wir manchmal, dass es eine Bewegung gibt, wenn die Maus über einen Link bewegt wird. Dieser Effekt lässt sich ganz einfach mit Dreamweaver erzielen. Beim Entwerfen müssen wir zunächst zwei Bilder vorbereiten, das erste ist das Originalbild und das zweite ist das Bild, nachdem die Maus nach oben bewegt wurde. Klicken Sie dann mit der Maus auf das erste Bild, geben Sie die zu verknüpfende Datei in die Linkspalte im Eigenschaftenfenster ein, klicken Sie dann auf die Taste F8 auf der Tastatur, klicken Sie im Popup-Fenster „Verhalten“ auf das „+“-Zeichen und dann Wählen Sie „Bild austauschen“, wählen Sie das zweite Bild im angezeigten Fenster aus und klicken Sie abschließend auf „OK“.