Georgien Nachrichten mobile Version reponsives Design Twitter Bootstrap PHP HTML CSS jQuery mySQL objektorientierte Programmierung Referenz Thomas Berscheid
Georgien Nachrichten mobile Version reponsives Design Twitter Bootstrap PHP HTML CSS jQuery mySQL objektorientierte Programmierung Referenz Thomas Berscheid
Georgien Nachrichten mobile Version reponsives Design Twitter Bootstrap PHP HTML CSS jQuery mySQL objektorientierte Programmierung Referenz Thomas Berscheid
Georgien Nachrichten mobile Version reponsives Design Twitter Bootstrap PHP HTML CSS jQuery mySQL objektorientierte Programmierung Referenz Thomas Berscheid
Georgien Nachrichten mobile Version reponsives Design Twitter Bootstrap PHP HTML CSS jQuery mySQL objektorientierte Programmierung Referenz Thomas Berscheid
Georgien Nachrichten mobile Version reponsives Design Twitter Bootstrap PHP HTML CSS jQuery mySQL objektorientierte Programmierung Referenz Thomas Berscheid

Georgien Nachrichten mobil

Diese Referenzliste bezieht sich auf eine Webseite, von der es zwei Versionen gibt. Diese Version ist mit Hilfe des Twitter Bootstrap Frameworks für mobile Endgeräte optimiert. Die Umschaltung zwischen beiden Versionen erfolgt mit Hilfe eines Links auf eine Subdomain.

Download Referenzliste als PDF

Details zur mobilen Version der Georgien Nachrichten

Startseite mobile Version

Georgien Nachrichten mobile Version reponsives Design Twitter Bootstrap PHP HTML CSS jQuery mySQL objektorientierte Programmierung Referenz Thomas Berscheid

Seite wird mit PHP aus mySQL Datenbank generiert. Aufbau des Quelltextes nach den Standards HTML5 und CSS3. Das Grundgerüst mit Bootstrap basiert auf dem Bootstrap Framework. Die Inhalte sind in flexibel skalierbaren Boxen angeordnet. Das gesamte Design ist vom W3C validiert. 

Startseite für Endgeräte mit geringer Auflösung

Georgien Nachrichten mobile Version reponsives Design Twitter Bootstrap PHP HTML CSS jQuery mySQL objektorientierte Programmierung Referenz Thomas Berscheid

Die Webseite ist für die Anzeige mit mobilen Endgeräten optimiert. Inhalte sind in Grundgerüst eingehangen, das über das Bootstrap Framework aufgebaut ist. Die einzelnen Elemente werden nun entsprechend der Auflösung des Endgerätes nebeneinander und untereinander geschachtelt.

Link zu Umschaltung mobiler Version

Georgien Nachrichten mobile Version reponsives Design Twitter Bootstrap PHP HTML CSS jQuery mySQL objektorientierte Programmierung Referenz Thomas Berscheid

Bei Bildschirmen mit großer Auflösung wird ein Hinweis auf die statische Version der Webseite angezeigt, die für diese Auflösung optimiert ist. Bei einer Auflösung <700 px wird die Anzeige weggeschaltet. Die Umschaltung erfolgt über das Style Sheet.

Zweispaltige Anzeige einzelner Artikel

Georgien Nachrichten mobile Version reponsives Design Twitter Bootstrap PHP HTML CSS jQuery mySQL objektorientierte Programmierung Referenz Thomas Berscheid

Bei großer Auflösung ist das Layout zweispaltig. Ein Artikel wird rechts neben der Spalte mit Suche, neuen Nachrichten und Kalender anzeigt. 

Einspaltige Anzeige einzelner Artikel

Georgien Nachrichten mobile Version reponsives Design Twitter Bootstrap PHP HTML CSS jQuery mySQL objektorientierte Programmierung Referenz Thomas Berscheid

Bei kleinerer Auflösung schaltet das Layout auf einspaltige Darstellung um. Ein Artikel wird unterhalb der Spalte neuen Nachrichten anzeigt. Die übrigen Elemente werden weiter unten in der Webseite eingeblendet.

Übersicht in den Rubriken

