Ein beispielhafter Produktionsprozess mit Foundation 6.

  • Foundation 6 Suite

Im vorangegangenen Beitrag hatten wir uns die ersten beiden Video-Tutorials zur Foundation 6 Suite erarbeitet. Im dritten Video stellt Joe Workman vor, wie er eine einfach gestaltete Webseite mit den neuen Foundation Stacks erstellt. Schauen wir uns das einmal an...

Joe Workman erstellt im Video eine recht einfache Seite, aber daran wird das Prinzip deutlich, wie das geschieht (und es ist ein deutlich anderer Weg, den du bisher von Foundation 1, aber auch von allen anderen Stacks-Projekten kennst). 

Hier die einzelnen Schritte zur Foundation-6-Webseite. Wenn du auf die Links klickst, springst du zum jeweiligen Abschnitt des Youtube-Videos:


Konfiguration des Site Styles Stacks:


Headerbereich mit Hintergrundbild und Seitentitel


Einfügen und Formatieren von Content Stacks


Anlegen eines Kontaktformulars


Anlegen eines Footers


Layoutanpassungen


Einrichten einer Seitennavigation


Animationen


Untertitel unter Bildern


Organisieren der Swatches


Weitere Beiträge zum Thema werden folgen...

------

Bildquelle: ZURB