Website für Handys

[Beechen]

Hallo,

trotz Suchfunktion und Suchmaschinen Recherche bin ich zu dieser Frage jetzt nicht viel schlauer geworden und bitte euch daher um Rat.

Meine Styles sind überwiegend liquide, aber nur in dem Bereich ab ca tausend px, alles darunter ist durch eine min-width davor geschützt, "zerschossen" zu werden.

Für die Anwender, die mit einem mobilen Gerät ankommen, würde ich gerne spezielle Handyseiten anbieten. Wie macht ihr denn das?

Reicht es aus, eine normale Textversion anzubieten oder muss man sich in WAP, XHTML basic und wie sie alle heissen einarbeiten?

Sorry, aber selber als chronischer Handyhasser tue mich da schwer mit.

Gibt es irgendwo anständige Tuts zu diesem Thema und am besten auch Tools zum Testen, wenn man selber nicht über so ein Handy Dings zum Surfen verfügt?

Freue mich über eure Hilfe, danke!

Gruß

[MrMurphy]

Hallo

Meine Styles sind überwiegend liquide, aber nur in dem Bereich ab ca tausend px, alles darunter ist durch eine min-width davor geschützt, "zerschossen" zu werden.

Also nicht liquide.

Reicht es aus, eine normale Textversion anzubieten oder muss man sich in WAP, XHTML basic und wie sie alle heissen einarbeiten?

Weder noch.

Gibt es irgendwo anständige Tuts zu diesem Thema

Da kenne ich leider keine. Entscheidend ist aber auch nur ein Quelltext nach Vorgabe der aktuellen HMTL- und CSS-Standards.

Wie macht ihr denn das?

Mit korrektem HMTL und CSS. Für Smartphones wird einfach eine extra CSS-Datei erstellt, die aber auch nur notwendigen Angaben enthalten muss. Wenn die Seite liquide erstellt wurde sind das in der Regel nur ein paar Zeilen.

Großer Vorteil: Der HTML-Quelltext bleibt für alle Ausgabegeräte gleich bzw. muss nur etwas erweitert werden, wenn der Homepagebetreiber eine unterschiedliche Darstellung konkret haben will. Z. B. unterschiedlich große Bilder.

HMTL und CSS reichen also vollkommen aus.

Gruss

MrMurphy

[Beechen]

Hallo MrMurphy, danke für deine Antwort!

ja du hast Recht, 100% liquide ist was anderes. Meine Boxen wachsen bei größeren Auflösungen zwar mit, aber ab einer bestimmten Breite verhindere ich das Schrumpfen, weil sonst die Vorgabe des Kunden bzw. das bestehende CI zerschossen werden würde.

Gut, also ein extra css mit media="handheld". Aber wenn ich auf den selben Quelltext zugreife, dann werden doch die selben Inhalte geladen, zB große Grafiken? Gut, die kann ich per ccs kleiner anzeigen, aber die Dateigrößen bleiben doch. Oder soll man alle grafischen Elemente zweimal im Quelltext anbieten und die dann je nach css ein- bzw ausblenden, analog der druck.css?

Was ich jetzt nicht verstehe: Wenn das so einfach geht per css, wozu gibt es dann diesen ganzen WAP Quark???

[fuchzga]

Hallo Leute,

nur damit ich es auch verstehe:
Mit "liquide" meint ihr "valide"?

[Rinaldo]

Nö - liquide und valide sind schon zwei paar Stiefel .

Liquid -> Darstellung passt sich der Auflösung des Seitenbesuchers an.

[fuchzga]

Wieder was gelernt. Gleich mal googeln...

[phpBuddy]

Wieder was gelernt. Gleich mal googeln...

Googlen lohnt nicht. Liquid Designs waren vor ein paar Jahren mal sehr angesagt und alles mit einer fixen Breite wurde belächelt. Natürlich dachte da noch niemand daran, dass man schon 2-3 Jahre später eine 1680er Auflösung als Standard angesehen kann und selbst das wird mehr und mehr von Full HD Auflösungen verdrängt. Tja, viel Spaß mit so einer Auflösung auf einer Liquid Design Webseite. Andererseits, das hat aber natürlich auch den Vorteil, dass man Bücher wie Moby Dick oder die Bibel fast komplett in einer Zeile unterbringen kann.

[hero-master]

Hi
Blog-Artikel über "mobile version" von Websites gibt es mittlerweile genug, inklusive Anleitungen, Testumgebungen und Wireframes dafür.
Ich habe dir mal 2 rausgesucht: Dr. Web und instantshift.

[Beechen]

Ja vielen Dank!

Ich hatte mit den falschen Keywords wie zB "Handy" gesucht und zum Finden dieser relevanten Tuts braucht man sowas wie "mobil" und "Smartphones" uä. Das kommt davon, wenn man diese Dinger beharrlich ignoriert hat...

Auf jeden Fall hat es mir sehr geholfen, hier nachzufragen und ich danke euch.

Schönen Sonntag noch wünscht
Beechen