Seite auswählen

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

Entwicklung: HTML5, CSS3, jQuery, Liquid Design, Web-Apps.
Responsive WebDesign Entwickler-Schulung + Dreamweaver

Adobe DreamweaverAdobe Dreamweaver CC ist das „WebDesign Authoring Tool“ der ersten Wahl für die Entwicklung einzigartiger Websites und der Erstellung dynamischer Web-Apps für mobile Devices – Smartphone und Tablet-PCs.

Mittels der modernen „Responsive WebDesign“-Funktionalitäten wird eine Geräte-übergreifende Darstellungsentwicklung mühelos möglich.

Die 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‘, sowie ‚Phone-Gap‘ für Web-APP-Entwicklung.

     HTML5 - Programmierung

Schulungsziel:

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

Zielgruppe:

  • Grafiker
  • allg. Anwender und Einsteiger
  • Web Designer

Empfohlene Voraussetzungen:

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

Inklusiv-Leistungen:

  • indiv. eingerichteter PC/MAC für jeden Teilnehmer
  • max. 6 Teilnehmer (Standard)
  • 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
Scnacks, Unterlagen, Übungsdaten

Dauer:

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

 
Mobile APPs
 iPad Website-Entwicklung

 

Schulungsinhalte – Tag 1:

„Einführung Trends & moderne Web-Techniken“

  • Weiterführende HTML-Entwicklung
    • neue Strukturtags in HTML5
      header, nav, article, section, aside, footer, …
    • neue Inhaltstags in HTML5
      time, figure, figcaption, datalist, …
    • neue Multimediatags in HTML5
      canvas, video, audio, …
    • HTML5 Formulare
  • Neu in CSS3
    • bspw.: Transparenz (RGBa, HSLa), Media Queries, Columns, Pseudoklassen, Font-Face, Box-Shadow, Background-Gradients, Multiple Backgrounds, Text-Shadow, Border-Radius, Border-Image, Transitions, Transforms, Animations, …
  • Einführung in Dreamweaver CC
    • Einrichten und Kennenlernen des Arbeitsbereichs
    • Code-Ansicht, Entwurfs-Ansicht und Live-Vorschau

Schulungsinhalte – Tag 2:

„Website-Erstellung mit Dreamweaver CC“

  • HTML Website-Erstellung
    • Konzeption& Planung
    • Site-Erstellung in Dreamweaver
    • Dokumente anlegen und Site-Verwaltung
    • Layout mit Container erstellen
    • CSS-Eigenschaften zuordnen
    • Visuelles Editing-Tool CSS Designer
    • Menüpunkte, Links und Schrifteneinbindung
    • Grafiken einfügen
    • Google-Maps-Karte einbinden
    • Formularelemente erstellen
    • Formularelemente formatieren
    • jQuery-Slideshow einrichten
    • Dreamweaver-Templates (DWT) erstellen
    • JavaScript Grundlagen
  • Multimedia / Typografie / Designelemente
    • Video, Flash-Video-Fallback / HTML5-Audio /
    • Edge Animate Animationen per OAM-Austauschformat
    • Einbindung Query-basierter UI-Widgets
    • Typografie mit CSS 3
    • Google Fonts
    • Edge Web Fonts
    • Widget-Browser

Schulungsinhalte – Tag 3:

„Responsive Website-Erstellung mit Dreamweaver CC“

  • Responsive Website-Erstellung
    • Planung & Konzeption
    • Fließendes Rasterlayout (Responsive Webdesign)
    • Medienabfragen (Mediaqueries)
    • Layout für Smartphones
    • Layout für Tablet-PCs
    • Layout für Desktop-PCs
    • Strategien für responsive Navigation
  • Mobile Website-Erstellung
    • PhoneGap-Integration
    • Erstellen eines nativen Android-APPs
    • Einbindung des jQuery-Frameworks
  • Finalisierung
    • W3C Überprüfung
    • FTP-Upload / Sync
  • Hilfreiche Tipps & Tricks
    • Frameworks
    • Online-Generatoren
    • Online-Ressourcen
  • Neu in DW CC 2014
    • Creative Cloud Extract
    • Startvorlagen mit responsivem Design
    • Elementschnellansicht
    • Einfügen in die Live-Ansicht
    • Eigenschafteninspektor in der Live-Ansicht

Verfügbare Plattformen:

Microsoft Windows und Apple OS-X

Weiter zu den Details…