MaMe Di

Header Right

Main navigation

MAMEDi  @  Home » Responsive Webdesign

Responsive Webdesign

Beim „Responsive Webdesign“ geht es darum, den Besuchern eine flexible Homepage anzubieten, die auf allen Geräten möglichst gut lesbar dargestellt wird.

Es ist egal, ob die Homepage nun mit einem Smartphone, Tablet, Desktop oder Laptop besucht wird, sie paßt sich jeder Bildschirmgröße automatisch an.

Im Prinzip wird den Besuchern der Inhalt mit angepaßten Proportionen für das jeweilige Gerät sowie in einer etwas anderen Reihenfolge zur Verfügung gestellt.

     

 

Smartphone · Tablet · Desktop · Laptop

Neuere Webstandards wie „HTML5 und „CSS3“ mit den „Media Queries“ sind die technische Grundlage für eine flexible Homepage.

 

Man muss sich tatsächlich ein paar Gedanken machen, was den Inhalt der einzelnen Seiten einer Homepage betrifft, welche Reihenfolge für die verschiedenen Geräte die Sinnvollste ist und dabei möglichst übersichtlich ist.

Was bei einem Desktop oder Laptop noch problemlos und bequem nebeneinander dargestellt werden kann, wird bei der Ansicht auf einem Tablet und spätestens bei einem Smartphone untereinander angezeigt.

 

? Verbreitete Content-Management-Systeme !

Joomla!

„Joomla!“

WordPress

„WordPress“

TYPO3

„TYPO3“

Die meisten Open-Source-Systeme basieren – wie die drei hier genannten „Joomla!“, „TYPO3“ und „WordPress“ – auf der Skriptsprache „PHP“ und beziehen ihre Daten aus einer „MySQL-Datenbank“, dem weltweit weitverbreitesten Open-Source-Datenbankverwaltungssystem.

Open-Source-Systeme, die von ihren weltweiten Communitys weiterentwickelt werden, stehen heutzutage jedermann kostenlos für ein eigenes Homepage-Projekt zur Verfügung. Funktioniert die Umsetzung des „Responsive Webdesign“ bei allen Systemen gleich gut?

Für welchen Zweck (Blog, Shop, Firma) wird das System gebraucht? Was gilt es zu berücksichtigen, welches Grundwissen – „CSS“- und „HTML“-Kenntnisse (?!) – sollte vorhanden sein und wie kann man das notwendige Fachwissen dafür erwerben. Die richtige Wahl zu treffen, ist gar nicht so leicht.

 

! Konfiguration ?

Werkzeug » Content-Management-System

Mit welchem Content-Management-System (CMS) läßt sich eine Homepage möglichst einfach (neu)gestalten, (um)organisieren und vor allem pflegen? Meine Empfehlung ist „WordPress“, das weltweit beliebteste Open-Source-System, was auch der Motor der MAMEDi-Homepage ist.

Theme » Framework » Child Theme

Zu einem Content-Management-System (CMS) als Motor wird außerdem eine solide und zuverlässige Karosserie (= Theme, Template, Framework) benötigt, wofür sich z.B. das „Genesis“-Framework von „Studiopress“ hervorragend eignet. Die Lackierung wird schließlich vom „Child Theme“ übernommen, in dem alle individuellen Stilmerkmale (= CSS-Klassen) wie Farben, Schriften, Texturen, etc. definiert werden.

Responsive Webdesign » Tablets & Smartphones

Eine Homepage für alles. Damit eine Homepage nicht nur auf dem heimischen Desktop oder Laptop, sondern auch auf modernen Mobilgeräten wie Smartphones und Tablets gut lesbar dargestellt wird, benötigt man ein flexibles Theme auf der Basis des sogenannten „Responsive Webdesign“, wofür es bei „WordPress“ eine gute Auswahl gibt. Eine wichtige Frage ist auch hierbei, wie leicht sich das ausgewählte Theme mit der gewünschten individuellen Gestaltung versehen läßt.

Zusätzliche Funktionen » Plugins

Als Ergänzung zur Basisinstallation kann ein Content-Management-System (CMS) mit weiteren nützlichen Funktionen durch zusätzliche Module, sogenannte „Plugins“, ausgestattet werden. Im Plugin-Verzeichnis auf der „WordPress“-Homepage sind inzwischen über 46.000 Stück dieser Werkzeuge für die verschiedensten Anwendungen zu finden.