Webdesign & Development

Übersicht
Berufsbilder & Karriere
Lehrinhalte & Themengebiete
Zahlungspläne & Finanzierung
Starttermine & Zeitaufwand
Voraussetzungen & Anmeldung

Du bist immer und überall online und verfolgst mit Spannung die Entwicklung des Internets? Du willst die digitale Welt von morgen im grafischen oder eher im technischen Bereich aktiv mitgestalten?

Dann findest Du hier den passenden Weg für Dich, der oben auch grafisch dargestellt ist:

Das Webdesign & Development Bachelor Program führt in Vollzeit mit didaktisch optimaler Fächerkombination – auch ohne Abitur – zum international anerkannten Bachelor-Abschluss. Die Regelstudienzeit zum Bachelor of Arts/Science (Hons.), Web Development beträgt 96 Wochen bzw. 24 Monate.

Werden die Voraussetzungen für das Bachelor Program (noch) nicht erfüllt, kann mit dem Diploma die erste Stufe in Teilzeit über 72 Woche bzw. 18 Monate sofort absolviert werden. Der Bachelor-Abschluss kann nach eigenem Wunsch und erfolgreich absolviertem Diploma auch zu einem späteren Zeitpunkt im Progression Bachelor ebenfalls in Teilzeit über 48 Wochen bzw. 12 Monate nachgeholt werden.

Das im Bachelor Program enthaltene Webdesign & Development Diploma ist mit seinem hohen Praxisanteil als berufsvorbereitende Qualifikation zu sehen, die auf technisch-handwerkliche Tätigkeiten vorbereitet. Das Diploma stellt die Mindestqualifikation dar, um in der Medienbranche erfolgreich Fuß fassen zu können. Die Bachelor-Stufe ergänzt diese um wirtschaftliche Aspekte, Team-, Organisations- oder Marketing-Fähigkeiten. Beide Stufen zusammen führen somit zum Bachelor-Abschluss.

Nach erfolgreichem Bachelor-Abschluss besteht die Möglichkeit in der Master-Stufe sowohl in 12 Monaten in Voll- bzw. in 24 Monaten in Teilzeit weiter zu studieren. Ziele der Master-Studiengänge sind unter anderem das Erlangen des akademischen Grades MA/MSc, die Qualifizierung für höhere Führungspositionen und zur akademischen Lehre.

Die zwei- bzw. viermonatigen SAE Kurzkurse (Zertifikats-Stufe) richten sich an diejenigen, die den Einstieg in die Medienwelt planen und sich orientieren möchten. Weitere Informationen sind in der Hauptnavigation unter dem Menüpunkt Kurzkurse zu finden.

Bachelor Program

Abschluss: Bachelor of Arts/Science (Honours), Web Development und SAE Webdesign & Development Diploma

Bildgestaltung und Bildbearbeitung: Bildbearbeitung: Techniken der digitalen Bildbearbeitung (u.a. Freistellen, Einsatz von Masken und Farbkanälen, non-destruktives Arbeiten)

Erstellen von Text-, Bild- und Layer-Effekten, Einsatz von Filtern sowie Ton- und Farbwertkorrektur

Erstellen von Montagen und Collagen, Einsatzgebiete und Durchführung von Retusche;

Kenntnisse über Farbprofile, über Datei- und Bildformate

Umgang mit Scanner und interaktivem Grafiktablett

Gezielte Bildgestaltung und Bildsprache

Screen- und Grafikdesign: Kenntnis und Einsatz von Gestaltungsregeln, Typographie und Textsetzung

Form-/Farblehre, Komposition, Goldener Schnitt

Planen und Erstellen von grafischen Werbemitteln (online und offline) wie Plakate, Weblayouts und Werbebanner

Digitale Fotografie: Professioneller Umgang mit digitalen Spiegelreflexkameras

Kenntnis und Einsatz von Belichtungszeiten, Objektiven, Brennweiten, Lichtstärke und Filtern sowie Schärfe und Schärfentiefe
Webseitenentwicklung mit HTML: Konzeption/Projektorganisation: Verschiedene Website-Konzepte

HTML/CSS: Aufbau, Screendesign und Umsetzung von Websites mit (X)HTML und HTML5

Struktur und Aufbau von HTML-Dokumenten, Kenntnisse und Umsetzung semantischer Auszeichnung

CSS-Formatierung (CSS2 und CSS3), u.a. Farben, Grafiken, Animationen, Positionierungs- und Anordnungsmodelle

Validierung von Webseiten, Einhaltung von Web-Standards, W3C-Konformität

