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.
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 [...]
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 [...]
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 [...]
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 [...]
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.
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
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.
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 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.
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.
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 [...]