headermask image

Zeichnen von AP-Div Tags in Dreamweaver

erzeugt statische / absolute Werte
Festlegung sind bindend !
Angaben ändern
ist für Lösungen wenn das Layout “feststehen” soll
Verwaltung der AP Elemente im Bedienfeld

Reihenfolge
Sichtbarkeit abschalten
AP Element in  AP Elemente  anlegen

Spendiere mir einen Kaffee und halte mich weiter wach ! Danke für die Spende.

Verlinkungen in Webseiten mittels Dreamweaver

Webseiten werden einzeln erstellt, wodurch eine inhaltliche Trennung erfolgt.

Seiten miteinander verbinden, sodass sie aufgerufen werden können
Struktur aufzeichnen
Seite / Inhalt muß vorhanden sein
Element anlegen, was angeklickt werden kann und den neuen Inhalt im Browser lädt
<a href=”http://24find.de”>hier klicken</a>

Varianten in Dreamweaver

1. Struktur der Verlinkung - Schema
Ansicht > Dateifenster > Sitemap
grafisches Verlinken
Link im Dokument übernimmt dann Dreamweaver

2. Site Navigation [...]

Flashinhalte in Dreamweaver

Flashinhalt einfügen

Einfügen > Symbolleiste > Menü
Einfügen > Menü

Flashfilm in SWF Form

Dialogfenster > Laufwerk/Ordner > Datei auswählen
nach dem einfügen wird ein grauer Platzhalter angezeigt, der durch das Flashsymbol gekennzeichnet ist
Eigenschaftenleiste lässt verschiedene Einstellungen zu ( Schleife, Autom.Start)

Einfügen eines Flashfilmes per Bedienfeld Elemente

Bedienfeld Elemente öffnen
Kategorie Flash auswählen
Flashfilm auswählen
Einfügen

Der Unterschied zwischen Flashfilm und Flashvideo

Flashfilm arbeitet Filmorientiert. Am Ende [...]

Bilder bearbeiten in Dreamweaver

Minimale Bildbearbeitung mit Einfluss auf Original

Scharfstellen
Helligkeit+Kontrast
Neu Auflösen / Größenänderung
Beschnitt

Die obengenannten Bildbearbeitungen erfolgen direkt im Dreamweaver mit Verlust der Originaldatei durch Überschreibung.

Komprimierung ( Bild wird im externen Programm neu komprimiert)
Grafikbearbeitungsprogramm selbst ( Grafik wird zur Bearbeitung in einem externen Programm geladen)

Diese Methoden haben unter Umständen kein Qualitätsverlust. da in externen Programmen die Datei unter neuen Namen [...]

Bedienfeld Elemente in Dreamweaver

das Bedienfeld Elemente dient ausschliesslich zur Organisation und Verwaltung

Element Bilder
alle Bilder einer Seite oder eines Projekts

Element Favoriten
zusätzliches Organisationsprinzip
Ordner können neu definiert werden (Favoritenkoffer)
Bildverweis eintragen
dient zum effizenteren Arbeiten bei großen Projekten mit vielen Bildern.

Anwendung:

Elemente > Favoriten
- Koffersymbol im Bedienfeld anklicken
- Bezeichnung zuweisen
Elemente > Site
- Bild aus Liste > rechte Maustaste > zu Favoriten hinzufügen
- oder Optionsmenue [...]

Bilder in einem Webprojekt

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

Spendiere mir einen Kaffee und halte mich weiter wach ! Danke für die Spende.

Wiederverwendbarkeit von Stildefinitionen

Stil der in mehreren Dateien benutzt werden soll

Stil anlegen in externe CSS Datei
in der neuen Datei eine “Verknüpfung” zur CSS Datei oder Text > CSS Stile > Stile anfügen
im Bedienfeld CSS
Verbindung zu externer Datei oder Stil > Stylesheet anhängen

Spendiere mir einen Kaffee und halte mich weiter wach ! Danke für die Spende.

Stilregel verwalten mittels CSS

Stilregel verwalten

Anlegen einer Stilregel

Stilregel aus dem Dokument exportieren

Dokument zur Vorbereitung nutzen
Stile testen und danach exportieren
Stile im CSS Bedienfeld auswählen
Optionsmenü > CSS Stil verschieben >

Spendiere mir einen Kaffee und halte mich weiter wach ! Danke für die Spende.

Anwenden der Stile mittels CSS in Dreamweaver

Klassen = Stil muß zugewiesen werden. Erscheint im Fenster Stil unter Eigenschaften

.hinweis{}

HTML Tag = Stil wird automatisch angewendet wenn z.B. <h1> auftaucht. Erscheint nicht unter Stil bei Eigenschaften

h1{}

Erweitert

Spendiere mir einen Kaffee und halte mich weiter wach ! Danke für die Spende.

Anlegen einer neuen Stildefinition mittels CSS

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

Spendiere mir einen Kaffee und halte mich weiter wach ! Danke für die Spende.

Textformatierung in Dreamweaver

Formatierungen in HTML

<font=”” size=”” color=””>…</font>

Formatierungen in CSS

style=””
<style type=”text/css”></style>
Externe Datei

im Dreamweaver:

Eigenschaftenleiste (Formatierung in HTML und CSS Stile)
Bedienfeld CSS (Assistent/Verwalter für alle Stildefinitionen intern/extern)
Textformatierung: > Bearbeiten, Voreinstellungen, Kategorie: Allgemein -> CSS anstelle von Textformatierung in HTML

Spendiere mir einen Kaffee und halte mich weiter wach ! Danke für die Spende.

Inhalte einfügen in Dreamweaver CS3

Text im Entwurfsmodus normal schreiben:

mit Enter > Text wird autmatisch zu einem Absatz ( <p></p> )
mit Schift+Enter > Break - Umbruch (<br>)
Leerzeichen: im Standard wird nur ein Leerzeichen gesetzt

Text aus Zwischenablage einfügen:
im Entwurfsmodus

Formatierungen
Absätze
Abstände werden übernommen

in der Codeansicht

blanker Text wird eingefügt
keinerlei Formatierungen + Absätze

Spendiere mir einen Kaffee und halte mich weiter wach ! Danke für die [...]