Funktionsweise von Suchmaschinen, Techniken der Suchmaschinenoptimierung und der Barrierefreiheit

Weitere Techniken: Server- und Netzwerkgrundlagen, Installation und Konfiguration eines Webservers

Grundlagen und Techniken des Mobile Content Publishing, Responsive Webdesign
Entwicklung dynamischer Webseiten mit PHP und Javascript: Techniken der Webprogrammierung: Erstellen dynamischer Webseiten mit Javascript, Kenntnisse des DOM und der DOM-Manipulation

Einsatz von AJAX und Javascript/AJAX-Frameworks (u.a. jQuery)

Erstellen dynamischer Webseiten mit PHP, Einsatz und Funktionsweise von Libraries, APIs, Plug-Ins

Umsetzung von RSS-Feeds, Newsletterversand, Chat-Funktionen

Entwicklung professioneller Anwendungen (z.B. dynamische Navigation, Gästebuch, News- und Bilderverwaltung, Login mit Cookies, Sortier- und Aktivierungsmöglichkeiten, Paging-Funktionen, RTF-Texte, ModRewrite, SMTP-E-Mails, PDF-Erstellung, Fomularvalidierung)

Grundlagen der objektorientierten Programmierung mit PHP

Digital Publishing: Erstellen und Einbinden professioneller Pod- bzw. Videocasts
Serverseitige Programmierung und Datenbanken mit PHP & MySQL: PHP & MySQL: Grundlagen und weiterführende Kenntnisse von Datenbanksprachen (SQL)

Anlegen und Umsetzen von komplexen Datenbanksystemen

Entwickeln eigener Content-Management-Systeme (CMS) zum Administrieren von Inhalten auf Webseiten (Inhalte einfügen, ändern, löschen) mit PHP & MySQL

Konzeption/Umsetzung von Anwendungen mit den Mitteln objektorientierter Programmierung

Anwendung von objektorientierten Programmierprinzipien (Vererbung, Klassen, etc.)

Implementierung und Nutzung fertiger Content-Management-Systeme (CMS) wie Wordpress

Quellcode-Dokumentation

Aufbau modularer und skalierbarer Web Applikationen mit Javascript und Frameworks, Entwickeln eigener Applikationen mit objektorientiertem Javascript, Design Patterns
Webanimation: Vektorgrafik: Vektorisierung von Illustrationen und Fotos, Erarbeiten von Illustrationen

Erstellen von Grafikelementen/Logoentwicklung

Flash und Actionscript: Erstellung von Animationen mit Flash (Timeline-Animation, Einsatz der unterschiedlichen Tweening-Arten, Pfad- und Maskenanimation) und Actionscript (z.B. Programmierung von Bild- und Filter-Effekten, Mausverfolger, Zeichenfunktion, etc.)

Konzeption und Umsetzung interaktiver und animierter Anwendungen (Banner, Rich Media Applications)

Motiongrafikdesign: Anwendung von Effekten, Fades, Masken und Color Correction, Grundlagen des Keying und Tracking

Animation und Compositing, Einbindung von Sound und Text

Optimierung für das Einbinden von Videos in Webseiten (Datenformate, Plug-Ins etc.)
Dynamische Webseite mit Datenbankanbindung (Abschlussprojekt): Praktische Abschlussarbeit – Abschlussproduktion: Konzeption, Entwicklung und Umsetzung einer Suchmaschinen- und Usability-optimierten datenbankgestützten Website und des zugehörigen Content-Management-Systems; Entwicklung und Implemetierung zeitgemäßer und zielführender Funktionen für User (z.B. User-generated Content über Blog oder Forum, Social-Media-Funktionen etc.) und Administrator (z.B. Verwaltung des Inhaltes, der Struktur und/oder verschiedener Rechteebenen) der Website
Neben den Übungen finden in der Praxis auch verschiedene Seminare, Workshops und Exkursionen statt, z.B.: Screendesign, Digitalfotografie/Retusche, Usability/Projektvorbereitung, E-Commerce, Berufsvorbereitung
Einblick in die Medienbranche, Management und marktwirtschaftliche Grundlage: Überblick über die Medien- und Internetindustrie; Trends, Entwicklungen und Jobs in der Medienbranche

Mediengeschichte

Mikrotypografie (Schriftarten, Schriftschnitte, Entwicklung von Schrift und Kriterien der Lesbarkeit)

Grundlagen des Desktop Publishing und verschiedener Druckverfahren

Erstellung von Flyern (z.B. Leporello, Falzflyer etc.), Kreation druckfertiger PDFs

