2181eebe1bd5306d5a8088884174c8ad.ppt
- Количество слайдов: 23
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 Plug. Ins ¢
Dreamweaver. Arbeitsumgebung Site-Fenster: Explorer- und Site-Map. Oberfläche zur Verwaltung von Web. Sites, Link-Verwaltung etc. ¢ Dokumentenfenster: WYSIWYGEditor zur Erstellung und Gestaltung einzelner HTML-Dokumente ¢
Die Benutzeroberfläche Menüleiste Titelseite Objektpalette Kontextmenü Eingenschaften. Inspektor Launcher Popup-Menü für die Fenstergröße Dokumentengröße und Downloadzeit. Anzeige Mini-Launcher
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. HTMLCode, CSS-Styles, Verhalten, Site, Elemente. . . )
Site Definition
Text ¢ ¢ Text einfügen Text formatieren Schriftarten Textfarbe
Seiteneigenschaften ¢ Einrichten grundlegender Eigenschaften eines HTMLDokuments
Hyperlinks Absolute Links: Eingabe der vollständige URL Verweis auf ein externes Web z. B. http: //www. lernradio. de ¢ Relative Links: Querverweise innerhalb des eigenen Webs z. 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 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: tatjana. funk@hfm-karlsruhe. de
Browservorschau ¢ F 12
Aufrufen des HTML-Codes Im HTML-Inspektor wird der Quellcode des aktuellen Dokuments angezeigt. ¢ Im Dokumentenfenster vorgenommene Ä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 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.
Ebenen erstellen ¢ Ebenen positionieren ¢ Ebenen: Größe ändern ¢ Ebenen: Inhalte auswählen ¢
Frames erstellen ¢ Mit Frames können mehrere HTMLDokumente 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.
2181eebe1bd5306d5a8088884174c8ad.ppt