files/themes/boldt-media/header/ap140502.jpg

Nacht über dem Half Dome

30. April 2014: Dieses Mosaik aus acht Bildern, das letzten Mai in einer einzigen Nacht fotografiert wurde, beginnt links am Northside Drive durch den Yosemite-Nationalpark. Es endet jedoch Tausende Lichtjahre entfernt, wo sich der Bogen der Milchstraße rechts zum Zentrum unserer Galaxis wölbt, weit hinter dem felsigen Horizont des Parks. Links befinden sich die Yosemite-Wasserfälle. Die Granitvorderseite des Half Dome ragt über dem fernen Horizont hoch, nahe der Mitte der Ansicht. Der markante Blitz darüber ist ein heller Meteor. Der farbige Streif gehört zum jährlichen Meteorstrom der Eta-Aquariiden und zeigt nach oben, seine Spur zeigt direkt zum Radianten des Stroms tief unten im Wassermann. Die Eta-Aquariiden dieses Jahres erreichen ihren Höhepunkt am 6. Mai in den mondlosen frühen Morgenstunden, wenn die Erde durch den Staub aus dem Schweif des Kometen Halley pflügt.

Responsive Contao - ready for mobile (2 Tage)

Smartphones und Tablets spielen eine immer wichtigere Rolle in unserem Alltag, und Webseiten sollten auf allen Geräten eine gute Figur abgeben. Lernen Sie In diesem zweitägigen Seminar was man generell unter "Responsive Webdesign" versteht und welche Lösungen Contao Ihnen bietet, um zeitgemäße Websites für alle Endgeräte erstellen zu können.

Zielgruppe

Entwickler, Designer
Sie besitzen rudimentäre bis gute HTML-Kenntnisse und haben die Grundlagen von CSS verstanden. Sie wollen nun lernen, worauf Sie beim Erstellen responsiver Webseiten achten müssen und wie Sie diese Aufgabe speziell mit Contao umsetzen.

Bundle

An den zwei Vortagen behandeln wir die Grundlagen von CSS und Contao CSS. Wer noch nicht sicher im Umgang mit CSS ist, sollte diese Tage unbedingt dazu buchen. Die Seminare sind aufeinander abgestimmt. Sie sparen 100,- €, wenn Sie alle vier Tage buchen.

Themenplan

TAG I

1. Einführung - Mobile Webseiten

  • Übersicht: Die Entwicklung des Webdesign
  • Begriffe: »mobile« und »responsive«
  • Anforderungen an mobile Webseiten
  • Mögliche Strategien für Websites
  • Mobile Geräte und der Meta Viewport
  • Media Queries in Contao

2. Mobile Webseiten mit Contao

  • Der Layout-Builder im Seitenlayout
  • Das CSS-Framework - die Dateien
  • Der »Holy Grail« im Detail
  • Eine responsive Navigation erstellen
  • Responsive Grafiken (ab Contao 3.4)
  • Beispielsite testen auf mobilen Geräten
  • Mobiles Seitenlayout für mobile Geräte
  • Der Umschalter: "toggle_view"

TAG II

1. Beispiele aus der Praxis

  • Ein Anrufbutton für mobile Geräte
  • Spezielle Inhalte mit der Erweiterung "mobile_extended"
  • Alternative responsive Navigationskonzepte
  • Der Umgang mit Tabellen

2. Gridlayouts und mehrspaltige Inhalte

  • Layouten mit Grids
  • CSS-Grid-Frameworks
  • Das Contao 12-Spalten-Grid
  • Die Beispielsite mit Grid
  • Das CSS zum Grid: grid.css
  • Tool: Das Grid-Overlay für Chrome
  • Header, Inhalt und Footer ausrichten
  • Das Grid für Artikel
  • Das Grid für Inhaltselemente
  • Gridzeilen clearen
  • Das Grid und die Navigation
  • Das Grid und Grafiken
  • Einstellungen im Seitenlayout
  • Grids in den Layoutspalten
  • Das Grid an eigene Bedürfnisse anpassen
  • Mehrspaltige Inhalte auch ohne Grid

Termine

Rufen Sie uns an, und vereinbaren Sie einen Termin.

Mittagessen, Snacks, Obst und Getränke sind inklusive.

Arbeiten in Kleingruppen mit bis zu 6 Teilnehmern.