Möglichkeiten
existierende Dateien
von anderen Editoren
Kunden oder Drittfirmen
Vorlage wird auf vorhandene Dateien angewendet und ein einheitliches Layout mit ihren jeweiligen Inhalten erstellt. Bei komplexeren Inhalten sollten einzelne editierbare Bereiche erstellt werden.
Anwendung
“Neues” Dokument öffnen (das vorhandene Dokument)
Elemente > Vorlagen (Vorlage auswählen)
Anwenden
Inkonsistente Bereiche auf Vorlagen anwenden
die nicht definierten Inhalte müssen den bearbeitbaren Bereichen zugewiesen werden.
Bestandteil auswählen
bearbeitbaren Bereich wählen
Spendiere mir [...]
<div> + Assistent
wo soll der DIV eingefügt werden
Stil anlegen ( CSS Stil Definition + Eigenschaften
DIV + Eigenschaften ins Dokument übernehmen
besteht aus Umrandung, Kopf, Menü, Inhalt, Fuß
Anordnung beachten ( von oben links beginnend)
Spendiere mir einen Kaffee und halte mich weiter wach ! Danke für die Spende.
Mengentext in Dokument einfügen
Im Dokument an Sprungstellen ( Allgemein > Namen zuweisen)
Verlinkung vornehmen
Text oder Bild zum anklicken wählen
Dateizeiger auf den Anker ziehen
Spendiere mir einen Kaffee und halte mich weiter wach ! Danke für die Spende.
gesamtes Bild (Bsp. Banner oder Logo zur Startseite)
Bild auswählen, dann wie beim Text verlinken
Standardverlinkung = Blauer Rahmen (lila/rot) abhilfe schafft Border auf 0 setzen
Tipp: Bild immer auf das ein HTML Dokument linken, nicht direkt auf das Bild, da keine weitere Navigation erscheint und keine Formatierungen oder Beschreibungen exisiteren
Bestandteile / Bereiche eines Bildes verlinken
Hotspot ( eigener [...]
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 [...]
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.
<html> = HTML Dokument ” Blatt Papier”
<head> = Seitenkopf für zusätzliche Infos “Metatags” </head>
<body> = Aufnahme des gesamten Inhaltes </body>
</html>
Spendiere mir einen Kaffee und halte mich weiter wach ! Danke für die Spende.
HTML = Hypertext Markuped Language
Beschreibungssprache für ein Dokument in Textform
keine Programmierung
beschreiben eines Dokuments
keine Funktionalität (außer Links, Formulare)
TAG = definiertes Element was im Browser angezeigt und verarbeitet wird.
<Definition Eigenschaften=”Werte”>Inhalt</Definition>
<p>Textinhalt</p>
Tags kennen die überholt sind um Alternative zu verwenden wie z.B.
<b>Fett</b> ist dasselbe wie <strong>Fett</strong>
Spendiere mir einen Kaffee und halte mich weiter wach ! Danke für die Spende.
Flächentextwerkzeug
Flächentext wird durch klicken und ziehen erzeugt. Die Zeilen brechen automatisch um. Belibige Flächen können mit dem Flächentextwerkzeug zu Textrahmen bestimmt werden. Wird zuviel Text eingegeben erscheint am unteren rechten Rand ein kleines rotes Quadrat mit einem Pluszeichen darin. Wird auf dieses Zeichen geklickt wird der überschüssige Text temporär aufgenommen und kann in einen [...]
Acrobat
Audio/Video
BWL
Digitalmedien
Downloads
Dreamweaver
Druck
EDV
Excel
Flash
Gestaltung
Illustrator
In Design
Integration
Klassenprojekt
Med.Management
Photoshop
Proj.Management
Tips & Tricks
Typografie
VWL
Wirtschaftrecht
Word
Stephan Kahmann on 
