material

Formular Basis Komponente

Die grundsätzlichen HTML und CSS Komponenten für ein Formular im Google "Material Design" nach dem "Mobile First" Prinzip. Details

Responsive Parallax Perspektiven

Responsive Webseiten bauen auf HTML und CSS auf. Damit auf den mobilen Geräten auch die Bilder in stimmiger Auflösung geladen werden, bedarf es allerdings derzeit noch Javascript. Picturefill, CSS Menu, CSS Animation, Bewertung durch Google, SVG Daten ... Details
ps-beauty-classics

Beauty Classics

Die Photoshop Beauty Classics zeigen besonders bewährte Methoden für die Bildbearbeitung. Details
r

Hallo Welt

Geführter Einstieg in HTML und CSS für Beginner. Es wird eine Webseite mit einem Editor erzeugt und Schritt für Schritt in kurzen Videos gezeigt. Details
Simple Single Page

Simple Single Page

Die Lernsituation enthält als Vorlage eine funktionstüchtige Single-Page Webseite mit Bildern, Navigation und Effekten. Einsteiger können damit sich in der Arbeit mit HTML und CSS vertiefen. Details
Vorlage

Die Ferienwohnung

Am Beispiel einer Ferienwohnung soll eineGestaltungsvorlage möglichst exakt mit HTML und CSS umgesetzt werden. Wir haben einige gute Lösungen dafür als Download bereit gestellt. Die Lernsituation richtet sich an Einsteiger. Details
form2mail

Form2Mail

Fortgeschrittene Einsteiger können in diesem Projekt ein typisches Kontaktformular nach Kundenwünschen anpassen. Es kommen neben HTML und CSS auch PHP und Javascript zum Einsatz. Details
guy

Guy Goon Lafleur

Fortgeschrittene können in dieser Lernsituation spezifischen Kundenanforderungen gemäß eine Konzeption mit Gestaltungsraster, Farben, Formen, Bilder und Typo sowie zeichnerischen Entwurf für die Webseite des Fotografen Guy Goon Lafleur entwickeln. Je nach persönlichen Schwerpunkt (W3-Modul) )soll eine besondere Ausgestaltung in einem der folgenden Bereiche erfolgen: z.B. in Designkonzeption, Text-, Grafik- und Bilddatenbearbeitung, Produktorientierte Gestaltung oder Datenbankbasierte Medienproduktion. Alle Daten können frei verwendet werden. Eine sehr gute Vorbereitung auf die Abschlussprüfung für Mediengestalter mit Schwerpunkt Digitale Medien. Musterlösungen sind in Arbeit und werden im Dezember veröffentlicht. Details
waterfall

Mobile First <1sek

Die Vorgaben von Google bezüglich der optimalen Ladezeiten für eine Mobile Site sind sportlich. Das erste Rendern einer Mobilen Webseite soll in unter einer Sekunde erfolgen. Fortgeschrittene entwickeln einen Lösungsansatz für eine googlefreundliche Responsive Webseite. Details