Grafik Quellen unterschiedlich:
CD/DVD
Internet
Kamera/Festplatte/Stick
Im Bedienfeld Dateien in Dreamweaver
Ordnung herstellen
Ordner anlegen
Dateien verschieben
für Organisation der Bilder in Dreamweaver
für die Site wird ein Standardbilderordner zugewiesen
Bilder und Grafiken vorbereiten
Größe: width/height – die spätere Anzeigegröße lässt Größenanpassung zu, aber Qualitätsverlust
gesamte Bild wird übertragen (Ladezeit/Traffic)
Thumbnail / großes Foto / Druckversion
Farbraum RGB – (für Web speichern)
Auflösung 72dpi / 96dpi
Dateien: zur Dateiverwaltung
aktuelle Site (Projekt)
Laufwerk
Existierende Speicherformen ihrer Projekte
– lokale Ansicht
– Remote (Webserver)
– Testserver (Lokal für PHP)
– Site-Map (grafische Hierarchie)
Vollbilddarstellung des Dateifensters für FTP
Umkehr (kleines Dateifenster)
unterschiedliche CSS Dateien anlegen
Datei mit Inhalt festlegen
Strukturierung vornehmen
Inhaltsdatei mit CSS Datei verknüpfen
<link href=”datei.css” … medium=”screen”>
Ansicht > Symbolleisten > Stilwiedergabe
auf der Symbolleiste das entsprechende Gerät auswählen
Webbrowser – browser.css
Handy – handy.css (z.B kleinere Schrift)
Drucker – print.css (z.B schwarze Schrift)
Lesegerät/Brail – brail.css (z.B ohne formatierung)
Anlegen einer neuen Stildefinition mittels CSS in Dreamweaver
Neue CSS Regel – Symbol anklicken
im Bedienfeld > Optionsmenü > Neu…
Menüleiste > Text > CSS Stile > Neu >
Assistenten für Stilregeleigenschaften
Typen der Regel (Klassen, HTML-Tag, ID, #, Selector, Pseudoklasse)
Speicherort der Stile
CSS Stildefinition festlegen
“Blind” = Eigenschaften zuweisen, auswählen
nach dem festlegen der Definition
wird sie anwendbar, im Dokument zuweisen
Eigenschaftenleiste, oder automatisch
Änderungen möglich
Assistenten
im Bedienfeld CSS
Anzeige im Entwurf wie HTML Text
Stil wird angelegt: innerhalb des Textes
<span class=”stil1″>Text</span>
<head><style type=”text/css”> .stil1{format} </head>
Eigenschaftsleiste: stil umbenennen
gegebenfalls Stil wiederverwenden!