Rheinwerk Design < openbook > Rheinwerk Design - Know-how für Kreative.
Know-how für Kreative

Inhaltsverzeichnis
1 Einleitung
2 Projektablauf für die Buchwebsite
3 Programmgrundlagen
4 Dreamweaver erweitern
5 Eine Site erstellen
6 Grundlegende Dokumenteinstellungen
7 Tabellen in Dreamweaver
8 Bilder im Web
9 Framesets
10 Aktionen
11 Die Zeitleiste
12 CSS in Dreamweaver
13 Ebenen
14 Hyperlinks
15 Vorlagen und Bibliotheken
16 Formulare
17 Quelltext de Luxe
18 Dreamweaver und Flash
19 Office-Daten einfügen
20 Dynamische Websites – eine Einführung
21 Einführung in PHP
22 Lokalen Webserver installieren
23 Dynamische Sites in Dreamweaver einrichten
24 MySQL-Grundlagen
25 Datenbanken mit Dreamweaver anbinden
26 PHP und Dreamweaver
27 Datenbanken abfragen
28 Daten einfügen und dynamische Formulare
29 Datensätze bearbeiten
30 Benutzer authentifizieren und Zugriffsrechte festlegen
31 Fortgeschrittene Techniken
32 Dreamweaver 8 und XML
33 Menüs für dynamische Verhalten
Stichwort
Ihre Meinung?

Spacer
 <<   zurück
Dreamweaver 8 von Richard Beer, Susann Gailus
Webseiten entwickeln mit HTML, CSS, XML, PHP und MySQL
Buch: Dreamweaver 8

Dreamweaver 8
mit CD
639 S., 39,90 Euro
Rheinwerk Design
ISBN 978-3-89842-739-5
gp 12 CSS in Dreamweaver
  gp 12.1 Ein wenig Theorie zum Einstieg
  gp 12.2 CSS-Voreinstellungen
  gp 12.3 Neue CSS-Werkzeuge auf einen Blick
    gp 12.3.1 Medientypen
    gp 12.3.2 Layout-Hilfsmittel
  gp 12.4 Vorgehensweise und Regeln
  gp 12.5 Arten von CSS-Stilen
    gp 12.5.1 Interne CSS-Stile
    gp 12.5.2 Externe CSS-Stile
    gp 12.5.3 CSS-Syntax
  gp 12.6 Selektor-Typen
    gp 12.6.1 Klassen-Selektoren
    gp 12.6.2 Tag-Selektoren
    gp 12.6.3 Kontext-Selektoren
    gp 12.6.4 ID-Selektoren
  gp 12.7 Erstellen und Bearbeiten von CSS–Stilen
    gp 12.7.1 Das CSS-Bedienfeld
    gp 12.7.2 Neue CSS-Regeln erstellen
    gp 12.7.3 CSS-Regeln bearbeiten
    gp 12.7.4 CSS-Regel für Texte
    gp 12.7.5 Zuweisen von CSS im Eigenschafteninspektor
    gp 12.7.6 Verknüpfen externer CSS-Dateien
    gp 12.7.7 CSS-Regeln für unterschiedliche Ausgabemedien
  gp 12.8 CSS-P-Layout ohne Tabellen
    gp 12.8.1 CSS-P für barrierefreies Webdesign
    gp 12.8.2 Das CSS-Boxmodell
    gp 12.8.3 CSS-Stile und Div-Elemente
  gp 12.9 Besondere CSS-Anwendungen
    gp 12.9.1 Browserleisten mit CSS-Stilen verändern
    gp 12.9.2 Verschiedene CSS-Stile anbieten


Rheinwerk Computing

12.3 Neue CSS-Werkzeuge auf einen Blick  downtop

Mit Dreamweaver 8 wurden einige neue Werkzeuge eingeführt, die nun im Einzelnen betrachtet werden.


Rheinwerk Computing

12.3.1 Medientypen  downtop

Neu in Dreamweaver 8 ist die Symbolleiste für unterschiedliche Medientypen. Sie können diese Symbolleiste unter Ansicht • Symbolleisten • Stilwiedergabe aktivieren und deaktivieren.

Unterschiedliche Ausgabemedien | CSS unterstützt unterschiedliche Ausgabemedien und kann jedem dieser Medientypen andere Eigenschaften zuweisen. Mit Hilfe dieser Symbolleiste können Sie die verschiedenen Anzeigeeigenschaften direkt in Dreamweaver 8 testen, ohne über das Zielgerät zu verfügen.

Abbildung 12.1 Symbolleiste Stilwiedergabe

Die Einstellung für Screen ist diejenige, die wir für die Ausgabe in einem Webbrowser benötigen. Print , also die Ausgabe auf einen Drucker, bietet die Möglichkeit, Dokumente in einem alternativen Format für den Ausdruck bereitzuhalten.

