< Informations-Abende und Schnupper-Nachmittag
08.11.2015 22:15 Alter: 9 yrs

Homepage GYS im neuen Responsive Webdesign


By Muhammad Rafizeldi (Google+) [CC BY-SA 3.0 (http://creativecommons.org/licenses/by-sa/3.0)], via Wikimedia Commons

Seit Anfang November hat das GYS Feldkirch eine neue Webseite. Dank einiger toller Typo3 Templates (Vorlagen), die das VOBS (Vorarlberger Bildungsserver) als Hoster allen Vorarlberger Schulen samt Einschulung kostenfrei zur Verfügung stellt, hat nun auch das GYS Feldkirch die aktuelle Forderung „Mobile First“ technisch umgesetzt. Zielpublikum für Webseiten sind somit primär Nutzer/innen von mobilen Devices. Damit verliert zwar einerseits die Website die einheitliche Darstellung auf allen Ausgabegeräten, punktet aber mit einer optimierten Webausgabe für unterschiedlichste Ausgabeformen. Im Sinne einer jederzeitigen, guten Lesbarkeit fragen Webseiten mit Responsive Webdesign die Auflösung des jeweiligen Ausgabegeräts (Handy, Smartphone, Tablet, Notebook, TFT-Monitor etc.) ab (sogenannte Media Queries) und verändern dann das Layout für eine optimierte Lesbarkeit. Vorbei sind die Zeiten, bei denen man nur mit gesonderten Scroll-Leisten oder mittels mühsamen Zoomen/Wischen Inhalte lesen konnte. Allein schon das Drehen eines Smartphones  verändert die Ausgabe einer Website. Responsive Webdesign ist DER Trend der Zukunft. Google beispielsweise bewertet (mittels sogenanntem PageRank) Seiten ohne mobile Optimierung geringer als solche mit Responsive Webdesign, was schlussendlich entscheidend für Neukunden sein kann.

Natürlich wird die GYS Website auch fortan im Sinne einer besseren Lesbarkeit laufend adaptiert und ausgebaut. Auch Schüler/innen des (Wahl-)Pflichtfachs Informatik beschäftigen sich im Unterricht ab  diesem Schuljahr  bereits mit dieser aufregenden Webtechnologie.

DI (FH) Mario Wüschner MA

 

Weblinks zu Responsiv Webdesign

 

https://de.wikipedia.org/wiki/Responsive_Webdesign

http://www.responsive-webdesign.mobi/was-ist-responsive-webdesign/

http://demos1.www4.vobs.at/