Adobe Dreamweaver - Aufbau leer

Überlegene Codequalität, Webdesigners Liebling

Nach Besuch dieses Kurses erstellen Sie als Designer und Entwickler mühelos erstklassige Websites und Web-Anwendungen unter Einhaltung der Richtlinien zur Barrierefreiheit.

Dreamweaver ist einer der professionellsten und beliebtesten Webeditoren überhaupt. Das Bedienkonzept erlaubt dem Webdesigner, zeitgleich in WYSIWYG- und Quellcode-Modus zu arbeiten.

Puristen schätzen die volle HomeSite-Integration der Software und dessen Design-Umsetzung, ohne dabei einmal erstellten Quellcode zu verändern.

Der kreativen Umsetzung von kompletten Websiteprojekten sind kaum Grenzen gesetzt. Grafische Entwürfe lassen sich in den Hintergrund legen und in der grafischen Oberfläche nachbauen. Die Verlaufspalette unterstützt visuelles Arbeiten, denn sie kann viele Arbeitsschritte zurücknehmen oder diese aufzeichnen, um sie an anderer Stelle wieder zu verwenden.

Zu Beginn des Kurses findet ein ausführliches Gespräch mit den Teilnehmern über deren Interessen und Vorkenntnisse statt. Somit können Schwerpunkte gezielt gesetzt werden, wodurch es Abweichungen von der nachfolgenden Gliederung geben kann.

Inhalte

Konzeption und Planung

  • Kriterien für gute Internet-Seiten, Besonderheiten des Web-Designs
  • Vorbereitung und Planung
  • Arbeitsbereich einrichten, Bildschirmskalierung, visuelle Hilfsmittel
  • Konfiguration der Voreinstellungen, Festlegen der Vorschau-Browser
  • Überblick über die Einfügen-Palette

Produktion Struktur und Layout

  • Fortgeschrittene Grid-Layouts planen und umsetzen
  • Ziel: Trennung von Struktur - Layout - Funktion
  • XHMTL Struktur erstellen
  • Layout mittels CSS erarbeiten
  • Erzeugen von verschachtelten Div-Strukturen
  • Exakte Positionierung, Ausrichten, Anordnen, Verteilen Divs
  • Ebenenverwaltung bei Verwendung der AP Div-Technik

Produktion Fliesstext

  • Erstellen von Text, Einfügen von Sonderzeichen
  • Festlegen von Zeichen- und Absatzeigenschaften
  • Effektiver Einsatz der Cascading Stylesheet-Textformatierung
  • Unterschiede zwischen Klassen-, Tag- und erweiterten Stilen
  • Anwendung von internen und externen CSS-Definitionen

Produktion Bilder, Animation, Interaktion

  • Bilder modifizieren, Festlegen der Bildeigenschaften
  • Erstellen von Rollover-Grafiken
  • Erstellen und Modifizieren von Imagemaps
  • AJAX, Web 2.0 Scripte implementieren und anpassen
  • Hinzufügen und Konfiguration von JavaScript-Verhalten
  • Einsatz von SSI (Server-Side-Includes)
  • Interaktionen und Interaktivität
  • Goolge-Maps integrieren

Seitennavigation

  • Erstellen div. Navigationsleisten
  • Verlinkung zu Inhalten
  • Verlinkung zu anderen Seiten
  • Erstellen von Bild-, Mail- und Textlinks, Verwenden von Ankern

Formulare

  • Erstellen von komplexeren Formularen
  • Prüfung, ob alle definierten Pflichtfelder ausgefüllt wurden

SEO

  • Suchmaschinen-Eintrag: Alle wichtigen Tags für die HTML-Seite
  • Möglichkeiten der SEO (Suchmaschinen-Optimierung)

Testen, Wartung, UpLoad

  • Strategien zur Fehlersuche und Fehlerbeseitigung
  • Überprüfung auf Kompatibilität mit verschiedenen Browsern
  • Konfiguration des Remote-Server, Einrichten von Cloaking
  • Dateien auf den Web-Server übertragen

 

  • Ausbau der Site-Konzeption aus dem Basiskurs
  • Projektphasen im Detail
  • Das Layout - ScreenDesign erweitern
  • Ziel: Trennung von Struktur - Layout - Funktion
  • Fortgeschrittene Grid-Layouts planen und umsetzen
  • XHMTL und CSS
  • AJAX, Web 2.0 Scripte implementieren und anpassen
  • Einsatz von SSI (Server-Side-Includes)
  • Interaktionen und Interaktivität
  • Web-Formulare und Bestätigungsseiten
  • Zusammenspiel mit anderen MS-Office Anwendungen
  • Web-Bildformate
  • Einführung in Suchmaschinenoptimierung (SEO)
  • Möglichkeiten einer Datenbank-Anbindung
  • Daten bereitstellen und verwalten

Voraussetzungen

Kenntnisse gemäss unseres Kurses Adobe Dreamweaver - Basis.