How to Make einen Banner auf Dreamweaver

In Web-Design hat der Begriff "Banner" einige Bedeutungen. Es steht ein Menü oder Navigation Bar, die den oberen Rand der Seite, ein Bild umfasst, die sich oben auf der Seite, eine Kombination aus einem Bild und ein Menü oder ein Werbebanner erstreckt. Banner-Anzeigen und Banner können im allgemeinen bestehen aus einer statischen Grafik, eine Flash-Animation oder rotierenden Banner, in denen mehrere Banner in Folge, eine nach der anderen anzeigen. Dreamweaver haben keine Grafik oder Animation-Tools. Die meisten Designer erstellen Sie ihre Banner-Inhalte in einem Grafik-Editor, z. B. Photoshop oder einem Animationsprogramm wie Adobe Flash. Sie können jedoch cascading Stylesheet oder CSS, Container und Hintergrund für das Banner in Dreamweaver erstellen und importieren Sie dann den Banner-Inhalt in den Container.

Anweisungen

1 Erstellen Sie den Banner-Inhalt, z. B. ein Flash-Film oder Photoshop-Bild, oder finden Sie einen Banner im Internet zu. Sie haben viele Optionen zum Erstellen oder Banner Content-Suche. Sie können, z. B. ein Foto in Photoshop und Ernte zu öffnen und auf die gewünschte Größe der Größe, oder Sie können für "Banner" suchen im Web, die Hunderte von freien Banner in vielen Formaten, wie Grafiken, Banner, Flash-Banner und rotierende Banner bringt.

Wenn Sie Photoshop oder einer anderen Grafik-Editor nicht haben, können Sie bearbeiten und ändern Sie die Größe Ihrer Banner-Bild in Windows Live Fotogalerie: Navigieren Sie zu dem Bild im Windows-Explorer, Maustaste darauf, wählen Sie "Bearbeiten mit" aus dem Popupmenü und wählen Sie dann Windows Live Fotogalerie aus dem nächsten Popupmenü.

Daraufhin wird das Bild in Windows Live Fotogalerie. Klicken Sie auf die Registerkarte "Bearbeiten" am oberen Rand der Anwendung Fenster. Windows Live Photo Gallery zeigt mehrere Optionen für die Bearbeitung des Bilds, einschließlich einer Crop-Tool und mehrere Touch-Up-Tools. Um das Bild zu ändern, klicken Sie auf "Eigenschaften" und wählen Sie "Zoom", um das Dialogfeld "Resize" zu öffnen. Sie können wählen Sie eine Größe wählen Sie eine Größe Drop-Down-Menü oder geben Sie die gewünschte Breite im Feld Maximale Dimensionen. Die Höhe wird automatisch angepasst.

2 Klicken Sie auf die Schaltfläche "Größe ändern und speichern".

3 Eine neue Seite in Dreamweaver starten: Klicken Sie auf das Menü "Datei" und wählen Sie "Neu", um das Dialogfeld Neues Dokument öffnen. Wählen Sie "HTML" Seite in der Liste, und wählen Sie dann "1 Spalte behoben, zentriert, Kopf- und Fußzeile" aus der Liste Layout. Dieses Layout wird eine Layout mit einem Header-Container für Ihr Banner erstellt.

4 Klicken Sie auf "Layout-CSS" Drop-Down-Menü, und wählen Sie "Hinzufügen zum Kopf." Dies fügt den CSS-Layout-Code am Anfang der HTML-Seite, so dass es leicht zu bearbeiten.

5 Klicken Sie auf "OK". Dreamweaver erstellt eine Seite mit einem grünen Header-Container auf der Oberseite und ein Banner-Platzhalter auf der linken Seite des Containers.

6 Klicken Sie im Menü "Datei" und wählen "Speichern unter". Benennen und Speichern der HTML-Datei.

7 Markieren Sie und löschen Sie den Banner-Platzhalter.

8 Klicken Sie auf das Menü "Einfügen" und wählen Sie "Bild". Dies öffnet das Dialogfeld Bildquelle auswählen. Einen Flash-Banner einfügen, klicken Sie auf "Einfügen", wählen "Medien", und wählen Sie dann aus dem Dropdown-Menü "SWF". Dies öffnet das Dialogfeld Wählen Sie SWF.

9 Wählen Sie die Banner-Datei, markieren Sie es und wählen Sie dann "OK". Dies öffnet das Dialogfeld Eingabehilfen-Attribute für Tag.

10 Geben Sie einen Titel für das Banner im Feld Alternativtext und klicken Sie auf "OK". Dreamweaver fügt Ihrer Banner-Inhalte in den Header-Container.

Tipps & Warnungen

• Um die Farbe der Header-Container vor dem Einfügen der Inhaltsdatei Banner zu ändern klicken Sie in der Header-Container den Cursor einfügen, und klicken Sie auf "Regel bearbeiten" im Bedienfeld "Eigenschaften". Dies öffnet das Dialogfeld CSS-Regel-Definition. Klicken Sie auf das Farbfeld für "Background-Color" Flyout wählen Sie "Hintergrund" in der Liste Kategorie und wählen Sie dann die gewünschte Farbe. Sie können auch Hinzufügen eines Rahmens zu den Header-Container und ihn mit der Border-Option im Dialogfeld CSS-Regel-Definition anpassen.
• Wenn Sie die HTML-Seite auf einen Webserver hochladen, auch Hochladen der Datei mit dem Banner. Andernfalls wird das Banner nicht angezeigt.