1. Definieren Sie die Site.
1. Erstellen Sie einen Ordner in einem beliebigen Stammverzeichnis (wir gehen hier von Laufwerk E aus), nennen Sie ihn beispielsweise MyWeb.
***Hinweis: Alle auf der Website verwendeten Dateien müssen englische Namen haben.
2. Öffnen Sie Dreamweaver und wählen Sie „Site – Neue Site“, um das Dialogfeld zu öffnen. Geben Sie den Namen der Website unter Site-Name ein (Chinesisch ist verfügbar) und wählen Sie den gerade erstellten Ordner (E:web) im lokalen Stammordner aus. Anschließend bestätigen.
***Hinweis: Wenn Sie Dreamweaver erneut öffnen, finden Sie automatisch die soeben erstellte Site. Wenn es mehrere Sites gibt, können Sie diese im Menü „Site – Site öffnen“ auswählen.
2. Erstellen Sie eine Seite.
1. Klicken Sie mit der rechten Maustaste in den leeren Bereich unter dem lokalen Ordner E:MyWeb und wählen Sie „Neue Datei“, um eine Seite zu erstellen. Der Standarddateiname lautet „untitled.htm“. htm bedeutet, dass diese Webseitendatei eine statische HTML-Datei ist. Benennen Sie es in index.htm um.
***Der Name der ersten Seite der Website lautet normalerweise index.htm oder index.html. Sie können die Namen anderer Seiten selbst wählen.
2. Doppelklicken Sie auf index.htm, um den Bearbeitungsstatus der Seite aufzurufen. Geben Sie den Namen der Webseite in das Titelfeld ein, klicken Sie mit der rechten Maustaste und wählen Sie Seiteneigenschaften, um das Fenster „Seiteneigenschaften“ zu öffnen. Hier können Sie den Titel, die Hintergrundfarbe oder das Hintergrundbild der Website sowie die Farbe des Hyperlinks festlegen (normalerweise reicht die Standardeinstellung) und alles andere als Standard beibehalten.
3. Zu diesem Zeitpunkt befindet sich der Cursor in der oberen linken Ecke und Sie können einen Satz eingeben, z. B. „Willkommen auf meiner Homepage“. Wählen Sie den Text aus, verwenden Sie das Menü „Fenster/Eigenschaften“, um das Eigenschaftenfenster zu öffnen, wählen Sie die Textgröße auf 6 aus, zentrieren Sie den Text und positionieren Sie ihn dann mit ein paar Wagenrückläufen vor dem Text in der Mitte Seite.
4. Um eine Schriftart auszuwählen, wählen Sie das letzte Element in Schriftart: Schriftartenliste bearbeiten. Wählen Sie dann im Dialogfeld das +-Zeichen aus, wählen Sie dann in der Spalte „Verfügbare Schriftarten“ eine Schriftart aus, die zur Schriftartenliste hinzugefügt werden soll, und klicken Sie auf die Schaltfläche in der Mitte, um sie hinzuzufügen.
***Die auf Webseiten am häufigsten verwendeten chinesischen Schriftzeichen sind Song-Schriftarten. Fügen Sie der Liste keine speziellen Schriftarten zur Verwendung hinzu, da andere sie nicht sehen können, wenn sie nicht auf ihren Computern installiert sind. Wenn Sie es verwenden müssen, machen Sie daraus ein Bild, bevor Sie es verwenden.
***Die Möglichkeit, Leerzeichen auf einer Webseite einzugeben, besteht darin, die Eingabemethode auf volle Breite einzustellen.
***Der Weg, Zeilen auf einer Webseite umzubrechen, ist: Umschalt+Eingabetaste. Drücken Sie einfach die Eingabetaste, um Absätze zu ändern.
3. Bilder zur Seite hinzufügen
1. Klicken Sie mit der rechten Maustaste in den leeren Bereich unter dem lokalen Ordner E:MyWeb und wählen Sie „Neuer Ordner“. Dadurch wird ein Ordner erstellt und Sie können ihn zum Einfügen von Bildern verwenden oder Bilder sind in Ordnung.
2. Öffnen Sie über das Menü „Fenster/Objekt“ das Objektfenster, klicken Sie auf „Bild einfügen“ und wählen Sie das Bild aus, das in das Dialogfeld eingefügt werden soll. Wenn ein Dialogfeld erscheint: „Möchten Sie diese Datei in den Stammordner kopieren?“, müssen Sie „Ja“ auswählen und sie dann in dem soeben erstellten Ordner speichern.
3. Wählen Sie das Bild aus und öffnen Sie das Eigenschaftenfenster, in dem Sie dem Bild einen Namen geben, die Höhe und Breite des Bildes zurücksetzen und die Punkte an den Ecken des Bildes ziehen können, um die Größe zu ändern. Halten Sie die Umschalttaste gedrückt und ziehen Sie an den Eckpunkten, um das Bild zu strecken und gleichzeitig das Seitenverhältnis beizubehalten. Um die Originalgröße wiederherzustellen, klicken Sie auf die Schaltfläche „Größe ändern“ in der unteren rechten Ecke.
4. „Link“ kann hier direkt die Adresse eingeben. „Ersetzung“ ist die Beschreibung des Bildes, also der angezeigte Text, wenn die Maus auf das Bild zeigt; „Rand“ ist die Breite des Bildrandes und „Ausrichtung“ ist die Ausrichtungsmethode.
4. Einen Hyperlink hinzufügen
1. Einen Link zum Text hinzufügen.
Geben Sie beispielsweise „Mein Artikel“ auf der Seite ein, wählen Sie ihn aus, öffnen Sie das Eigenschaftenfenster und wählen Sie im Feld „Link“ die Seite aus, zu der er verlinken möchte. Im nächsten „Ziel“-Feld verwenden wir normalerweise self, um ein neues Fenster anstelle des aktuell geöffneten Fensters zu öffnen, oder wählen Sie blank, um ein neues Fenster zu öffnen.
2. Fügen Sie einen Link zum Bild auf die gleiche Weise hinzu wie den Link zum Text oben. Fügen Sie das Bild ein und wählen Sie es dann im Linkfeld im Eigenschaftenfenster aus.
****Bilder können verschiedene Mehrfachverknüpfungen erzeugen. So geht's:
Unter dem Element „Karte“ im Eigenschaftenfenster befinden sich einige Grafiken. Klicken Sie beispielsweise auf das Quadrat, der Cursor ändert sich in ein Kreuz und zeichnen Sie eine blaue rechteckige Hotzone auf dem Bild. Zu diesem Zeitpunkt können Sie den Link festlegen Geben Sie im Eigenschaftenbereich die Adresse für diese Hotzone ein. Der Mauszeiger wird angezeigt. Ebenso können Sie durch die Einrichtung eines Hotspots mithilfe eines Kreises weitere Links für das Bild festlegen.
3. Fügen Sie einen E-Mail-Link hinzu. Wählen Sie den Text oder das Bild aus, zu dem Sie einen E-Mail-Link hinzufügen möchten, öffnen Sie das Eigenschaftenfenster und geben Sie die E-Mail-Adresse in das Feld „Link“ ein. Das Format ist wie folgt: mailto: E-Mail-Adresse. Beachten Sie, dass dazwischen keine Leerzeichen stehen.
4. Wenn der Link zu einer Datei führt, die vom Browser nicht geöffnet werden kann, z. B. EXE, Zip usw., wird die Funktion zum Herunterladen der Datei oder zur Online-Wiedergabe ausgeführt, wenn der Betrachter auf den Link klickt.
5. Verwendung von Tabellen
1. Klicken Sie auf Einfügen/Tabelle, um das Tabellenfenster für Einstellungen zu öffnen. Die Anzahl der Zeilen, Spalten, Breite, Ränder usw., „Zellenfüllung“ ist der Abstand zwischen dem Inneren der Zelle und dem Inhalt; „Zellenabstand“ ist der Abstand zwischen Zellen, die Einheit ist Pixel.
2. Klicken Sie nach dem Einfügen der Tabelle auf den Rand der Tabelle, um die gesamte Tabelle auszuwählen. Anschließend können Sie im Eigenschaftenbereich unten verschiedene Einstellungen vornehmen.
3. Bewegen Sie den Cursor auf eine der Zellen. Das jetzt angezeigte Eigenschaftenfenster ist das Eigenschaftenfenster der Zelle. Sie können auch verschiedene Operationen an Zellen durchführen. Wie Hintergrundfarbe, Hintergrundbild, Rahmen, Zusammenführen, Teilen usw.
6. Andere Operationen an Tabellen
– Prinzip der Erstellung dünner Tabellen:
1. Wählen Sie die gesamte Tabelle aus und stellen Sie deren Hintergrund auf Schwarz ein (diese Farbe ist die Farbe der Tabellenzeilen).
2. Wählen Sie alle Zellen aus und stellen Sie deren Hintergrund auf Weiß ein.
2. Tabellen automatisch formatieren 1. Erstellen Sie zunächst eine Tabelle und wählen Sie sie dann aus.
2. Wählen Sie im Menü Befehl/Tabelle formatieren. Das heißt, Sie können einige voreingestellte Tabellenstile auswählen.
Sany Pixel Divider 1. Fügen Sie eine Tabelle mit 1 Zeile und 1 Spalte, einer Breite von 200 Pixeln und einem Rahmen und Rand von 0 ein.
2. Wählen Sie die Tabelle aus, stellen Sie die Tabellenhöhe auf 1 Pixel ein und legen Sie eine Hintergrundfarbe (d. h. die gewünschte Linienfarbe) fest.
3. Wechseln Sie zum Code- und Designfenster und löschen Sie den Code.
7. Verwenden Sie Tabellen, um eine vollständige Seite zu erstellen
– den oberen Rand der Webseite (im Allgemeinen einschließlich Symbolen, Anzeigen und Navigationsmenüs).
1. Erstellen Sie eine Tabelle mit 1 Zeile und 2 Spalten, einer Breite von 760 Pixeln und einem Rahmen und Rand von 0.
2. Wählen Sie die Tabelle aus, stellen Sie die Anordnung auf zentrierte Ausrichtung und die Hintergrundfarbe auf #3366CC ein.
3. Platzieren Sie den Cursor in der linken Zelle, stellen Sie die horizontale Ausrichtung auf die linke Ausrichtung und die vertikale Ausrichtung auf die obere Ausrichtung ein und fügen Sie dann ein Bild ein. Im Allgemeinen wird hier das Website-Symbol, also das Logo, eingefügt.
4. Platzieren Sie den Cursor in der Zelle rechts, stellen Sie die Breite auf 500 ein, richten Sie die horizontale Anordnung in der Mitte und die vertikale Anordnung in der Mitte aus und fügen Sie dann ein Bild ein, normalerweise eine Webseitenanzeige, d Banner.
5. Platzieren Sie den Cursor hinter der Tabelle, die Sie gerade fertiggestellt haben, und klicken Sie auf Einfügen/Tabelle, um eine Tabelle mit 1 Zeile und 1 Spalte, einer Breite von 760 Pixeln und einem Rahmen und Rand von 0 zu erstellen.
6. Wählen Sie die gerade erstellte Tabelle aus, stellen Sie die Anordnung auf zentrierte Ausrichtung und die Hintergrundfarbe auf #005173 ein.
7. Fügen Sie mehrere Bilder nacheinander als Navigationsleistenmenüs in die Tabelle ein.
2. Der mittlere Teil der Webseite (Spaltenliste links, Website-News in der Mitte, Spaltenliste rechts)
1. Klicken Sie nach der Navigationsleistentabelle auf Einfügen/Tabelle, um eine Tabelle mit 1 Zeile und 3 Spalten, einer Breite von 760 Pixeln und einem Rahmen und Rand von 0 zu erstellen. Und stellen Sie den Anordnungsmodus auf zentrierte Ausrichtung und die Hintergrundfarbe auf #FFFFFFFF ein.
2. Platzieren Sie den Cursor in der linken Zelle, stellen Sie die Breite auf 18 % ein, richten Sie ihn horizontal zur Mitte und vertikal nach oben aus und fügen Sie dann ein Bild und eine Navigationsleiste ein.
3. Platzieren Sie den Cursor hinter dem Bild, das Sie gerade eingefügt haben, klicken Sie auf Einfügen/Tabelle und fügen Sie eine Tabelle mit 12 Zeilen und 1 Spalte und einer Breite von 90 % ein. Setzen Sie den Zellenabstand auf 1 und die Hintergrundfarbe auf #CCCCCC.
4. Platzieren Sie den Cursor in der ersten Zelle der Tabelle, stellen Sie die Höhe auf 20 und die Hintergrundfarbe auf #FFFFFF ein. Einfügen/Bild, fügt einen kleinen Punkt vor dem Navigationstext ein. Stellen Sie die anderen 11 Zellen auf ähnliche Weise ein, sodass die Spaltenklassifizierungsliste auf der linken Seite vollständig ist.
5. Platzieren Sie den Cursor in der mittleren Zelle der Haupttabelle, stellen Sie die Breite auf 66 % ein, richten Sie ihn horizontal zur Mitte und vertikal nach oben aus und fügen Sie dann /image ein, um eine Navigationsleiste einzufügen.
6. Platzieren Sie den Cursor hinter dem Bild, klicken Sie auf Einfügen/Tabelle und fügen Sie eine Tabelle mit 4 Zeilen und 1 Spalte und einer Breite von 95 % ein. Setzen Sie den Zellenabstand auf 1 und die Hintergrundfarbe auf #CCCCCC.
7. Platzieren Sie den Cursor in der ersten Zelle der Tabelle, ziehen Sie die Maus, um alle 4 Zellen auszuwählen, stellen Sie die Höhe auf 60 und die Hintergrundfarbe auf #FFFFFF ein.
8. Platzieren Sie den Cursor in der Zelle auf der rechten Seite der Haupttabelle, stellen Sie deren Breite auf 16 % ein, richten Sie ihn horizontal zur Mitte und vertikal nach oben aus, verwenden Sie Einfügen/Bild und fügen Sie eine Navigationsleiste ein.
9. Platzieren Sie den Cursor hinter dem Bild, klicken Sie auf Einfügen/Tabelle und fügen Sie eine Tabelle mit 7 Zeilen und 1 Spalte und einer Breite von 90 % ein. Legen Sie den Abstand auf 1 und die Hintergrundfarbe auf #CCCCCC fest.
10. Halten Sie die Strg-Taste gedrückt, klicken Sie mit der Maus auf die Zellen 1, 3, 5 und 7 der gerade eingefügten Tabelle und stellen Sie dann deren Höhe auf 55 und ihre Hintergrundfarbe auf #FFFFFF ein.
11. Wählen Sie die Zellen 2, 4 und 6 aus, legen Sie ihre Höhe auf 6 und ihre Hintergrundfarbe auf #FFFFFF fest.
12. Wechseln Sie zum Quellcodefenster und löschen Sie die Leerzeichen „ “ in den Zellen 2, 4 und 6.
Das Ende von drei Webseiten (im Allgemeinen einschließlich Urheberrechtsinformationen und anderen verwandten Inhalten)
1. Platzieren Sie den Cursor auf der Haupttabelle und klicken Sie auf Einfügen/Tabelle, um eine Tabelle mit 2 Zeilen und 2 Spalten, einer Breite von 760 Pixeln und einem Rahmen und Rand von 0 zu erstellen.
2. Wählen Sie die Tabelle aus, stellen Sie die Anordnung auf zentrierte Ausrichtung und die Hintergrundfarbe auf #3366CC ein.
3. Platzieren Sie den Cursor in der linken Zelle von Zeile 1 der Tabelle, stellen Sie die Breite auf 50 %, die horizontale Anordnung auf Standard, die vertikale Anordnung auf Grundlinie und die Hintergrundfarbe auf #FFFFFF ein und geben Sie dann die Copyright-Informationen ein was immer du willst.
4. Platzieren Sie den Cursor in der rechten Zelle von Zeile 1 der Tabelle, klicken Sie auf „Einfügen/Bild“, fügen Sie ein abgerundetes Bild ein, geben Sie dahinter das Wort „E-Mail“ ein und stellen Sie dessen Größe und Farbe auf 1 und #FFFFFF ein.
5. Einfügen/Formularobjekt/Textfeld, fügen Sie ein Textfeld ein, die Breite kann beliebig sein.
6. Einfügen/Bild: Fügen Sie ein GO-Bild ein.
7. Legen Sie die Seiteneigenschaften fest. Klicken Sie auf das Menü „Bearbeiten/Seiteneigenschaften“, geben Sie einen Titel in die Spalte „Titel“ ein, wählen Sie das Hintergrundbild aus und setzen Sie den oberen Rand auf 0.
*** Das Unterteilen der gesamten Webseite in verschiedene Teile und deren Kombination in verschiedenen Tabellen kann auch die Zeit verkürzen, die der Browser zum Lesen der Seite benötigt. ; Da der Browser den Inhalt anzeigt, nachdem er die gesamte Tabelle gelesen hat, ist es am besten, nicht die gesamte Tabelle einzurahmen.
8. Verwenden Sie die Layout-Tabelle, um eine vollständige Seite zu erstellen
. 1. Klicken Sie auf „Einfügen/Layout“. Die darin enthaltene Schaltfläche „Layout-Ansicht“ wechselt in den Status „Layout-Ansicht“ (die Standardeinstellung ist die Standardansicht). Sie können zum Aufrufen auch „Ansicht/Tabellenansicht/Layoutansicht“ im Menü verwenden.
2. Klicken Sie zunächst auf die Schaltfläche „Layouttabelle zeichnen“ und erstellen Sie dann eine Layouttabelle auf der Seite wie beim Zeichnen.
3. Zeichnen Sie wie im vorherigen Beispiel die große Tabelle oben, dann in der Mitte und dann unten auf der Webseite.
4. Klicken Sie erneut auf die Schaltfläche „Layoutzelle zeichnen“ und zeichnen Sie dann die Layoutzelle in der bereits gezeichneten Layouttabelle.
5. Kehren Sie zur Standardansicht zurück, fügen Sie kleine verschachtelte Tabellen in die geteilten Tabellen ein, verfeinern Sie die Seite und vervollständigen Sie das Design der gesamten Seite.
****Achten Sie darauf, die gesamte Seite in einer großen Layouttabelle unterzubringen, da die Browsing-Geschwindigkeit einer solchen Webseite sehr langsam sein wird. Mehrere Layouttabellen sollten entsprechend dem Layout und Inhalt der Seite unterteilt und anschließend in sie Layoutzellen eingefügt werden.
9. Verwendung von Ebenen
1. Klicken Sie auf Einfügen/Ebene. Sie können auch auf das Symbol klicken und die Maus ziehen, um eine Ebene zu erstellen.
3. Wählen Sie die erstellte Ebene aus und sehen Sie sich das Eigenschaftenfenster an. Verwenden Sie einfach die Standardwerte „Layer Number“ und „Label“. Die „Ebenennummer“ wird für die Programmierung benötigt, wir verwenden sie derzeit jedoch im Allgemeinen nicht. „Oben“ ist der Abstand vom oberen Rand der Seite; „Links“ ist der Abstand vom linken Rand. Die „Z-Achse“ ist die Reihenfolge der Ebenen, wobei größere Zahlen über kleineren Zahlen gestapelt sind.
****Wenn keine Farbe festgelegt ist, ist die Ebene transparent.
4. Klicken Sie auf das kleine Kästchen in der oberen linken Ecke der mittleren Ebene, um die Ebene zu verschieben. Außerdem kann die Größe angepasst werden.
5. Wenn in der Spalte „Überlauf“ der Text die Größe der Ebene überschreitet, sichtbar (der überschüssige Teil wird weiterhin angezeigt), ausgeblendet (der überschüssige Teil wird ausgeblendet), scrollen (die Bildlaufleiste wird unabhängig davon angezeigt, ob dies der Fall ist). überschritten), auto (es gibt Die Bildlaufleiste erscheint nur, wenn sie überschritten wird).
6. Klicken Sie auf das Menü „Fenster/Sonstiges/Ebene“. Das Fenster zur Ebenenverwaltung wird angezeigt. Dort können Sie den Namen und den Z-Achsenwert der Ebene ändern oder auf das Augensymbol klicken, um die Ebene sichtbar oder unsichtbar zu machen. Es besteht auch die Möglichkeit, Überlappungen zu verhindern.
7. Ausrichtung der Schichten. Halten Sie die Umschalttaste gedrückt und wählen Sie mehrere Ebenen gleichzeitig aus. Verwenden Sie dann „Ändern/Ausrichten“ und nutzen Sie die hier aufgeführten Optionen.
8. Verschachtelungsebene. ⑴Fügen Sie zunächst eine Ebene in das Dokument ein. ⑵ Platzieren Sie den Cursor innerhalb der Ebene und fügen Sie dann eine weitere Ebene ein, um eine verschachtelte Ebene zu erhalten. ⑶Die Innenseite wird als untergeordnete Ebene bezeichnet, die Außenseite als übergeordnete Ebene. Ihre Z-Achsen-Reihenfolge ist dieselbe. Wenn Sie die übergeordnete Ebene ziehen, werden auch die untergeordneten Ebenen relativ zueinander verschoben. Wenn Sie eine untergeordnete Ebene verschieben, wird die übergeordnete Ebene nicht mit verschoben.
10. Die Zeitleiste verstehen
1. Klicken Sie im Menü auf Einfügen/Ebene, um eine Ebene einzufügen.
2. Fügen Sie ein Bild in die Ebene ein, beispielsweise ein Bild eines Flugzeugs. (Das Bild hier kann auch ein kleines animiertes GIF-Bild sein)
3. Klicken Sie im Menü auf Fenster/Andere/Zeitleiste, um das Zeitleistenfenster zu öffnen.
4. Wählen Sie die auf der Seite erstellte Ebene aus, halten Sie mit der Maus das kleine Kästchensymbol in der oberen linken Ecke der Ebene gedrückt und ziehen Sie die Ebene auf das erste Bild der Zeitleiste. Zu diesem Zeitpunkt wird automatisch eine Zeitleiste mit einer Länge von 15 Bildern erstellt.
5. Wählen Sie Bild 1 auf der Zeitleiste aus und ziehen Sie die Ebene auf der Seite in die obere linke Ecke der Seite, wo die Animation beginnt.
6. Wählen Sie Bild 15 auf der Zeitleiste aus und ziehen Sie das Bild auf eine beliebige Länge, beispielsweise 30 Bilder.
7. Wählen Sie das 30. Bild aus und ziehen Sie die Ebene nach unten rechts auf der Seite. Zu diesem Zeitpunkt zeigt das Fenster die Bewegungsbahn der Ebene vom 1. Bild bis zum 30. Bild an. (Die Bewegung ist zu diesem Zeitpunkt eine gerade Linie)
8. Sie können auf den 15. Frame klicken, mit der rechten Maustaste klicken und „Keyframe hinzufügen“ auswählen. Ziehen Sie die Ebene bei ausgewähltem 15. Frame in den mittleren und unteren Teil der Seite.
9. Aktivieren Sie den Punkt „Autoplay“.
11. Erstellen Sie ein rollendes Schwarzes Brett.
1. Fügen Sie eine Ebene auf der Seite ein und legen Sie dann einen Hintergrund für die Ebene als Rahmen des Schwarzen Bretts fest.
2. Fügen Sie dann eine verschachtelte Ebene in die erstellte Ebene ein und verschieben Sie die verschachtelte Ebene unter die übergeordnete Ebene.
3. Geben Sie Text in die verschachtelte Ebene ein und zentrieren Sie ihn.
4. Öffnen Sie das Zeitleistenfenster und fügen Sie die Unterebene als Objekt zum Fenster hinzu.
5. Erstellen Sie einen Aufwärtspfad für die untergeordnete Ebene und verschieben Sie ihn über die übergeordnete Ebene.
6. Ziehen Sie den letzten Keyframe, um die Animationszeit zu verlängern, und aktivieren Sie dann „Autoplay“ und „Loop“.
7. Wählen Sie die übergeordnete Ebene aus und setzen Sie die Eigenschaft „Überlauf“ im Eigenschaftenfenster auf „versteckt“.
12. Flash-Animation auf der Seite verwenden
1. Klicken Sie unter „Einfügen“ auf die Schaltfläche „Flash“, um eine Animation in die Seite einzufügen. Sie können diesen Schritt auch über das Menü „Einfügen/Medien/Flash“ abschließen.
2. Wählen Sie die eingefügte Animation aus und sehen Sie sich das Eigenschaftenfenster an. Hier können Sie Breite und Höhe festlegen oder die Größe durch Ziehen ändern.
3. Sie können hier auf „Abspielen“ klicken, um eine Vorschau der Animation anzuzeigen.
13. Machen Sie die eingefügte Flash-Animation transparent.
1. Wenn auf der Webseite bereits ein Hintergrund vorhanden ist oder Sie eine Flash-Animation in ein Bild einfügen möchten und die Flash-Animation selbst ebenfalls eine Hintergrundfarbe hat, wirkt sich dies auf das Erscheinungsbild aus , dann müssen wir daraus eine transparente Animation machen.
2. Fügen Sie beispielsweise ein Bild auf der Seite ein.
3. Fügen Sie eine Ebene auf dem Bild ein und fügen Sie die erforderliche Flash-Animation in die Ebene ein.
4. Wählen Sie die Flash-Animation aus und klicken Sie im Eigenschaftenfenster auf die Schaltfläche „Parameter“.
5. Geben Sie „wmode“ in das linke Feld „Parameter“ ein. Geben Sie rechts im Feld „Wert“ „transparent“ ein.
14. Ton auf der Seite abspielen
1. Wenn Sie der Seite nach Abschluss der gesamten Seite Hintergrundmusik hinzufügen möchten, beachten Sie bitte, dass es sich bei der Hintergrundmusik normalerweise um eine *.midi-Datei handelt, die sehr klein und einfach herunterzuladen ist Andere Formate sind als Hintergrundmusik nicht geeignet.
2. Zusätzlich zu allen Tabellen auf der Seite (beachten Sie, dass zu diesem Zeitpunkt nur dieses Element in der Etikettenauswahlleiste unten links im Bearbeitungsfenster angezeigt wird, oder klicken Sie auf die untere linke Ecke, um sicherzustellen, dass dieses Verhalten hinzugefügt wird zur gesamten Seite). Klicken Sie im Verhaltensfenster auf die Schaltfläche „+“ (oder verwenden Sie das Menü „Fenster/Verhalten“, um das Verhaltensfenster zu öffnen.)
3. Wählen Sie „Sound abspielen“ aus dem Popup-Menü. Öffnet ein Dialogfeld.
4. Wählen Sie in diesem Dialogfeld mit „Durchsuchen“ den Sound aus, den Sie abspielen möchten, und bestätigen Sie.
5. Zu diesem Zeitpunkt zeigt das Verhaltensfeld das Ereignis automatisch als „Einladen“ und die Aktion als „Sound abspielen“ an. Klicken Sie auf diese Zeile und in der Mitte erscheint eine Schaltfläche. Klicken Sie auf die Schaltfläche, um das Ereignis festzulegen, bei dem dieser Sound abgespielt wird. Sie können „Ereignisse anzeigen“/„IE5.0“ wählen.
6. Wir verwenden üblicherweise Onload (wenn die Seite geladen wird), OnClick (mit der Maus klicken), OnMouseOver (die Maus über das Objekt bewegen), OnUnload (wenn die Seite geschlossen wird) usw.
7. Dieses Verhalten kann auch für Bilder und Textlinks eingestellt werden. Bevor Sie den Ton auf dem Textlink abspielen, fügen Sie zunächst einen leeren Link zum Text hinzu, d. h. markieren Sie den Text und geben Sie ein „#“-Symbol in das Linkfeld ein.
15. Popup-Fenster
1. Erstellen Sie zunächst eine Seite (z. B. eine.htm), die in einem kleinen Fenster angezeigt werden soll. Da das Popup-Fenster nicht zu groß sein darf, sollte der Inhalt kleiner sein.
2. Öffnen Sie eine erstellte Seite, bewegen Sie den Cursor über alle meine Tabellen auf der Seite hinaus, klicken Sie auf die Schaltfläche „+“ im Verhaltensfenster und wählen Sie „Browserfenster öffnen“ aus dem Popup-Menü.
3. Geben Sie im Dialogfenster die entsprechenden Einstellungen ein. Die anzuzeigende URL ist a.htm. Die Breite und Höhe des Fensters bestimmen Sie selbst, in Pixel. Überprüfen Sie bei Bedarf alle Parameter in den Eigenschaften.
4. Klicken Sie nach Abschluss der Einstellungen auf „OK“. Zu diesem Zeitpunkt wird das Verhalten beim Öffnen des Browserfensters im Verhaltensfenster angezeigt. Wenn dies nicht erforderlich ist, legen Sie es selbst fest.
5. Dieses Verhalten kann auch für Bilder und Textlinks eingestellt werden. .
6. Mit dieser Methode können Sie den Besucher beim Öffnen willkommen heißen, die Website ankündigen, sich beim Verlassen verabschieden usw.
16. Informationen zur Statusleiste steuern
1. Öffnen Sie die Seite und wählen Sie ein Bild aus.
2. Klicken Sie im Verhaltensfenster auf die Schaltfläche „+“ und wählen Sie Text festlegen/Statusleistentext festlegen.
3. Geben Sie in der Spalte „Nachricht“ des Dialogfelds die Wörter ein, die angezeigt werden sollen, beispielsweise eine Einleitung zu diesem Bild.
4. Sie können die Auslösebedingung des Verhaltens auf OnMouseOver (Maus bewegt sich über das Objekt) setzen, sodass beim Überfahren des Bildes mit der Maus relevante Informationen in der Statusleiste angezeigt werden.
5. Wenn diese Meldung verschwinden soll, nachdem die Maus entfernt wurde, verwenden Sie dieses Verhalten erneut, schreiben Sie nichts in die Spalte „Nachricht“ und ändern Sie dann die Auslösebedingung in „OnMouseOut (Maus entfernt).
6. Dieses Verhalten kann auch für einen Text eingestellt werden. Oder Sie können es auf der gesamten Seite festlegen.
17. Popup-Informationen
1. Öffnen Sie eine erstellte Seite und klicken Sie auf das Element in der unteren linken Ecke. Klicken Sie im Verhaltensfenster auf die Schaltfläche „+“ und wählen Sie im Popup-Menü den Eintrag „Popup-Informationen“ aus.
2. Geben Sie in der Spalte „Nachricht“ im Einstellungsfenster die Nachricht ein, die Sie anzeigen möchten.
3. Wenn die Triggerbedingung auf Onload (beim Laden der Seite) gesetzt ist, kann sie als Willkommensnachricht zum Öffnen der Seite verwendet werden. Wenn es auf „OnUnload“ (beim Schließen der Seite) eingestellt ist, kann es als Abschiedsnachricht verwendet werden, wenn der Benutzer die Seite schließt.
4. Sie können auch eine Popup-Nachricht für einen bestimmten Textabschnitt festlegen. Wenn Sie beispielsweise nicht möchten, dass andere einen Text kopieren, markieren Sie den gesamten Text. Beachten Sie, dass in der unteren linken Ecke <P> angezeigt wird, bei dem es sich um einen Absatz handelt.
5. Machen Sie es dann genauso und geben Sie in der Nachricht Hinweise wie z. B. das Urheberrecht ein. Setzen Sie einfach die Auslösebedingung auf „OnBeforeCopy“ (wird ausgelöst, wenn die rechte Taste gedrückt wird) oder „OnCopy“ (wird ausgelöst, wenn die rechte Taste zum Kopieren gedrückt wird).
18. Schaltfläche „Dynamisches Bild“
1. Bereiten Sie zwei Bilder derselben Größe vor. Die übliche Methode besteht darin, eines als Graustufenfoto und eines als Farbfoto zu verwenden. Oder eines mit konkaven Knöpfen und eines mit erhabenen Knöpfen.
2. Beispiel: Fügen Sie eine Tabelle mit 3 Zeilen und 1 Spalte ein und legen Sie die Breite auf 180 Pixel fest.
3. Platzieren Sie den Cursor in der ersten Zeile und fügen Sie ein Graustufenbild ein.
4. Geben Sie die zu verknüpfende Adresse in die Spalte „Link“ im Eigenschaftenfenster ein und fügen Sie dem Bild einen Namen hinzu, z. B. tu1.
5. Klicken Sie im Verhaltensfenster auf die Schaltfläche „+“ und wählen Sie „Bild tauschen“ aus dem Popup-Menü.
6. Zu diesem Zeitpunkt wird das auszutauschende Bild in der Spalte „Bild“ angezeigt und anschließend wird das ausgetauschte Bild in der Spalte „Temple-Originaldatei ist“ ausgewählt.
7. Unten gibt es zwei Parameter, „Bild vorladen“ und „Bild wiederherstellen, wenn die Maus weggleitet“, die beide ausgewählt werden müssen.
8. Erstellen Sie auf die gleiche Weise zwei weitere dynamische Schaltflächen.
19. Seiten mit Rahmen gestalten.
Rahmen bestehen aus zwei Hauptteilen – Rahmensätzen und einzelnen Rahmen.
1. Klicken Sie auf den eingefügten Rahmen, um die 13 definierten Rahmenstile anzuzeigen. Nehmen wir als Beispiel die Struktur oben-Mitte-unten.
2. Klicken Sie auf das Symbol der Rahmenstruktur „Oben-Mitte-Unten“. Zu diesem Zeitpunkt werden zwei Rahmen, ein oberer und ein unterer, auf der Seite eingefügt, wodurch die gesamte Seite in drei Teile unterteilt wird. Wir geben oben „upper“, in der Mitte „middle“ und unten „lower“ ein.
3. Speichern Sie es zuerst. Klicken Sie im Menü auf Datei/Alle speichern. Speichern Sie zu diesem Zeitpunkt zunächst die Frameset-Datei. Sie können den Namen selbst ändern, z. B. kuangjia.htm. Die anderen Seiten im Frameset werden dann separat gespeichert. Beim Speichern der entsprechenden Seite wird dieser Teil mit einer gepunkteten Linie umrahmt, sodass der obige Teil als shang.htm gespeichert werden kann. Der untere Teil wird als xia.htm gespeichert. Der mittlere Teil wird als zhong.htm gespeichert.
4. Bisher haben wir vier Seiten gespeichert, nämlich das Frameset sowie die oberen, mittleren und unteren Seiten, aus denen das Frameset besteht. Daher besteht dieser Frame tatsächlich aus vier Seiten, sodass die Verwendung des Frames die Browsing-Geschwindigkeit des Benutzers verlangsamt.
5. Klicken Sie auf Fenster/Andere/Rahmen, um das Rahmenfenster zu öffnen. Klicken Sie hier auf einen Rahmen, um ihn auszuwählen. Wenn ein Rahmen ausgewählt ist, erscheint eine gepunktete Linie auf dem entsprechenden Rahmen im Bearbeitungsfenster.
6. Beispiel: Wählen Sie den oberen Rahmen oben aus und die Eigenschaften des obigen Rahmens werden im Eigenschaftenfenster angezeigt. Wählen Sie außerdem den mittleren Rahmen und den unteren Rahmen aus, und Sie können deren Eigenschaften auch separat festlegen.
7. Platzieren Sie im Bearbeitungsfenster die Maus auf dem Rand zwischen den beiden Rahmen. Der Cursor ändert sich in die Form eines Auf- und Abwärtspfeils. Klicken Sie nun auf den Rand, um den gesamten Rahmensatz auszuwählen.
8. Zu diesem Zeitpunkt werden die Eigenschaften der gesamten Rahmengruppe im Eigenschaftenfenster angezeigt. Hier können Sie einstellen, ob das Rahmenset Ränder, Breite und Farbe usw. hat. Aber das Wichtigste ist, dass Sie hier im Rahmenset die Größe jedes einzelnen Rahmens einstellen können.
9. Wählen Sie den oberen Rahmen im rechten Symbol des Eigenschaftenfensters aus, stellen Sie sein Verhalten auf 80 Pixel und seinen Rand auf 0 ein.
10. Wählen Sie den Rahmen unten aus und stellen Sie die Linienhöhe auf 30 Pixel und den Rand auf 0 ein.
11. Wählen Sie den mittleren Rahmen aus, stellen Sie die Zeilenhöhe auf 1 und die Einheit auf relativ ein. (Relativ bedeutet: der Anteil der aktuellen Zeile im Verhältnis zu anderen Zeilen. Wenn Sie ihn auf 1 setzen, bedeutet dies, dass er den gesamten verbleibenden Platz des Browserfensters außer oben und unten einnimmt.
12. Beispiel: Platzieren Sie den Cursor auf topFrame, klicken Sie mit der rechten Maustaste, wählen Sie „Seiteneigenschaften“ und legen Sie die Hintergrundfarbe auf #FF6600 fest. Dann einfügen / Tabelle, fügen Sie eine Tabelle mit 1 Zeile und 2 Spalten ein und der Randrand ist 0. Stellen Sie die Breite der ersten Zelle auf 116 Pixel ein und fügen Sie dann ein Bild ein. Stellen Sie die horizontale Ausrichtung der zweiten Zelle auf die Mitte und die vertikale Ausrichtung auf den unteren Rand ein und geben Sie dann nacheinander die Wörter „Löwe“, „Steinbock“ und „Gemini“ ein.
13. Platzieren Sie den Cursor im mittleren Frame des MainFrames, klicken Sie mit der rechten Maustaste, wählen Sie „Seiteneigenschaften“ und stellen Sie die Hintergrundfarbe auf „#FFFFCC“ ein. Fügen Sie dann ein großes Bild ein.
14. Platzieren Sie den Cursor im unteren Rahmen, klicken Sie mit der rechten Maustaste und wählen Sie Seiteneigenschaften, um ein Hintergrundbild festzulegen.
15. Erstellen Sie drei zusätzliche Seiten als Seiten, auf die „Löwe“, „Steinbock“ und „Zwillinge“ verlinken sollen.
16. Wählen Sie „Leo“, stellen Sie in den Eigenschaften die Seite ein, auf die verlinkt werden soll, und wählen Sie dann bei „Ziel“ „Mainframe“ aus, d. h. der Inhalt wird im mittleren Frame angezeigt.
17. Setzen Sie auch die Links für „Steinbock“ und „Zwillinge“.
20. Sprungmenü
1. Klicken Sie im Hauptmenü auf „Einfügen/Formularobjekt/Sprungmenü“. Sie können auch das Sprungmenüsymbol in „Einfügen/Formular“ verwenden, um das Einstellungsfenster für das Sprungmenü aufzurufen.
2. Geben Sie zunächst in der Spalte „Text“ den Text „Bitte wählen Sie die entsprechende Website aus“ ein. Klicken Sie dann im Fenster auf die Schaltfläche „+“. Derzeit gibt es im Menü eine zusätzliche Option. Diese Option hat keinen Link und dient nur als Beschreibungstext für das Sprungmenü.
3. Geben Sie die gewünschte Website in die Textspalte ein, z. B. „Sina“, und geben Sie dann die Website-Linkadresse http://www.sina.com.cn in die Spalte „Bei der Auswahl gehen Sie zu URL“ ein , der Menüpunkt In der Spalte gibt es eine weitere Option, diese Option entspricht der Linkadresse eines Netzwerks.
4. Verwenden Sie die gleiche Methode, um weitere Optionen und entsprechende Links zum Menü hinzuzufügen. Sie können die Reihenfolge auch mit den Schaltflächen „Auf“ und „Ab“ anpassen.
5. Wählen Sie im Einstellungsfenster nicht die Option „Go-Schaltfläche nach Menü einfügen“. Wählen Sie den Punkt „Wählen Sie das erste Element nach dem Ändern der URL aus“, sodass nach der Verwendung des Sprungmenüs zum Aufrufen einer bestimmten Seite beim Zurückkehren zur Sprungmenüseite das Sprungmenü auf der Seite immer noch das erste Element anzeigt Standardinhalt.
6. Klicken Sie nach Abschluss der Einstellungen auf „OK“.
****Da es sich bei dem Sprungmenü um ein Formular handelt, wird tatsächlich zuerst das Formular (rot gepunkteter Bereich) und dann das Dropdown-Menü in das Formular eingefügt.
7. Wenn Sie die Optionen ändern möchten, können Sie das Dropdown-Menü auf der Seite auswählen. Klicken Sie zu diesem Zeitpunkt im Eigenschaftenfenster auf „Wert auflisten“, um verschiedene Inhalte zu ändern.
8. Wenn das Sprungmenü ausgewählt wird, erscheint das Verhalten auch im Verhaltensfenster. Doppelklicken Sie auf das Verhalten, um das Einstellungsfenster zu öffnen und es zurückzusetzen.
9. Wenn das erste Element in „Menüelemente“ ein Link anstelle einer Eingabeaufforderung wie oben erwähnt ist, wählen Sie unter „Optionen“ die Option „Los-Schaltfläche nach Menü einfügen“. Fügen Sie eine Schaltfläche „Los“ hinzu.
21. Plug-Ins verwenden (Dreamweaver-Funktionserweiterung)
1. Laden Sie zunächst die erforderlichen Plug-Ins herunter. Das Beispiel hier ist Animate Browser Window. Dies ist ein Plug-In, das die Größe des Fensters dynamisch ändert. Öffnen Sie den Dreamweaver Extension Manager und installieren Sie das heruntergeladene Plug-in.
2. Starten Sie Dreamweaver, klicken Sie auf der erstellten Seite mit der rechten Maustaste auf die untere linke Ecke <body>, klicken Sie dann im Verhaltensfenster auf die Schaltfläche „+“, wählen Sie „Browserfenster animieren“ und nehmen Sie dann die entsprechenden Einstellungen vor. Hier werden Höhe und Breite vor dem Öffnen des Fensters auf 0 gesetzt, um nach dem Öffnen den Bildschirm auszufüllen. Die Auslösebedingung ist onLoad.
22. Rollende Untertitel
1. Platzieren Sie den Cursor-Einfügepunkt an der Stelle, an der Sie rollende Untertitel einfügen möchten.
2. Klicken Sie im Einfügefeld auf die „Tag-Auswahl“.
3. Wählen Sie das Marquee-Tag aus und klicken Sie auf die Schaltfläche „Einfügen“. Schließen Sie dann den „Tag Selector“.
4. Wechseln Sie zur Codeansicht. Platzieren Sie den Cursor-Einfügepunkt zwischen den beiden Laufschrift-Tags.
5. Wählen Sie „Fenster“/„Tag-Inspektor“. Im Tag-Inspektor können verschiedene Verwendungen von Tags eingestellt werden.
6. Klicken Sie auf den Dropdown-Pfeil auf der rechten Seite des Verhaltenseinstellungselements und wählen Sie die Bewegungsmethode des scrollenden Untertitelinhalts aus. Die Bedeutung der drei Optionen ist: Abwechselnd: Der Inhalt rollt in entgegengesetzte Richtungen. Scrollen: Der Inhalt scrollt in die gleiche Richtung. Slide: Der Inhalt hört auf zu scrollen, wenn er den Untertitelrand berührt.
7. Das Richtungsattribut legt die Bildlaufrichtung des Untertitelinhalts fest. Die vier Optionen bedeuten: down: Abwärtsbewegung. Links: Nach links bewegen. Rechts: Nach rechts bewegen. Oben: Aufwärtsbewegung.
8. Das scrollamount-Attribut legt die Geschwindigkeit des Untertitel-Scrollens fest. Im Allgemeinen auf 1 eingestellt.
9. Das scrolldelay-Attribut legt die Pausenzeit in Millisekunden fest, wenn der Untertitelinhalt gescrollt wird. Wenn Sie möchten, dass das Scrollen reibungslos aussieht, sollte der Wert so klein wie möglich sein. Im Beispiel ist es auf 1 Millisekunde eingestellt.
10. Das width-Attribut legt die Breite der rollenden Untertitel fest. Dies ist beliebig, z. B. auf 300 eingestellt.
11. Das onMouseOver-Ereignis legt die Aktion fest, wenn die Maus zum Scrollen von Untertiteln bewegt wird, und wird häufig so eingestellt, dass das Scrollen angehalten wird. Das onMouseOut-Ereignis legt die Aktion fest, wenn die Maus die scrollenden Untertitel verlässt, und wird häufig so eingestellt, dass das Scrollen beginnt. Diese beiden Elemente sind nicht auswählbar und können nur manuell eingegeben werden. Geben Sie „this.stop();“ nach onMouseOver und „this.start();“ ein.
12. Das style-Attribut legt den Stil des Untertitelinhalts fest. Im Beispiel müssen Sie zum Festlegen der Untertiteltextgröße auch manuell „font:12px;“ eingeben.
13. Das Schleifenattribut legt fest, wie oft der Untertitelinhalt gescrollt wird. Der Standardwert ist unbegrenzt. „-1“ ist ebenfalls unendlich.
14. Alle Codes: Rollender Untertitelinhalt
23. CSS-Stylesheet erstellen
1. Geben Sie Text auf der Webseite ein.
2. Öffnen Sie das Bedienfeld „CSS-Stil“ oder verwenden Sie „Fenster/CSS-Stil“, um es zu öffnen.
3. Am unteren Rand des Bedienfelds befinden sich vier Schaltflächen: Stil hinzufügen, Neuer Stil, Stil bearbeiten und Stil löschen.
4. Klicken Sie auf „Neuer Stil“, um das Dialogfeld zu öffnen. Geben Sie einen Namen ein und beachten Sie, dass vor dem Namen ein Punkt steht. Nennen Sie es beispielsweise .zi (chinesische Namen sind nicht akzeptabel). Typ: Erstellen Sie einen benutzerdefinierten Stil, definiert in: Nur diesem Dokument.
5. Öffnen Sie zu diesem Zeitpunkt ein weiteres Dialogfeld, wählen Sie in der Kategorie links „Typ“ aus und stellen Sie dann rechts die Schriftart auf „Song Dynasty“, die Größe auf 14 Pixel und eine beliebige Farbe ein. Dann ok.
6. Wählen Sie den Text auf der Seite aus und klicken Sie dann im Fenster auf Style.zi. Zu diesem Zeitpunkt wird der CSS-Stil auf diesen Text angewendet.
7. Wenn Sie den soeben definierten CSS-Stil ändern möchten, können Sie darauf klicken und dann unten auf die Schaltfläche „Stil bearbeiten“ klicken.
24. Erstellen Sie ein dynamisches Link-Stylesheet.
1. Klicken Sie auf das Dialogfeld „Neuer CSS-Stil“, wählen Sie „Nur für dieses Dokument“ in der Spalte „Definiert in“ und wählen Sie „CSS-Selektor verwenden“ in der Spalte „Typ“.
2. Wenn der Stilblatttyp "CSS-Selektor verwenden" wechselt, ändert sich der Name des Dropdown-Menüs in "Selektor", und gibt an, dass der Eingabeinhalt ein CSS-Selektor ist. der dynamische Link.
A: Link - Der normale Zustand des Hyperlinks;
A: HOVER - der Zustand, wenn sich der Cursor zum Hyperlink bewegt;
3. Setzen Sie diese Zustände zuerst. (orange).
V.
5. Nächster Satz a: schweben Sie, setzen Sie es unterstrichen und setzen Sie die Farbe auf #ff6600 (orange).
6. Es ist nicht nötig, a: aktiv einzustellen, es hängt automatisch von a: schwebe ab.
7. Geben Sie einen Satz auf der Webseite ein und setzen Sie seinen Link auf "#" im Properties -Bereich. Das ist es.
**** HINWEIS: Es muss in der Reihenfolge von A: Link, A: besucht, a: schweben und a: aktiv, ansonsten wird der erwartete Effekt nicht auftreten.
Wenn wir zwei oder mehr Linkeffekte auf einer Seite benötigen, können wir die folgende Methode verwenden:
1. Klicken Sie auf die Schaltfläche "Neue Stil", wählen Sie "CSS -Selektor verwenden" für den Stiltyp, direkt A.Link2: Link in die Spalte "Selector" eingeben und dann A.Link2: Link zu rot ohne Unterstufe festlegen.
2. Definieren Sie weiterhin die folgenden zwei Stile. Geben Sie die Namen direkt ein und setzen Sie sie auf A.Link2: Besucht, ohne Untersteuerung in Lila. A.Link2: Schwebe, blau und unterstrichen.
3. Zu diesem Zeitpunkt gibt es einen benutzerdefinierten Stil mit dem Namen Link2 unter der Option "CSS -Stil".
V.
5. Die gleiche Methode kann verwendet werden, um verschiedene Linkformate auf derselben Seite zu erstellen.
**** Um einen bestimmten Stil beizubehalten, ist es nicht ratsam, auf derselben Seite zu viele Linkstile zu erstellen.
25. Externe Stilblatt
*** DeliM Style Sheet auf verschiedenen Seiten auftragen.
1. Erstellen Sie ein neues Stilblatt, geben Sie ihm einen Namen und wählen Sie dann "benutzerdefinierten Stil erstellen" für Typ und wählen Sie "neue Stilblattdatei" für die Definition.
2. Öffnen Sie nach der Bestätigung das Fenster, um das externe Stilblatt zu speichern. Speichern Sie es dann einfach auf Ihrer lokalen Website.
3. Zu diesem Zeitpunkt können Sie feststellen, dass im Fenster Stilblatt eine neue Style -Blattdatei hinzugefügt wurde und das Suffix der Datei CSS ist.
V. .
5. Wenn andere Seiten externe Style -Blätter verwenden müssen, können Sie im Fenster "Stylesheet" auf die erste Schaltfläche "Stylesheet" klicken, um das Fenster zu öffnen, und wählen Sie die externe Stilblattdatei, wählen Sie "Link" in Add AS und auswählen bestätigen.
26. Andere CSS
**** Der Hintergrund in CSS besteht darin, Texthintergrund, Tabellenhintergrund usw. festzulegen.
**** Blöcke in CSS beziehen sich auf die Festlegung des Textabstands, der Ausrichtung, des Index, des Superscripts, der Anordnung usw. des Textes.
**** Das Feld in CSS bezieht sich auf die Einstellung der leeren Entfernung zwischen Bildern und Textinhalten sowie die Methode zum Mischen von Bildern und Text.
**** Die Grenze in CSS bezieht sich auf die Verschönerung des Tischtextbereichs, der Schaltflächen usw.
**** Liste in CSS bezieht sich auf die Festlegung des Stils der Listenelemente. Das heißt, ein umrissartiger Absatz.
**** Die Positionierung in CSS bezieht sich auf die Festlegung der relativen und absoluten Positionierung von Bildern auf der Seite.
**** Erweiterung in CSS kann der Cursor auf den Cursorstil gesetzt werden, der auf Hand (Handtyp), Kreuzhaar (Kreuzungstyp), Text ("I" -Typ), Warten (Warte Typ), Standard (Standardtyp), Hilfe (Hilfstyp) und Pfeiltypen in verschiedene Richtungen.
**** Erweiterungen in CSS, die darin enthaltenen Filter, können verwendet werden, um CSS -Filtereffekte zu erzeugen, dh die Transparenz, das Glühen usw. von Bildern. Der Effekt ist jedoch nicht sehr offensichtlich.
27. Erstellen Sie ein Online -Fotoalbum
1. Installieren Sie zuerst die Software FireworksMX.
2. Verarbeiten Sie die Fotos, die Sie im Internet einsetzen müssen, sie in die gleiche Größe verarbeiten und in einen Ordner legen.
3. Klicken Sie im Menü auf Befehl/Website -Album erstellen, um das Fenster Einstellungen zu öffnen.
4. Geben Sie den Albumtitel, Untertitelinformationen und andere Informationen ein (Sie können ihn später auch ändern). "Quellbildordner", wählen Sie den Ordner aus, in dem Sie gerade das Foto gespeichert haben.
5. "Zielordner", klicken Sie auf die Schaltfläche "Durchsuchen", um das aktuelle Site -Verzeichnis auszuwählen. (Speichern Sie alle Fotos auf der Website)
6. Sie können das Element "Miniaturgröße" entsprechend Ihren Anforderungen und das Element "Dateiname anzeigen" auswählen.
7. Die "Spalte" -Zelle ist die Anzahl der in jeder Zeile angezeigten Bilder.
8. Wählen Sie im Allgemeinen "höhere Qualität" für die folgenden zwei "Formate".
9. Wählen Sie die Option "Erstellen Sie eine Navigationsseite für jedes Bild". OK.
28. Benutzerdefinierte Webseite Übergangsfunktion
**** Webseite Übergang bezieht sich auf die verschiedenen Aktualisierungseffekte, die die Seite vorstellt, wenn der Betrachter die Webseite eintritt oder verlässt, z. B. Scrollen, Jalousien usw. Die Webseite sieht dynamischer aus, aber Sie sollten auch in Maßen darauf achten, ansonsten können zu ausgefallene Änderungen den Ekel der Zuschauer leicht erregen. Schritt:
1. Öffnen Sie eine Seite, klicken Sie im Menü einfügen/Header -Tag/Meta, und das Meta -Dialogfeld wird angezeigt.
2. Wählen Sie die Option HTTP-äquivalent in der Dropdown-Liste der Eigenschaftsoptionen im Dialogfeld aus und geben Sie die Seitenbezeichnung in das Wert-Feld ein, um anzugeben, dass beim Eingeben der Webseite ein Webseitenübergangseffekt vorliegt.
3. Typ enthüllt (Dauer = 4, Übergang = 2) in der Inhaltsbox. Schwindung.
4. Nach dem Eingeben klicken Sie auf OK, um zu speichern. Wenn wir auf einen Hyperlink klicken, um diese Seite einzugeben, können wir den Effekt sehen.
Effekte
für Sie.
Box Schrumpf 0 auflösen 12
Box-ähnliche Expansion 1 schrumpfen nach links und rechts in Richtung Mitte 13
Circle schrumpft 2 und die Mitte dehnt sich nach links und rechts aus 14 aus 14
Erweitern Sie den Kreis 3 und schrumpfen Sie die Mitte 15 nach oben und unten
Löschen Sie nach oben 4 erweitern Sie die Mitte nach oben und unten 16
Löschen Sie in den Schritten 17 nach unten nach links nach links aus.
Löschen Sie 6 nach links expandieren Sie 18 nach links in Stufen
Nach rechts löschen 7 Erweitern Sie in den Schritten 19 nach rechts rechts
Vertikale Jalousien 8 leiterähnliche Ausdehnung nach oben rechts 20
Horizontale Jalousien 9 zufällige horizontale Linien 21
Horizontales Schachbrett 10 zufällige vertikale Linien 22
Vertikaler Schachbrettstil 11 zufällige 23
neunundzwanzig, Bibliotheksanwendung
**** Einige Inhalte auf der Website müssen wiederholt verwendet werden, z. kann jederzeit aufgerufen werden.
1. Öffnen Sie eine Seite und wählen Sie die Komponente aus, die gespeichert werden muss, z. B. ein Symbol.
2. Klicken Sie auf das Menüfenster/das Menüfenster/die Ressourcen, um das Ressourcenfenster zu öffnen. Wählen Sie dann die Schaltfläche des unteren Buchprobe aus, um das Bibliotheksfeld zu öffnen.
3. Klicken Sie auf die neue Schaltfläche unten, um das gerade ausgewählte Symbol in der Bibliothek zu speichern.
4. Wenn Sie den Inhalt in der Bibliothek auf einer neuen Seite anwenden möchten, öffnen Sie das Bibliotheksfeld, wählen Sie das Symbol, das Sie verwenden möchten, und klicken Sie dann unten auf "Einfügen".
30. Verwenden Sie Vorlagen, um die Website (Startseite oder eine interne Seite) schnell zu vervollständigen.
1. Planen Sie zunächst die Website, die Sie erstellen möchten, und entwerfen Sie den Inhalt jedes Links. Wie meine Website:
Die Links auf der Startseite sind: Webversion, animierte Version, bitte hinterlassen Sie eine Nachricht, kontaktieren Sie mich, wünschen Sie die Flasche. Das Klassenzimmer ... ~ Original -Kurswaren ... Heart Sea machen ein Bild des Lebens ...
Die Links in der animierten Version sind die gleichen wie in der Webversion.
Im Folgenden finden Sie Links zu verschiedenen Artikeln oder Kurswarenseiten. Zum Beispiel "Suche nach Wahrheit im Klassenzimmer" -Links zu einer Seite voller Unterrichtsplan -Titel und dann von jedem Titels "Lektionsplan" Links zu der Seite, auf der der Unterrichtsplan platziert wird. Das Gleiche gilt auch für andere.
2. Laden Sie die Webseitenvorlage herunter, die für Ihre eigene Planung und Favoriten besser geeignet ist. Andere ist, dass es normalerweise ein Ordner namens Bilder ist, wie wir den Ort nennen, an dem Bilder platziert werden.
3. Definieren Sie die Site und kopieren Sie diese beiden Dateien (Ordner) in den Site -Ordner.
4. Doppelklicken Sie auf die Datei index.htm, um den Bearbeitungsstatus der Startseite einzugeben. Sie können die Seite dann so ändern, dass Sie Ihren Anforderungen entsprechen. Dadurch wird die Homepage abgeschlossen.
31. Speichern Sie vorhandene Webseiten als Vorlagen
**** verwendet, wenn eine große Anzahl von wiederkehrenden Seiten auf einer Website vorhanden ist. (Definieren Sie die Site unbedingt, bevor Sie eine neue Vorlage erstellen und sie verwenden.)
1. Wählen Sie eine Seite aus und klicken Sie auf Datei/Speichern als Vorlage, um die aktuelle Seite als Vorlage zu speichern. Das Fenster "Vorlage speichern" wird geöffnet, der Vorlage einen Namen geben und dann speichern.
2. Zu diesem Zeitpunkt können Sie feststellen, dass ein Ordner mit dem Namen Templates automatisch auf der Website erstellt wird und die von uns gespeicherten Vorlagen in diesem Verzeichnis gespeichert sind. Seine Erweiterung ist .dwt
3. Diese Vorlage kann nicht geändert werden, während sie derzeit verwendet wird. Sie müssen also den bearbeitbaren Bereich der Vorlage festlegen.
4. Auf der aktuellen Vorlagenseite müssen Sie beispielsweise den mittleren Teil der Seite bearbeitbar machen, damit Sie ihn bei der Verwendung der Vorlage inhalt hinzufügen können. Wählen Sie die Tabellenzelle in der Mitte der Seite aus (halten Sie die Strg -Taste gedrückt und klicken Sie in die Zelle) und klicken Sie im Hauptmenü ein Einfügen/Template -Objekt/bearbeitbarer Bereich. Ein Dialogfeld wird geöffnet, in dem Sie der Vorlage einen Namen geben und auf OK klicken können.
5. Der zu diesem Zeitpunkt definierte bearbeitbare Bereich wird von einer hellblauen Linie umrahmt, und es gibt den Namen des Bereichs in der oberen linken Ecke. Speichern und schließen Sie die Vorlagendatei.
6. Klicken Sie im Hauptmenü auf Datei/neu und klicken Sie in der Option "Vorlage" oben im neuen Seitenfenster.
7. Zu diesem Zeitpunkt sind die aktuell definierten Sites in der Spalte "Vorlage" aufgeführt und die Vorlagendateien der Site werden in der mittleren Spalte des Fensters angezeigt. Wählen Sie eine Vorlage aus und Sie können sie in der Spalte "Vorschau" in der Vorschau einholen. Klicken Sie dann auf die Schaltfläche "Erstellen", um eine neue Seite zu erstellen.
8. In der neuen Seite, die erscheint, bis auf den bearbeitbaren Bereich, können andere Teile nicht geändert werden.
32. Laden Sie Ihre eigene Website hoch
. Derzeit gibt es keinen freien Speicherplatz.
2. Nach dem Klicken auf Bewerbung wird ein Formular angefordert, das die Registrierung angefordert hat, die im Allgemeinen Benutzername, Passwort, E -Mail, Kontaktnummer, Provinz, Name der Homepage, Kategorie der Homepage, Einführung in die Homepage usw. enthält.
3. Nachdem Sie alles ausgefüllt haben, erhalten Sie die folgenden Elemente: ① Benutzername (gerade ausgefüllt) ② Passwort (gerade ausgefüllt) ③ FTP -Upload -Adresse ④ Homepaged -Adresse (manchmal werden die obigen Elemente an die ausgefüllte E -Mail -Adresse gesendet)
4. Laden Sie die FTP -Upload -Software herunter und installieren Sie Cuteftp (Kunshan Fenster/Software kann kostenlos heruntergeladen werden).
5. Öffnen Sie die Cuteftp -Software und klicken Sie im Hauptmenü auf Datei-/Site -Manager.
6. Füllen Sie die FTP -Upload -Adresse, den Benutzernamen der FTP -Site und das FTP -Site -Kennwort im geöffneten Dialogfeld ein und klicken Sie dann auf Verbindung her, um eine Verbindung zum Site -Server herzustellen. (Es wird automatisch eine Verbindung hergestellt, wenn Sie es zum zweiten Mal öffnen. Sie müssen es nicht wieder ausfüllen.)
7. Nach Abschluss der Verbindung wird ein Bild auf der Seite angezeigt. ) zur rechten nacheinander, und der Upload ist abgeschlossen.
33. Wie Sie Ihre Website bewerben können,
wie können andere die Adresse mit zwei Methoden wissen:
1. Verwenden Sie eine spezielle Software, um Ihre Website in wichtigen Suchmaschinen zu protokollieren.
2. Handbuch Anmeldung. Öffnen Sie beispielsweise Baidu ( www.baidu.com ), und nach dem Klicken finden Sie einen Link "Website -Login". In Baidus Suchmaschine enthalten, damit andere auf Ihre Website gesucht werden können. Gleiches gilt für die Anmeldung bei anderen Websites.