In immer stärkerem Maß werden Handy und PDA als Ausgabetyp interessant. Mit der weiteren Verbreitung von UMTS und günstigen Tarifen wird die Bedeutung dieser Zielgruppe in nächster Zeit enorm steigen.

Weitere unterstützte Medientypen sind:

  • Projektoren ,
  • Fernschreiber und
  • Fernsehgeräte .

Auf der blauen Schaltfläche ganz rechts können Sie die gesamte CSS-Darstellung vollständig abschalten, sodass Sie einen Eindruck gewinnen, wie User ohne CSS-unterstützende Geräte Ihre Website sehen.


Rheinwerk Computing

12.3.2 Layout-Hilfsmittel  toptop

Neben der Umschaltung zwischen den verschiedenen Ausgabemedientypen finden Sie die weiteren neuen Layout-Hilfsmittel für CSS in der Palette für visuelle Hilfsmittel:

  • CSS-Layout-Hintergründe
  • CSS-Layout-Boxmodell
  • CSS-Layout-Konturen

Abbildung 12.2 Ein- und Ausblenden der visuellen Hilfsmittel

CSS-Layout-Hintergründe und -Konturen | In Abbildung 12.4 auf Seite 192 sehen Sie eine reines CSS-Layout erstellt auf Grundlage einer der bei Dreamweaver enthaltenen CSS-Vorlagen.

Die farbigen Flächen sind die CSS-Layout-Hintergründe. Diese heben die einzelnen Bereiche farblich hervor, um ein genaueres Layouten zu ermöglichen. Die CSS-Layout-Konturen erkennen Sie an den gestrichelten Linien.

Abbildung 12.3 CSS-Layout-Konturen und -Hintergründe in einem reinen CSS-Layout aus einer Macromedia-Vorlage

CSS-Layout-Boxmodell | Das Boxmodell wird weiter unten in diesem Kapitel auf Seite 210 eingehend beschrieben.

Abbildung 12.4 Darstellung des CSS-Layout-Boxmodells

CSS-Hilfen im Dokumentfenster | Neu in Dreamweaver 8 ist, dass Sie sich das Layout inklusive aller Umrandungen direkt im Dokumentfenster anzeigen lassen können. Wenn Sie die Maus über das Dokumentfenster bewegen, werden Sie feststellen, dass dort, wo Sie CSS verwendet haben, eine Infobox alle CSS-relevanten Informationen einbindet. Noch schneller lassen sich Formatierungen nicht auffinden.

Abbildung 12.5 CSS-Layout-Boxmodell mit CSS-Informationen



Ihre Meinung

Wie hat Ihnen das Openbook gefallen? Wir freuen uns immer über Ihre Rückmeldung. Schreiben Sie uns gerne Ihr Feedback als E-Mail an kommunikation@rheinwerk-verlag.de.

 <<   zurück
  
  Zum Rheinwerk-Shop
Zum Rheinwerk-Shop: Adobe Dreamweaver CS3
Die Neuauflage:
Adobe Dreamweaver CS3
Jetzt bestellen


 Ihre Meinung?
Wie hat Ihnen das Openbook gefallen?
Ihre Meinung

 Buchtipps
Zum Rheinwerk-Shop: Adobe Dreamweaver CC






 Adobe
 Dreamweaver CC


Zum Rheinwerk-Shop: Adobe Dreamweaver CC Einstieg






 Adobe Dreamweaver
 CC Einstieg


Zum Rheinwerk-Shop: Responsive Webdesign






 Responsive Webdesign


Zum Rheinwerk-Shop: Suchmaschinen-Optimierung






 Suchmaschinen-
 Optimierung


Zum Rheinwerk-Shop: Schrödinger lernt HTML5, CSS3 und JavaScript






 Schrödinger lernt
 HTML5, CSS3
 und JavaScript


 Lieferung
Versandkostenfrei bestellen in Deutschland, Österreich und der Schweiz
InfoInfo




Copyright © Rheinwerk Verlag GmbH 2006
Für Ihren privaten Gebrauch dürfen Sie die Online-Version natürlich ausdrucken. Ansonsten unterliegt das Openbook denselben Bestimmungen, wie die gebundene Ausgabe: Das Werk einschließlich aller seiner Teile ist urheberrechtlich geschützt.
Alle Rechte vorbehalten einschließlich der Vervielfältigung, Übersetzung, Mikroverfilmung sowie Einspeicherung und Verarbeitung in elektronischen Systemen.


Nutzungsbestimmungen | Datenschutz | Impressum

Rheinwerk Verlag GmbH, Rheinwerkallee 4, 53227 Bonn, Tel.: 0228.42150.0, Fax 0228.42150.77, service@rheinwerk-verlag.de

Cookie-Einstellungen ändern