LIEBE BESUCHER,
Herzlich Willkommen bei uns. Wir freuen uns Sie hier zu treffen, egal welcher Weg Sie zu uns geführt hat. Klicken Sie für die 4 Unter-Seiten (Information 1-4), welche wir als Beispiel verlinkt haben und dort weitere Hinweise für Sie bereitstellen, oben auf den Button "More" (Verlinkung per Anker-Sprungziel) oder scrollen Sie ans Ende der Webseite zu den Links "Information 1-4". Die Startseite (index.html) soll also eher für wichtige oder neue Angelegenheiten der Homepage zur Verfügung stehen, während die im Mittelbereich anders strukturierten Unterseiten mehr Platz für den eigentlichen Inhalt bieten.
Herzlich Willkommen bei uns. Wir freuen uns Sie hier zu treffen, egal welcher Weg Sie zu uns geführt hat. Klicken Sie für die 4 Unter-Seiten (Information 1-4), welche wir als Beispiel verlinkt haben und dort weitere Hinweise für Sie bereitstellen, oben auf den Button "More" (Verlinkung per Anker-Sprungziel) oder scrollen Sie ans Ende der Webseite zu den Links "Information 1-4". Die Startseite (index.html) soll also eher für wichtige oder neue Angelegenheiten der Homepage zur Verfügung stehen, während die im Mittelbereich anders strukturierten Unterseiten mehr Platz für den eigentlichen Inhalt bieten.
Wir möchten unsere Produkte vorstellen. Sicher kennen Sie schon viele aus der Werbung.
Wir haben blanko Grafiken zum Beschriften dieser runden Buttons beigelegt. Latest News.
Liebe Kunden, so finden Sie uns. Anfahrtsskizze für Sie heraus gelegt.
ABOUT ME
Personality
Skills
Hobbies
Fun
Personality
Skills
Hobbies
Fun
INFORMATION
Dies ist ein Responsive Webdesign (RWD). Immer schneller und stärker zunehmend wandelt sich die Größe der Ausgabegeräte. Es gibt mittlerweile sehr viele unterschiedlich große Displays wie Desktop-PCs, Notebooks, Tablets, Smartphones, E-Book-Reader oder Fernsehgeräte. Gerade Tablets und Smartphones verändern heutzutage extrem das Surf-Verhalten.
Mit der RWD-Technik wird versucht für die unterschiedlich großen Displays angepaßte, optimierte Designs zu gestalten. In der Regel geschieht dies durch Layouts, welche in Prozent statt absoluten Pixelgrößen angelegt sind und insbesondere durch die Verwendung von CSS3-Media Queries, welche die Bildschirmgröße abfragen und so individuelle Anpassungen (per sogenannter wählbarer Breakpoints) erst ermöglichen.
Die Anzahl verschieden großer Ausgabegeräte (Devices) wird mittlerweile unüberschaubar, denken Sie insbesondere an die mobilen Devices mit all ihren Zwischengrößen (Phablets, Smartphones XL (Big), Smartphone S (Mini/Normal) u.a.)
Dies ist ein Responsive Webdesign (RWD). Immer schneller und stärker zunehmend wandelt sich die Größe der Ausgabegeräte. Es gibt mittlerweile sehr viele unterschiedlich große Displays wie Desktop-PCs, Notebooks, Tablets, Smartphones, E-Book-Reader oder Fernsehgeräte. Gerade Tablets und Smartphones verändern heutzutage extrem das Surf-Verhalten.
Mit der RWD-Technik wird versucht für die unterschiedlich großen Displays angepaßte, optimierte Designs zu gestalten. In der Regel geschieht dies durch Layouts, welche in Prozent statt absoluten Pixelgrößen angelegt sind und insbesondere durch die Verwendung von CSS3-Media Queries, welche die Bildschirmgröße abfragen und so individuelle Anpassungen (per sogenannter wählbarer Breakpoints) erst ermöglichen.
Die Anzahl verschieden großer Ausgabegeräte (Devices) wird mittlerweile unüberschaubar, denken Sie insbesondere an die mobilen Devices mit all ihren Zwischengrößen (Phablets, Smartphones XL (Big), Smartphone S (Mini/Normal) u.a.)
WARUM RESPONSIVE?
Warum ist "Responsive Webdesign" eigentlich so wichtig?
Weil es mehr als nur ein Trend ist...Vielmehr ist es eine Entwicklung, eine Technik-Schraube, welche sich nicht mehr zurückdrehen läßt. Denn die Nachfrage mittels mobiler Geräte wird sich immer weiter steigern, mittlerweile ist "Responsive" gar ein wichtiges Merkmal für das Google-Suchmaschinen-Ranking.
Wir möchten Ihnen hier ein grundsolides Template anbieten, welches im Gegensatz zu vielen Templates anderer Anbieter bezüglich der Responsive-Technik ganz ohne Javasript auskommt. (Hinweis: Auch die "jQuery-Bibliothek", welche Ihnen bei entsprechenden Recherchen sofort unterkommt ist natürlich Javascript. Und Javascript funktioniert ja leider nicht, wenn es der Anwender im Browser ausgeschaltet hat).
Warum ist "Responsive Webdesign" eigentlich so wichtig?
Weil es mehr als nur ein Trend ist...Vielmehr ist es eine Entwicklung, eine Technik-Schraube, welche sich nicht mehr zurückdrehen läßt. Denn die Nachfrage mittels mobiler Geräte wird sich immer weiter steigern, mittlerweile ist "Responsive" gar ein wichtiges Merkmal für das Google-Suchmaschinen-Ranking.
Wir möchten Ihnen hier ein grundsolides Template anbieten, welches im Gegensatz zu vielen Templates anderer Anbieter bezüglich der Responsive-Technik ganz ohne Javasript auskommt. (Hinweis: Auch die "jQuery-Bibliothek", welche Ihnen bei entsprechenden Recherchen sofort unterkommt ist natürlich Javascript. Und Javascript funktioniert ja leider nicht, wenn es der Anwender im Browser ausgeschaltet hat).
SO TESTEN SIE RESPONSIVE
Wir gehen davon aus, daß Sie Ihre größte Bildschirmauflösung auf dem Desktop-PC eingestellt haben. Minimieren Sie nun das Browser-Fenster und ziehen Sie dann das Browser-Fenster mit gedrückt gehaltener Maustaste ganz langsam von rechts nach links in der Breite immer schmaler zusammen und dann wieder umgekehrt von links nach rechts wieder ganz auf.
Sicher gibt es noch exaktere Methoden um RESPONSIVE genauer zu testen, aber so unkompliziert und schnell ist die vorab genannte Methode für den ersten Eindruck wohl die effektivste.
Insbesondere sollten Sie dabei darauf achten, ab wann die Breakpoints ablaufen. D.h. irgendwann bricht das Layout je nach Anzahl und Breite der Spalten innerhalb eines Feldes bei den verschiedenen Auflösungen um, nur zum Beispiel von vier-spaltig (Desktop/Notebook) auf zwei-spaltig (Tablet) und dann in der kleinsten Version (Smartphone) auf ein-spaltig.
Wir gehen davon aus, daß Sie Ihre größte Bildschirmauflösung auf dem Desktop-PC eingestellt haben. Minimieren Sie nun das Browser-Fenster und ziehen Sie dann das Browser-Fenster mit gedrückt gehaltener Maustaste ganz langsam von rechts nach links in der Breite immer schmaler zusammen und dann wieder umgekehrt von links nach rechts wieder ganz auf.
Sicher gibt es noch exaktere Methoden um RESPONSIVE genauer zu testen, aber so unkompliziert und schnell ist die vorab genannte Methode für den ersten Eindruck wohl die effektivste.
Insbesondere sollten Sie dabei darauf achten, ab wann die Breakpoints ablaufen. D.h. irgendwann bricht das Layout je nach Anzahl und Breite der Spalten innerhalb eines Feldes bei den verschiedenen Auflösungen um, nur zum Beispiel von vier-spaltig (Desktop/Notebook) auf zwei-spaltig (Tablet) und dann in der kleinsten Version (Smartphone) auf ein-spaltig.