Servertechnik/Sicherheit: erweiterte Server- und Netzwerktechnik

Cloud Computing

Datensicherheit, Unterbindung von Datenmanipulation, Techniken zur optimalen Verschlüsselung bei der Datenübertragung

Verwenden von APIs (Application Programming Interface, z.B. Google Maps, Amazon)

Grundlagen des Usability Engineering, Entwicklung und Durchführung von Usability-Tests

Überblick über die Medien- und Internetindustrie, Mediengeschichte

Zeitmanagement, Grundlagen des Lernens, lebenslanges Lernen

Research Grundlagen, Textverarbeitung

Marketingmodelle, Produktlebenszyklus, Werbemappe, Pressemitteilung, Selbstvermarktung, Zielgruppenanalyse, Werbekanäle

Präsentationen und Diskussionen vor größeren Gruppen, Rollenspiel, professionelle Präsentationstechniken

Urheber und Lizenzrecht, Künstlerverträge, Verwertungsgesellschaften

Bewerbungsmappe, Master Lebenslauf, Arbeitsplatzbeschreibung
Erweiterte Produktionsaspekte und Team-Projekt: E-Commerce: Grundlagen von Marketing- und Businessstrategien sowie Kenntnisse juristischer Grundlagen des E-Commerce

Analyse von Shopsystemen, Bezahlmodellen und –prozessen; Aufbau von Shopsystemen

Aufbau von Suchmaschinen, Suchmaschinenoptimierung in der Praxis

Aspekte der Performance, Kenntnisse über Versionsverwaltung und verschiedene Systeme

Grundlagen und Anwendung höherer objekt-orientierter Programmiersprachen (z.B. Java)

Buchhaltung, Steuern, Projektfinanzierung, Vorbereitung auf Selbstständigkeit, Vorbereitung auf Firmengründung, Versicherungen

Fortgeschrittenes Projekt- und Teammanagement: fachbereichsübergreifendes Gruppenprojekt, Produktion eines industrie- oder wettbewerbsrelevanten Medienbeitrags, kritische Selbstevaluation, Präsentation

Fachvortrag
Honours-Arbeit: Wissenschaftliches Erarbeiten eines industrierelevanten Forschungsthemas

Recherche des Grundlagenwissens

Ausarbeiten einer wissenschaftlichen Vorgehensweise

Durchführen der Forschung ggf. mit praktischer Produktion

Auswerten und interpretieren der Ergebnisse

Präsentation der Forschungsarbeit

Diploma

Bildgestaltung und Bildbearbeitung: Bildbearbeitung: Techniken der digitalen Bildbearbeitung (u.a. Freistellen, Einsatz von Masken und Farbkanälen, non-destruktives Arbeiten)

Erstellen von Text-, Bild- und Layer-Effekten, Einsatz von Filtern sowie Ton- und Farbwertkorrektur

Erstellen von Montagen und Collagen, Einsatzgebiete und Durchführung von Retusche;

Kenntnisse über Farbprofile, über Datei- und Bildformate

Umgang mit Scanner und interaktivem Grafiktablett

Gezielte Bildgestaltung und Bildsprache

Screen- und Grafikdesign: Kenntnis und Einsatz von Gestaltungsregeln, Typographie und Textsetzung

Form-/Farblehre, Komposition, Goldener Schnitt

Planen und Erstellen von grafischen Werbemitteln (online und offline) wie Plakate, Weblayouts und Werbebanner

Digitale Fotografie: Professioneller Umgang mit digitalen Spiegelreflexkameras

Kenntnis und Einsatz von Belichtungszeiten, Objektiven, Brennweiten, Lichtstärke und Filtern sowie Schärfe und Schärfentiefe
Webseitenentwicklung mit HTML: Konzeption/Projektorganisation: Verschiedene Website-Konzepte

HTML/CSS: Aufbau, Screendesign und Umsetzung von Websites mit (X)HTML und HTML5

Struktur und Aufbau von HTML-Dokumenten, Kenntnisse und Umsetzung semantischer Auszeichnung

CSS-Formatierung (CSS2 und CSS3), u.a. Farben, Grafiken, Animationen, Positionierungs- und Anordnungsmodelle

Validierung von Webseiten, Einhaltung von Web-Standards, W3C-Konformität

Funktionsweise von Suchmaschinen, Techniken der Suchmaschinenoptimierung und der Barrierefreiheit

Weitere Techniken: Server- und Netzwerkgrundlagen, Installation und Konfiguration eines Webservers

