Adobe Dreamweaver CC – Entwickler-Schulung

Offene Schulungen in Nürnberg und Inhouse-Trainings & Kurse auch in München und Reutlingen.

HTML5, CSS3, jQuery, Web-Apps im liquid / responsive Design.
Adobe Dreamweaver CC  – Entwickler-Schulung

»Termine frei nach Vereinbarung…

Adobe Dreamweaver CC ist das „WebDesign Authoring Tool“ der ersten Wahl für die Entwicklung einzigartiger Websites und der Erstellung dynamischer Websites.

Mittels der modernen „Responsive WebDesign“-Funktionalitäten wird eine Geräte-übergreifende Darstellungsentwicklung (Desktop-PC, Tablet-PC´s und Smartphones) mühelos möglich.

HTML5 - ProgrammierungDie innovative Oberfläche von Dreamweaver unterstützt die einfache Einbindung leistungsstarker Programmierwerkzeuge, sowie der aktuellen Programmiersprachen HTML5, CSS3 und dem beliebten Javascript-Framework ‚jQuery Mobile‘.

Schulungsziel:

Die Teilnehmer/innen erlernen alle wichtigen Funktionalitäten zur Erstellung einer modernen Website.  Sie entwickeln gemeinsam mit dem Trainer eine moderne Webpräsenz und erstellen eine diese für verschiedene Endgeräte.

Zielgruppe:

  • Grafiker
  • allg. Anwender & Einsteiger
  • Web-Designer

Empfohlene Voraussetzungen:

  • sicheres Arbeiten unter Windows oder Mac OSX
  • solides Internet Knowhow
  • Vorkenntnisse in HTML, CSS und Javascript

Inklusiv-Leistungen:

  • Scnacks, Unterlagen, Übungsdatenindiv. eingerichteter PC/MAC für jeden Teilnehmer
  • Verpflegung (Frühstück-Snacks, warme und kalte Pausengetränke, sowie das Mittagessen)
  • Teilnahme-Zertifikat
  • Kursunterlagen (PDF) & Übungen. Weiterführende Nachschlagewerke können gesondert bestellt werden

Dauer:

3 Tage á 8 Unterrichtsstunden.(1)
(9:30 Uhr bis ca. 16:30 Uhr)

 
Mobile APPs
 iPad Website-Entwicklung

 

Schulungsinhalte – Tag 1:

  • Einführung
    • Was ist ein WYSIWYG-Editor?
    • Überblick über Dreamweaver CC
    • Was kann Dreamweaver CC?
  • 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
    • 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
    • Standardbrowser definieren
  • Dokumente erstellen
    • Neues Dokument anlegen
    • Voreinstellungen für neues Dokument
    • Dokumententyp (DOCTYPE)
    • HTM-5-Tags
    • HTML5 – Strukturierung & Semantik
  • Cascading Style Sheets (CSS)
    • CSS im Eigenschafteninspektor
    • CSS-Code-Navigator
    • CSS-Voreinstellungen
    • CSS-Selektoren
    • Tag-Selektoren
    • Klassenselektoren
    • ID-Selektoren
    • Pseudoklassenselektor
    • Gruppenselektoren
    • CSS Inline Styles
    • CSS-Kurzschrift
    • Hex- und RGB(A)-Farben
    • Absätze, Abstände und Einzüge formatieren
    • Sonderzeichen

Schulungsinhalte – Tag 2:

  • Texte
    • Texte importieren
    • Standardschriftarten
    • Schriftauszeichnung
    • Adobe Edge Web Fonts
    • Google Web Fonts
    • Webfonts einbetten
    • Maßeinheiten Schriftgrößen
    • Typografie mit CSS
    • Rechtschreibprüfung
  • Arbeiten mit Tabellen
    • Tabellenstruktur und -eigenschaften
    • Tabellenlayout über CSS
    • Tabellendaten importieren
  • Verwenden von Bildern
    • Dateiformate
    • Verwalten von Bildern
    • 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 Seite
    • E-Mail-Link
    • CSS-Rollover-Navigation mit Hintergrundbild
  • CSS-Layouts
    • CSS-Layout-Strukturierung
    • Das CSS-Box-Model
    • Floating verwenden und aufheben
    • Relative Positionierung
    • Absolute Positionierung
    • Fixe Positionierung
    • CSS Overflow
    • CSS-Überprüfen-Funktion
    • CSS-Layout-Vorlagen
  • CSS-Layout für mobile Endgeräte
    • Was bedeutet Responsive Webdesign?
    • Medienabfragen (Mediaqueries) verwenden
    • CSS für unterschiedliche Geräte anpassen
    • Fließendes Rasterlayout
    • Bootstrap-Startvorlagen
    • Vorschau für mobile Endgeräte

Schulungsinhalte – Tag 3:

  • CSS3-Eigenschaften
    • Browser-Unterstützung
    • abgerundete Kanten
    • Schlagschatten
    • Text mit Schatten
    • Transparenzen
    • Verlauf
    • Import aus Photoshop
    • Ü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? j
    • Query-Effekte
    • jQuery UI Widgets
  • Multimedia einbinden
    • HTML5-Videos einfügen
    • Flash-Video-Fallback
    • HTML5-Audio einfügen
    • Flash-Animation 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 & Tricks
    • Frameworks
    • Online-Generatoren
    • Online-Ressourcen

Verfügbare Plattformen:

Microsoft Windows und Apple OS-X

Weiter zu den Details…

Author: Frank Wild

Share This Post On