Professionelle Webseitenerstellung - Von der Programmierung bis zum Design
Seminar
In Köln
Beschreibung
-
Kursart
Seminar
-
Ort
Köln
Professionelle Webseitenerstellung - Von der Programmierung bis zum Design 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
Inhalte
Köln
Bildungsziel: Sie kennen den kompletten Workflow für ein modernes Webdesign und produzieren benutzerfreundliche und anspruchsvolle Webseiten. Darüber hinaus nutzen Sie PHP als Skriptsprache für die Entwicklung dynamischer Web-Seiten. Im Zusammenspiel mit dem Datenbanksystem MySQL können Sie nach dem Lehrgang anspruchsvolle Internet-Anwendungenrealisieren. Weiter verwenden Sie gezielt das Content Management System TYPO3. Sie lernen TYPO3 als Administrator und als Redakteur zu verwenden. So erreichen Sie eine sinnvolle Automatisierung der gestalterischen Aspekte und die Einhaltung des Designs der Webseite. 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.
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.
Dynamische Webseiten mit PHP und mySQL:
PHP-Grundlagen (ca. 5 Tage)
Installation und Einrichtung eines lokalen Webservers mit PHP, MySQL und Mailserver
Grundlegende Syntax:
Variablen, Konstanten, Arrays, Kontrollstrukturen (Verzweigungen, Schleifen), Operatoren, Funktionen (erstellen und anwenden, Parameterübergabe), Einbindung von PHP in HTML, dynamische HTML-Generierung,Grundlagen der Formularverarbeitung
Relationales Datenbanksystem MySQL und Datenbankanbindung mit PHP (ca. 4 Tage)
Grundlegende Funktionsweise relationaler Datenbanken
phpMyAdmin als Administrationsoberfläche für MySQL-Datenbanken
Daenbanken erstellen, ändern, löschen
Datentabellen definieren, anlegen, ändern, löschen
Datenbankbenutzer administrieren und Rechtevergabe
Datenbankanbindung mit PHP
Auslesen, einfügen, ändern und löschen von Datensätzen mit PHP
Aufbauthemen (ca. 5 Tage)
Datenweitergabe mit GET und POST
Fortgeschrittene Formularverarbeitung mit Fehlerprüfung
Verwendung von Sessions und Cookies
E-Mails erstellen und versenden
Verarbeitung von Zeit- und Datum
Verarbeitung von Zeichenketten
Projektmanagement (ca. 1 Tag)
Planung und Strukturierung von PHP-Projekten
Sicherheit in PHP-Projekten
Projektarbeit (ca. 5 Tage)
Konzeption eines eigenen Projektes mit Datenbanknutzung
Programmierung des Projektes
Präsentation des Projektergebnisses
Änderungen möglich. Die Lehrgangsinhalte werden regelmäßig aktualisiert.
Contentmanagement (CMS) für Webseiten mit TYPO3:
TYPO3-Grundlagen (ca. 8 Tage)
Installation und Einrichtung eines lokalen Webservers mit PHP, MySQL und Mailserver
Hostinganforderungen für TYPO3
Installation und Konfiguration von TYPO3
Benutzeroberfläche
TYPO3-Template System
Seitenstruktur anlegen und manipulieren
Inhalte anlegen und manipulieren
Typoscript (Seitenkonfiguration, Menüerstellung)
Verwendung von HTML-Vorlagen und CSS-Designvorlagen
TYPO3 Funktionserweiterungen (ca. 7 Tage)
TYPO3 Grafikfunktionen
Extensions: Extension-Manager, Installation von Extensions, Anpassung von Extensions
Passwortgeschütze Bereiche,
Benutzergruppen und Benutzer administrieren, Login und Weiterleitungen
Redakteure administrieren: Arbeitsumgebung der Redakteure anpassen, Zugriffsrechte der Redakteure administrieren
Projektarbeit (ca. 5 Tage)
Vertiefung der erlernten Grundlagen
Detaillierte Ausarbeitung der Funktionalitäten
Komplexe Menüstrukturen
Mehrsprachigkeit
Integration anspruchsvoller Erweiterungen
Präsentation eines TYPO3 spezifischen Themas
Änderungen möglich. Die Lehrgangsinhalte werden regelmäßig aktualisiert.
Adobe Flash Professional (CC) - Animationen für multimediale Inhalte:
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 Action
Script 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.
Professionelle Webseitenerstellung - Von der Programmierung bis zum Design