Die Präsentation wird geladen. Bitte warten

Die Präsentation wird geladen. Bitte warten

Dreamweaver Tatjana Funk. Gebrauchtwagenkauf DW ist ein visueller Editor DW ist ein WYSIWYG Editor (What you see is what you get.

Ähnliche Präsentationen


Präsentation zum Thema: "Dreamweaver Tatjana Funk. Gebrauchtwagenkauf DW ist ein visueller Editor DW ist ein WYSIWYG Editor (What you see is what you get."—  Präsentation transkript:

1 Dreamweaver Tatjana Funk

2 Gebrauchtwagenkauf DW ist ein visueller Editor DW ist ein WYSIWYG Editor (What you see is what you get.

3 Was für Dreamweaver spricht: Eine übersichtliche Benutzerführung Ein sauber generierte und browserunabhängiger HTML-Code Übersichtlich strukturierte Hilfen Verfügbarkeit von PlugIns

4 Dreamweaver- Arbeitsumgebung Site-Fenster: Explorer- und Site-Map- Oberfläche zur Verwaltung von Web- Sites, Link-Verwaltung etc. Dokumentenfenster: WYSIWYG- Editor zur Erstellung und Gestaltung einzelner HTML-Dokumente

5 Eingenschaften- Inspektor Launcher Objektpalette Kontextmenü Popup-Menü für die Fenstergröße Dokumentengröße und Downloadzeit- Anzeige Mini-Launcher TitelseiteMenüleiste Die Benutzeroberfläche

6 Objektpalette Schnelles Erstellen und Einfügen der meistgenutzten Objekttypen (Bilder, Tabellen, Ebenen, - Verknüpfung etc.) Die Objektpalette umfasst sechs verschiedene Tafeln (Allgemein, Formulare, Head, Frames, Unsichtbare Elemente, Zeichen

7 Eigenschaften-Inspector Anzeigen und Bearbeiten der Eigenschaften des ausgewählten Objekts. Durch Aufruf des Fragezeichens erhält man kontextsensitive Information zum markierten Objekt. Der Eigenschaften-Inspektor bietet in einem kleine Fenster Grundfunktionen an. Man erhält den Erweiterten Eigenschaften- Inspector durch Anklicken des Erweiterungspfeils rechts unten.

8 Launcher / Mini-Launcher Schnelles Öffnet und Schließen der am häufigsten verwendeten Inspectoren und Paletten (z.B. HTML-Code, CSS-Styles, Verhalten, Site, Elemente...)

9 Site Definition

10 Text Text einfügen Text formatieren Schriftarten Textfarbe

11 Seiteneigenschaften Einrichten grundlegender Eigenschaften eines HTML- Dokuments

12 Hyperlinks Absolute Links: Eingabe der vollständige URL Verweis auf ein externes Web z.B. Relative Links: Querverweise innerhalb des eigenen Webs z.B.../museum/story.html

13 Verknüpfen von Links 1. Möglichkeit2. Möglichkeit

14 Zielframes _blanc öffnet das verknüpfte Dokument in einem neuen Browser-Fenster. Das aktuelle Fenster bleibt dabei verfügbar. _parent öffnet das verknüpfte Dokument im übergeordneten Frameset des Hyperlinks _self öffnet das verknüpfte Dokument im aktuellen Frame. Dabei wird der derzeitige Inhalt des Frames ersetzt. _top öffnet das verknüpfte Dokument im äußersten Frameset des aktuellen Dokuments. Dabei werden alle Frames ersetzt.

15 Link mailto:

16 Browservorschau F12

17 Aufrufen des HTML-Codes Im HTML-Inspektor wird der Quellcode des aktuellen Dokuments angezeigt. Im Dokumentenfenster vorge- nommene Änderungen werden sofort im HTML-Quellcode angezeigt, eine gute Lernhilfe zum Erlernen von HTML.

18 Bild einfügen EINFÜGEN / BILD Objektpaltette (Allgemein): BILD EINFÜGEN Ein Bild direkt per Drag and Drop aus Ihrer Verzeichnisstruktur (z.B. mit dem Explorer) an die gewünschte Stelle ziehen.

19 Tabellen erstellen Breite der Tabelle (absolut = Wert in Pixeln relativ = Wert in %, d.h. relativ zur Fenstergröße Rahmen der Tabelle Achtung: für unsichtbare, rahmenlose Tabelle Wert 0 (Pixel) eingeben. Zellauffüllung: Abstand (in Pixel) des Zellinhalts vom Rand der Zellen Zellraum: Abstand (in Pixel) der einzelnen Zellen zueinander.

20 Ebenen Ebenen erstellen Ebenen positionieren Ebenen: Größe ändern Ebenen: Inhalte auswählen

21 Frames erstellen Mit Frames können mehrere HTML- Dokumente im Browser angezeigt werden.

22 Frame Eigenschaften

23 Erstellen von Sprungmenüs Ein Sprungmenü ist ein Menü innerhalb eines Dokuments, in dem Besucher Ihrer Website auf Hyperlinks zu Dokumenten oder Dateien klicken können.


Herunterladen ppt "Dreamweaver Tatjana Funk. Gebrauchtwagenkauf DW ist ein visueller Editor DW ist ein WYSIWYG Editor (What you see is what you get."

Ähnliche Präsentationen


Google-Anzeigen