Georgien Nachrichten mobile Version reponsives Design Twitter Bootstrap PHP HTML CSS jQuery mySQL objektorientierte Programmierung Referenz Thomas Berscheid

Die Übersicht ist mit Hilfe eines Accordion-Menus gestaffelt. Das Menü ist über ein jQuery-Modul aufgebaut. Breite und Höhe der einzelnen Menüpunkte passen sich flexibel der gewählten Auflösung des Bildschirms an. 

Übersicht in den Rubriken mobile Version

Georgien Nachrichten mobile Version reponsives Design Twitter Bootstrap PHP HTML CSS jQuery mySQL objektorientierte Programmierung Referenz Thomas Berscheid

Bei kleinerer Auflösung schaltet die Darstellung auf einspaltiges Design um. Auch hier passen sich Höhe und Breite der Accordions flexibel der zur Verfügung stehenden Auflösung an.

Tab Menu

Georgien Nachrichten mobile Version reponsives Design Twitter Bootstrap PHP HTML CSS jQuery mySQL objektorientierte Programmierung Referenz Thomas Berscheid

Tab Menu am Fuß jeder Seite. Je nach Auflösung werden verschiedene Breiten geschaltet. Unterhalb einer Auflösung von 700 px wird das Menu abgeschaltet.

Linkliste in Darstellung für große Auflösung

Georgien Nachrichten mobile Version reponsives Design Twitter Bootstrap PHP HTML CSS jQuery mySQL objektorientierte Programmierung Referenz Thomas Berscheid

Linkliste in Darstellung für große Auflösung, daher zweispaltiges Design. Für beide Darstellungen gilt: Um für alle Breiten eine übersichtliche Darstellung zu erreichen, sind die einzelnen Textelemente und die Länderflaggen untereinander geschachtelt. Aktive Links werden mit der vollfarbigen Version einer Länderflagge dargestellt, inaktive mit ausgegrauter Farbe. 

Linkliste für mobile Endgeräte

Georgien Nachrichten mobile Version reponsives Design Twitter Bootstrap PHP HTML CSS jQuery mySQL objektorientierte Programmierung Referenz Thomas Berscheid

Linkliste in Darstellung für mobile Endgeräte, daher einspaltiges Design. Elemente werden automatisch untereinander geschachtelt. Trennlinien und klare Struktur der Informationen gliedern einzelne Pakete voneinander ab.

Bildergalerie für mobile Version

Georgien Nachrichten mobile Version reponsives Design Twitter Bootstrap PHP HTML CSS jQuery mySQL objektorientierte Programmierung Referenz Thomas Berscheid

Die Bildergalerie baut auf einem jQuery-Modul auf. Die Anzeige wird entsprechend der verfügbaren Breite des Bildschirms skaliert. 

Georgische Übersetzungen nun mit eigener Domain online
Thomas Berscheid ‣ 01.03.2017, 14:50:00
Georgische Übersetzungen: Neue Webseite rückt Handwerk der Übersetzerin stärker in den Mittelpunkt
Georgisch Dolmetschen jetzt mit eigener Webseite
Thomas Berscheid ‣ 27.02.2017, 22:54:00
Weitere Domain der Internetagentur Irma Berscheid-Kimeridze seit wenigen Tagen im Netz. Georgisch Dolmetschen mit eigener Webseite erreichbar.
SEO wirkt weiter – Georgisch.Com auf Seite 1 bei Google
Thomas Berscheid ‣ 22.02.2017, 10:23:00
Webseite von Irma Berscheid-Kimeridze nach Relaunch und Suchmaschinenoptimierung auf Seite 1 bei Google Suchergebnissen
IBKBlog - Unser Agenturblog mit Wordpress ist online
Thomas Berscheid ‣ 20.02.2017, 11:15:00
Blog der Internetagentur Irma Berscheid-Kimeridze geht mit eigener Webseite online. Responsive Lösung mit Wordpress.
SEO bringt Rumänisch Dolmetschen von Seite 6 auf Seite 1
Thomas Berscheid ‣ 18.02.2017, 20:04:00
Suchmaschinenoptimierung für Webseite von Kundin mit eigenen Texten und SEO-Maßnahmen zeigt durchschlagenden Erfolg
^