Professionelle Webseitenerstellung und -animation
Seminar
In Köln
Beschreibung
-
Kursart
Seminar
-
Ort
Köln
Professionelle Webseitenerstellung und -animation alfatraining Bildungszentrum
Webdesign mit XHTML/HTML5 / CSS 3 / Dreamweaver / Photoshop: HTML5 / XHTML (ca. 6 Tage) Webseitenerstellung - technische Voraussetzungen Browsertypen Grundgerüst von (X)HTML5-Dokumenten Standardkonformer Aufbau von (X)HTML5-Dokumenten - Text / Images - Verweise (Hyperlinks) - Li...
Standorte und Zeitplan
Lage
Beginn
Beginn
Meinungen
Themen
- Animation
Inhalte
Köln
Bildungsziel: Sie kennen den kompletten Workflow für ein modernes Webdesign und produzieren benutzerfreundliche und anspruchsvolle Webseiten. Zusätzlich sind Sie in der Lage, mit Adobe Flash multimediale Anwendungen und Webinhalte sowie On- und Offlineproduktionen für unterschiedliche Zwecke (Webseiten, Multimedia) zu erstellen - von Flash-Animationen bis hin zu interaktiven Webinhalten und Multimediaanwendungen. Ferner erstellen Sie mit Cinema 4D professionelle 3-D-Modelle, Animationen und Grafiken.
Abschluss: alfatraining-Zertifikat
Beschreibung:
Webdesign mit XHTML/HTML5 / CSS 3 / Dreamweaver / Photoshop:
HTML5 / XHTML (ca. 6 Tage)
Webseitenerstellung - technische Voraussetzungen
Browsertypen
Grundgerüst von (X)HTML5-Dokumenten
Standardkonformer Aufbau von (X)HTML5-Dokumenten
- Text / Images
- Verweise (Hyperlinks)
- Listen, Tabellen, Formulare
Dokumententypen Strict, Transitional, Quirks-Mode
Grafiktypen für (X)HTML5-Dokumente
Charaktersets
Meta-Tags
Trennung von Form und Inhalt
(X)HTML5 Attribute
Erstellen von (X)HTML5 Dokumenten im Texteditor
CSS und Dreamweaver (ca. 17 Tage)
Dreamweaver CC
Übersicht über Benutzeroberfläche
Site-Management, Anbindung an Webserver
Arbeiten mit Templates
Stylesheets editieren, Stile zuweisen
Javascript editieren
Dropdown Menüs
Arbeiten mit Formularen, Listen, Tabellen und Iframes
Hyperlinks, Imagemaps, Anker
Einfügen und Formatieren von Multimediaobjekten (z.B. Flash, XML)
Automatisches Prüfen von Sites und Links (nach W3C Standard)
Widgets Browser
CSS
Farben und Hintergrund
Textgestaltung
Aufzählungen und Nummerierungen (Listen)
Tabellen gestalten
Formulare gestalten
Buttondesign mit CSS - (roll-over)
Mehrspaltiges Seitenlayout
Fixes, Elastisches und fließendes Seitendesign
Adaptives, responsives Webdesign (für mobile Endgeräte)
Positionierungsmöglichkeiten ("position", "float")
Navigationen mit CSS
Quellen im Internet
Photoshop CC (ca. 2 Tage)
Grundlagen der Bildbearbeitung
Werkzeuge, Auswahltechniken
Slices
Bildausgabe für Web
Projektmanagement (ca. 1 Tag)
Planung und Strukturierung größerer Websites
Exposé, Scribble, Feinkonzept, Storyboard
Ressourcenplanung
Suchmaschinenoptimierung
Webmaster-Tools
JavaScript (ca. 3 Tage)
Grundlagen JavaScript
Variable und Konstante
If-Abfragen, Fälle, Schleifen, Funktionen
Einbinden vorgefertigter Javascript-Programme, wie z.B. Bildgalerien
Ajax-Spry-Elemente - Einbinden und Formatieren
Allgemeines (ca. 1 Tag)
Usability, Barrierefreiheit
Rechtssichere Websites
Providersuche, ftp-upload
W3C-Konformitäts-Check HTML, CSS
Projektarbeit Webauftritt (ca. 10 Tage)
Projektarbeit - Entwicklung eines Webauftritts für ein Unternehmen
Kombinierte Anwendung der gelernten Web-Tools
Präsentation der Projektergebnisse
Änderungen möglich. Die Lehrgangsinhalte werden regelmäßig aktualisiert.
Adobe Flash Professional (CC):
Einführung (ca. 0,5 Tage)
Was ist Flash?
Der Begrüßungs-Screen
Benutzeroberfläche
Hauptmenu, Werkzeugleiste
Bühne und Arbeitsbereich
Verschiedene Dateitypen
Automatisch speichern
Neu in Flash Professional CC (ca. 0,5 Tage)
Grundlegende Verbesserungen (Performance)
Verbesserung der Benutzeroberfläche
Verbesserung am Workflow
Neuerung für Entwickler
Entfallene Funktionen
Zeichnen mit Flash (Arbeiten mit Form & Farbe) (ca. 3 Tage)
Formen erstellen, Formoptionen
Grundformen-Werkzeug
Stift-Werkzeug, Auswahl-Werkzeug
Objekteigenschaften übertragen
Form-Interaktionen
Frei Transformieren
Füll- und Strichfarbe definieren
Farbverlauf, Farb-Palette
Farbfelder-Palette
Bitmaps und Imports in Flash (ca. 1 Tag)
Vector vs. Bitmap
Bitmaps importieren
Bitmaps freistellen, vektorisieren
Bitmap als Füllung, Bitmaps maskieren
Photoshop- und Illustrator- Dokumente importieren
Importformate
Animation in Flash Professional CC (ca. 5 Tage)
Animationsgrundlagen
Zeitleiste und Ebenen
Einzelbildanimation
Feintuning über Zwiebelschalen
Klassischer Tween
Bewegungs- und Form-Tween
Animationseigenschaften, Animationsvorlagen
Beschleunigung
Formmarken
Text animieren
Animationsmaske, verschachtelte Animation
Symbolarten
Zeitleistensteuerung (Einstieg in ActionScript 3)
Bibliothek, Symbole und Instanzen
Animation im 3D-Raum, 3D ?Werkzeuge
Grundlagen Action Script
Audio und Video (ca. 3 Tage)
Sound importieren
Animation mit Musik hinterlegen
Audiodatei bearbeiten (Soundhülle)
Synchronisation für Animation und Schaltflächen
Videos mit dem Adobe Media Encoder umrechnen
Video in SWF einbetten und in der Zeitleiste abspielen
Externes Video mit Playback-Komponente laden
Masken und Effekte
Exportoptionen & Veröffentlichung (ca. 2 Tage)
Animationen exportieren und veröffentlichen
Grafiken und Sequenzen exportieren
Video exportieren
Export im HTML5-Format
Fertiggestellte Animation veröffentlichen
Export für externe Frameworks
Animation auslagern
Export für Create JS Suite
Objekte in Frameworks exportieren
Darstellung auf verschiedenen Endgeräten
AIR for Desktop, Android , iOS
Projektarbeit zur Vertiefung der gelernten Inhalte (ca. 5 Tage)
Präsentation der Ergebnisse
Änderungen möglich. Die Lehrgangsinhalte werden regelmäßig aktualisiert.
3D Visualisierung mit CINEMA 4D / Video / Audio:
Grundlagen (ca. 2 Tage)
Grundlagen der 3D-Visualisierung
Anwendungsbereiche
Userinterface von Cinema 4D
Arbeiten im Editor
Layout einrichten
Modelling (ca. 10 Tage)
Grundobjekte
NURBS-Objekte
Polygon-Modelling
Modelling-Werkzeuge
Modelling-Objekte
Deformationsobjekte
Sculpting
Texturierung (ca. 5 Tage)
Materialerstellung und -verwaltung
Materialkanäle
2D- und 3D (Volumen)-Shader
Textur-Mapping
BodyPaint 3D
Inszenierung und Licht (ca. 5 Tage)
Kamera-Objekte
Lichtquellen
Licht-Setup
Caustics
Umgebungsobjekte
Kamera kalibrieren
Szenen organisieren
Global Illumination - Ray Tracing
Rendering (ca. 2 Tage)
Basis- und Advanced Renderer
Sketch & Toon
Multi-Pass-Rendering
Render manager
Xref
Animation (ca. 6 Tage)
Animationspalette und Zeitleiste
Animationstypen
Pfadanimationen
Zyklische Animationen
Dynamics und Aerodynamics
MoGraph
Kleidungssimulation
Xpresso
Charakter-Objekt
Bild- und Videoimport
Sounds einbinden und ausgeben
Soundformate
Projektarbeit (ca. 10 Tage)
Projektplanung einschl. Storyboard
Projektumsetzung unter Anwendung der gelernten Techniken
Präsentation der Projektergebnisse
Änderungen möglich. Die Lehrgangsinhalte werden regelmäßig aktualisiert.
Professionelle Webseitenerstellung und -animation