Upload
lilo-kennebeck
View
108
Download
2
Embed Size (px)
Citation preview
Dreamweaver
Tatjana Funk
Gebrauchtwagenkauf
DW ist ein visueller Editor DW ist ein WYSIWYG Editor (What
you see is what you get.
Was für Dreamweaver spricht:
Eine übersichtliche Benutzerführung Ein sauber generierte und
browserunabhängiger HTML-Code Übersichtlich strukturierte Hilfen Verfügbarkeit von PlugIns
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
Eingenschaften-Inspektor
Launcher
Objektpalette
Kontextmenü
Popup-Menü für die Fenstergröße
Dokumentengröße und Downloadzeit-Anzeige
Mini-Launcher
TitelseiteMenüleiste
Die Benutzeroberfläche
Objektpalette
Schnelles Erstellen und Einfügen der meistgenutzten Objekttypen (Bilder, Tabellen, Ebenen, e-mail-Verknüpfung etc.)
Die Objektpalette umfasst sechs verschiedene Tafeln (Allgemein, Formulare, Head, Frames, Unsichtbare Elemente, Zeichen
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.
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...)
Site Definition
Text
Text einfügen Text formatieren Schriftarten Textfarbe
Seiteneigenschaften
Einrichten grundlegender Eigenschaften eines HTML-Dokuments
Hyperlinks
Absolute Links: Eingabe der vollständige URLVerweis auf ein externes Webz.B. http://www.lernradio.de
Relative Links:Querverweise innerhalb des eigenen Websz.B. ../museum/story.html
Verknüpfen von Links
1. Möglichkeit 2. Möglichkeit
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.
E-Mail Link
mailto: [email protected]
Browservorschau
F12
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.
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.
Tabellen erstellen
Breite der Tabelle (absolut = Wert in Pixelnrelativ = Wert in %, d.h. relativ zur Fenstergröße
Rahmen der TabelleAchtung: 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.
Ebenen
Ebenen erstellen Ebenen positionieren Ebenen: Größe ändern Ebenen: Inhalte auswählen
Frames erstellen
Mit Frames können mehrere HTML-Dokumente im Browser angezeigt werden.
Frame Eigenschaften
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.