Grundlagen und Techniken des Mobile Content Publishing, Responsive Webdesign
Entwicklung dynamischer Webseiten mit PHP und Javascript: Techniken der Webprogrammierung: Erstellen dynamischer Webseiten mit Javascript, Kenntnisse des DOM und der DOM-Manipulation

Einsatz von AJAX und Javascript/AJAX-Frameworks (u.a. jQuery)

Erstellen dynamischer Webseiten mit PHP, Einsatz und Funktionsweise von Libraries, APIs, Plug-Ins

Umsetzung von RSS-Feeds, Newsletterversand, Chat-Funktionen

Entwicklung professioneller Anwendungen (z.B. dynamische Navigation, Gästebuch, News- und Bilderverwaltung, Login mit Cookies, Sortier- und Aktivierungsmöglichkeiten, Paging-Funktionen, RTF-Texte, ModRewrite, SMTP-E-Mails, PDF-Erstellung, Fomularvalidierung)

Grundlagen der objektorientierten Programmierung mit PHP

Digital Publishing: Erstellen und Einbinden professioneller Pod- bzw. Videocasts
Serverseitige Programmierung und Datenbanken mit PHP & MySQL: PHP & MySQL: Grundlagen und weiterführende Kenntnisse von Datenbanksprachen (SQL)

Anlegen und Umsetzen von komplexen Datenbanksystemen

Entwickeln eigener Content-Management-Systeme (CMS) zum Administrieren von Inhalten auf Webseiten (Inhalte einfügen, ändern, löschen) mit PHP & MySQL

Konzeption/Umsetzung von Anwendungen mit den Mitteln objektorientierter Programmierung

Anwendung von objektorientierten Programmierprinzipien (Vererbung, Klassen, etc.)

Implementierung und Nutzung fertiger Content-Management-Systeme (CMS) wie Wordpress

Quellcode-Dokumentation

Aufbau modularer und skalierbarer Web Applikationen mit Javascript und Frameworks, Entwickeln eigener Applikationen mit objektorientiertem Javascript, Design Patterns
Webanimation: Vektorgrafik: Vektorisierung von Illustrationen und Fotos, Erarbeiten von Illustrationen

Erstellen von Grafikelementen/Logoentwicklung

Flash und Actionscript: Erstellung von Animationen mit Flash (Timeline-Animation, Einsatz der unterschiedlichen Tweening-Arten, Pfad- und Maskenanimation) und Actionscript (z.B. Programmierung von Bild- und Filter-Effekten, Mausverfolger, Zeichenfunktion, etc.)

Konzeption und Umsetzung interaktiver und animierter Anwendungen (Banner, Rich Media Applications)

Motiongrafikdesign: Anwendung von Effekten, Fades, Masken und Color Correction, Grundlagen des Keying und Tracking

Animation und Compositing, Einbindung von Sound und Text

Optimierung für das Einbinden von Videos in Webseiten (Datenformate, Plug-Ins etc.)
Dynamische Webseite mit Datenbankanbindung (Abschlussprojekt): Praktische Abschlussarbeit – Abschlussproduktion: Konzeption, Entwicklung und Umsetzung einer Suchmaschinen- und Usability-optimierten datenbankgestützten Website und des zugehörigen Content-Management-Systems; Entwicklung und Implemetierung zeitgemäßer und zielführender Funktionen für User (z.B. User-generated Content über Blog oder Forum, Social-Media-Funktionen etc.) und Administrator (z.B. Verwaltung des Inhaltes, der Struktur und/oder verschiedener Rechteebenen) der Website
Neben den Übungen finden in der Praxis auch verschiedene Seminare, Workshops und Exkursionen statt, z.B.: Screendesign, Digitalfotografie/Retusche, Usability/Projektvorbereitung, E-Commerce, Berufsvorbereitung

Master

Ziele der Master-Studiengänge sind:

• Erlangung des akademischen Grades MA/MSc
• Spezialisierung im jeweiligen Fachbereich
• Erlernen des selbstständigen wissenschaftlichen Arbeitens
• Qualifizierung für höhere Führungspositionen und zur akademischen Lehre

SAE Institute bietet in Deutschland zwei verschiedene Master-Studiengänge an, die auch noch einige Jahre nach dem Bachelor-Abschluss aufgenommen werden können.

Abschluss: Master of Arts/Science Professional Practice (Creative Media Industries)

