Adobe Dreamweaver

In diesem Seminar werden die grundlegenden Techniken und Funktionen vermittelt, um Adobe Dreamweaver professionell einsetzen zu können. Die Teilnehmer lernen Webseiten zu erstellen und diese an die jeweiligen Bedürfnisse anzupassen.

Mitarbeiter aus Marketing und DTP, Webdesigner, Anwender

Betriebssystemkenntnisse, Grundlagenkenntnisse eines Zeichenprogramms wäre von Vorteil

• Einführung
• Webseitenplanung und -layout
  • Sitemap-Webseitenplanung
  • Wireframes-Webseitengrundaufbau
• Die Benutzeroberfläche
  • Der Begrüßungsbildschirm
  • Der Anwenderbereich und das Dokumentenfenster
  • Die Einfügen Palette
  • Die CSS Designer Palette
• Texte
  • Texte importieren
  • Standardschriftarten
  • Schriftauszeichnung
  • Adobe Edge Web Fonts
  • Google Web Fonts
  • Webfonts einbetten
  • Maßeinheiten, Schriftgrößen
  • Typographie mit CSS
  • Rechtschreibprüfung
• Arbeiten mit Tabellen
  • Tabellenstruktur und -Eigenschaften
  • Tabellenlayout über CSS
  • Tabellendaten importieren
• Verwenden von Bildern
  • Dateiformate
  • Verwalten von Bildern
• CSS3-Eigenschaften
  • CSS3 Browser Unterstützung
  • CSS3 abgerundete Kanten
  • CSS3 Schlagschatten
  • CSS3 Text mit Schatten
  • CSS3 Transparenzen
  • CSS3 Verlauf
  • CSS3 Import aus Photoshop
  • CSS3 Übergänge
• Formulare
  • Struktur von Formularen
  • Anlegen eines Formulars
  • Textfelder und Textbereiche
  • Kontrollkästchen und Optionsschalter
  • Schaltflächen
  • Formularlayout per CSS
• JavaScript & jQuery
  • Was ist JavaScript?
  • JavaScript Verhalten
  • Was ist jQuery?
  • jQuery Effekte
  • Die Codefragmente Palette
  • Die Elemente Palette
  • Die DOM Palette
  • der Eigenschafteninspektor
  • Arbeitsbereiche verwalten
  • Ansichten und visuelle Hilfsmittel
• Dokumente anlegen und Site Verwaltung
  • Dreamweaver – Site Verwaltung
  • Websites verwalten
  • Cloud Sync
  • Dateien und Ordner verwalten
  • Dateinamen verwenden
  • Unterschied Dokumentennamen und Dokumententitel
• Dokumente erstellen
  • Neues Dokument anlegen
  • Voreinstellung für neues Dokument
  • Dokumententyp
  • HTM-5-Tags
  • HTML5 Strukturierung und Semantik
• CSS
  • CSS im Eigenschafteninspektor
  • CSS-Code-Navigator
  • CSS-Voreinstellung
  • CSS-Selektoren
  • Tag-Selektoren
  • Klassenselektoren
  • ID-Selektoren
  • Pseudoklassenselektoren
  • Gruppenselektoren
  • CSS Inline Styles
  • CSS Kurzschrift
  • Hex- und RGB(A) Farben
  • Absätze, Abstände und Einzüge formatieren
  • Sonderzeichen
  • Bilder in der Website platzieren
  • Bildeigenschaften verändern
  • Bilder über CSS anpassen
  • Standardeditor für Bilder wählen
  • Photoshop Integration
  • Hintergrundbilder mit CSS
• Verlinkungen
  • Hyperlink-Grundlagen
  • Hyperlinks erzeugen
  • Dateien verlinken
  • Bild verlinken
  • Hotspots-Imagemaps
  • Erzeugen von Ankern
  • Anker auf externe Seiten
  • E-Mail Link
  • CSS-Rollover-Navigation mit Hintergrundbild
• CSS-Layouts
  • CSS-Layout-Strukturierung
  • Das CSS-Box-Modell
  • Floating verwenden und aufheben
  • Relative Positionierung
  • Fixe Positionierung
  • CSS-Overflow
  • CSS-Überprüfen-Funktion
  • CSS-Layout-Vorlagen
• CSS-Layout für mobile Endgeräte
  • Was bedeutet Responsive Webdesign?
  • Medienabfragen verwenden
  • CSS anpassen
  • Fließendes Rasterlayout
  • Bootstrap-Startvorlagen
  • Vorschau für mobile Endgeräte
  • jQuery UI Widgets
• Multimedia einbinden
  • HTML5 Videos einfügen
  • Flash-Video-Fallback
  • HTML5 Audio einfügen
  • Flash-Animationen einbetten
  • Adobe Edge Animate einbetten
• Finalisierung
  • Website testen
  • Verschiedene Browser testen
  • Adobe Edge Inspect
  • W3C-Validator
  • Hyperlink-Prüfer
  • Site-Bericht
  • Website bereitstellen
  • FTP-Serververbindung herstellen
  • Synchronisierung
• Hilfreiche Tipps und Tricks