XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   CSS (http://xhtmlforum.de/forumdisplay.php?f=73)
-   -   Mobile Optimierung ohne Fluid Grid und zweiter Seite? (http://xhtmlforum.de/showthread.php?t=68618)

o.the.run 19.12.2012 08:49

Mobile Optimierung ohne Fluid Grid und zweiter Seite?
 
Hallo zusammen,

ich hab lediglich eine kurze Frage, aber keine wirklich passenden Antworten bisher gefunden.
Nehmen wir mal an, ich besitze bereits eine Website und möchte diese für Tabletts und Smartphones optmieren.
Die Verwendung eines Fluid Grid fällt hierbei weg, da sich die Elemente auch anpassen, sobald man die Browserfenstergröße ändert und das will ich nicht.
siehe z.b. Rainbow Nursery — Bathgate

Schaue ich mir ebay an, so war die ebay-homepage ja bereits vorhanden, bevor man überhaupt an Fluid Grid dachte. Ich gehe nicht davon aus, dass sie die Seite komplett neu mit Fluid Grid geschrieben haben.
Betrachtet man sich nun die domain, so erkennt man, dass es sich um eine Mobile Version handelt.
Soweit so gut. Doch stelle ich mir nun die Frage, wie haben die das gemacht?
Gibt es hier einen Trick? Denn zwei oder sogar drei verschiedene Seiten zu betreiben und zu pflegen wäre enorm kosten- und zeitaufwendig.
Wie kann ich also meine Internetseite (einen Onlineshop) am einfachsten für Smartphones etc. optimieren?

Danke und beste Grüße

fricca 19.12.2012 11:59

Zitat:

Zitat von o.the.run (Beitrag 523960)
Nehmen wir mal an, ich besitze bereits eine Website und möchte diese für Tabletts und Smartphones optmieren.
Die Verwendung eines Fluid Grid fällt hierbei weg, da sich die Elemente auch anpassen, sobald man die Browserfenstergröße ändert und das will ich nicht.
siehe z.b. Rainbow Nursery — Bathgate

Das nennt man Responsive Design. Mit Media Queries reagiert man auf Viewportgrößen und passt das Design möglichst optimal an den verfügbaren Platz an.
"Fluid grids" sind nur ein kleiner Bestandteil eines solchen Ansatzes; allgemeiner gefasst ("adaptive design") kann man auch z.B. mit wechselnden festen Breiten arbeiten.

Zitat:

Gibt es hier einen Trick? Denn zwei oder sogar drei verschiedene Seiten zu betreiben und zu pflegen wäre enorm kosten- und zeitaufwendig.
Trick? Nein.
Um den Aufwand der doppelten Pflege zu vermeiden ist eben die Idee des "Responsive Design" entstanden.

Zitat:

Wie kann ich also meine Internetseite (einen Onlineshop) am einfachsten für Smartphones etc. optimieren?
"Einfach" geht das nicht, egal, welche Methode du verwendest.
Vielleicht hat ja jemand für dein Shopsystem schon etwas entwickelt, sei es ein separates mobiles oder ein responsives Template.

o.the.run 19.12.2012 12:15

Wenn nun die Seite bereits steht, kann man da ja nur sehr schwer ein responsive Design hinzufügen oder?
Ich meine eBay und Amazon betreiben ja auch für die Smartphones eine extra Subdomain.
Ich frage mich nur wie es möglich ist, beide Seiten zu nutzen, aber diese nur an einer Stelle zu pflegen.
Könnte man die Inhalte nicht via PHP include einfügen?

Gruß

fricca 19.12.2012 12:26

Zitat:

Zitat von o.the.run (Beitrag 523969)
Wenn nun die Seite bereits steht, kann man da ja nur sehr schwer ein responsive Design hinzufügen oder?

Hinzufügen? Nein.
Man muss dann ein neues Template erstellen.
Zitat:

Ich meine eBay und Amazon betreiben ja auch für die Smartphones eine extra Subdomain.
Ich weiß nicht, was du damit sagen willst.
Zitat:

Ich frage mich nur wie es möglich ist, beide Seiten zu nutzen, aber diese nur an einer Stelle zu pflegen.
Könnte man die Inhalte nicht via PHP include einfügen?
Wenn du ein Shopsystem betreibst, dann sind die Inhalte sicher in einer Datenbank. Es geht um das Template/die Templates.
Entweder machst du das eine Template zu einem responsiven oder du zeigst dem Besucher bei Bedarf das zusätzliche mobile Template. Ob du für letzteres eine eigene Subdomain verwendest oder nicht ist dir überlassen.
Informier dich doch mal, ob und was dein Shopsystem anbietet.

o.the.run 19.12.2012 13:39

Okay, danke erstmal soweit!


Alle Zeitangaben in WEZ +2. Es ist jetzt 17:04 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2023