In Zusammenarbeit mit der staatlichen Middlesex University in London wird ein Work-Based-Professional- Master-Program, in dem sich der Student im Rahmen seiner regulären beruflichen Tätigkeit für wissenschaftliche Tätigkeiten spezialisiert und qualifiziert. Das Master-Program wird von SAE Online koordiniert und individuell auf den Studenten zugeschnitten. Ziele sind die Spezialisierung, Erfahrung im selbständigen wissenschaftlichen Arbeiten zu sammeln, Praxisnähe durch die berufsbegleitende Ausrichtung und Qualifikation für höhere Führungspositionen im eigenen Fachbereich. Weiterführende Informationen zu den SAE Master-Studiengängen

Abschluss: Master of Arts Professional Media Creation

In Zusammenarbeit mit mit der Folkwang Universität der Künste in Essen wird ein Postgraduierten-Master- Studiengang angeboten, der für Bachelor-Absolventen sowohl mit technischem als auch mit künstlerischem Background interessant ist.
Der „Master of Arts in Professional Media Creation“ beinhaltet inhaltliche Ergänzungen im technischen und im künstlerischen Bereich, sowie Marketing-, Kommunikations- und Managementfähigkeiten. Absolventen dieses Masterprogramms sollen sich selbst vermarkten sowie eigenständig und professionell Projekte im Medienbereich realisieren können. Weiterführende Informationen zum SAE-/Folkwang Master-Studiengang

Voraussetzungen Bachelor: Zulassungsvoraussetzungen Webdesign & Development Bachelor Program
- Abitur oder Mindestalter 18 Jahre sowie mittlerer Bildungsabschluss und Studien-Eignungsfeststellung
- Leistungsfähiges Notebook (Mindestvoraussetzungen bitte bei SAE Institute erfragen)
Diploma: Zulassungsvoraussetzungen Webdesign & Development Diploma
- Abitur oder Mindestalter 17 Jahre sowie mittlerer Bildungsabschluss
- Leistungsfähiges Notebook (Mindestvoraussetzungen bitte bei SAE Institute erfragen)
- gute Deutschkenntnisse
Master: Zulassungsvoraussetzung für die Aufnahme des Studiums zum Master of Arts/Science Professional Practice (Creative Media Industries)
- Bachelor-Abschluss mit Honours, second class oder besser in entsprechendem Fachbereich oder vergleichbare oder höherwertige Qualifikation
- Mindestalter 25 und hinreichende Berufserfahrung in der Medienbranche
- Ausreichende Englisch-Sprachkenntnisse nachgewiesen

Weiterführende Informationen zu den Zulassungsvoraussetzungen SAE Master-Studiengängen gibt es hier.

Zulassungsvoraussetzung für die Aufnahme des Studiums zum Master of Arts Professional Media Creation in Kooperation mit Folkwang
ist der Nachweis einer Qualifikation nach §41 KunstHG NRW sowie der Nachweis der künstlerischen Eignung.

Weiterführende Informationen zum SAE-/Folkwang Master-Studiengang gibt es hier
Anmeldeverfahren: Du kannst Dich per Post oder persönlich bei uns anmelden. Bitte nutze den Lehrgangsvertrag aus der Broschüre "Studienübersicht & Anmeldeunterlagen" oder drucke ihn aus dem entsprechenden PDF aus, fülle ihn komplett aus und...
schicke ihn per Post beidseitig unterschrieben an die Campus-Adresse, die auf der rechten Seite angezeigt wird. Du erhältst wenige Tage nach Posteingang schriftliche Antwort von uns. Oder gib ihn persönlich bei uns ab.

Mit der Anmeldung wird die entsprechende Einschreibegebühr fällig, die Du vor Ort per Girocard oder per Überweisung zahlen kannst.

Für eine Anmeldung mit Finanzierung oder auch einem Bildungsgutschein für Weiterbildung sind noch weitere Unterlagen erforderlich. Unser Bildungsberater beantwortet gerne alle Fragen dazu.

Webdesign & Development

Zahlungspläne Web Design & Development Bachelor Program

Zahlungspläne Web Design & Development Diploma

Zeitaufwand Webdesign & Development Bachelor Program

Zeitaufwand Webdesign & Development Diploma

Starttermine & Zeitaufwand Master of Arts/Science

Zulassungsvoraussetzungen Webdesign & Development Bachelor Program

Zulassungsvoraussetzungen Webdesign & Development Diploma

Zulassungsvoraussetzung für die Aufnahme des Studiums zum Master of Arts/Science Professional Practice (Creative Media Industries)

Zulassungsvoraussetzung für die Aufnahme des Studiums zum Master of Arts Professional Media Creation in Kooperation mit Folkwang

Standort: Hamburg

Wähle deine SAE