2009-04-15 2 views

Antwort

1

Ich schlage vor, Sie erstellen mindestens zwei Typen Webseite, eine für Desktop-Browser und eine für Handy-Browser unterstützt. Für den Desktop-Browser denke ich, dass Sie vielleicht wissen, dass die meisten modernen Browser kein Problem mit der Darstellung von ACID 2 haben (ich wusste nicht, warum IE8 auf einigen Seiten versagt, da ACID 2 vollständig unterstützt wird).

Mobile Browser unterstützen im Allgemeinen HTML 4, und XHTML 1.0 Basic, können Sie überlegen, was DOCTYPE basierend auf Browser-Unterstützung verwenden ... soweit ich mobile Website zu erstellen, verwende ich XHTML 1.0 Basic und WCSS (irgendeine Art CSS Erweiterung für den mobilen Browser).

Bisher war Opera das Beste auf Mobile Browser, gefolgt von IPhone Safari, Pocket IE war das Schlimmste und Blackberry Browser war zu alt (außer für neue Geräte wie Storm).

Dinge in der Regel Javascript zu vermeiden und CSS 2 (besser Stick mit CSS 1.x) zu viel CSS nicht besonders & Grenze Positionierung verwenden

Und ich schlage vor, Sie einige Artikel zu http://mobiforge.com/

zu lesen EDIT (weitere Referenzartikel hinzugefügt werden): für mobile Web-Design sollten Sie einige Artikel wie unten überprüfen:
http://mobiforge.com/designing/story/effective-design-multiple-screen-sizes
http://mobiforge.com/designing/story/mobile-app-design-getting-point-part-i

+0

so können wir nicht eine gute einzelne Website für alle Geräte machen. 2 separate Website mit 2 verschiedenen URLs ist eine gute Option. aber 2 verschiedene URLs sind schwer zu merken. –

+0

Warum nicht etwas einfach machen? Beispiel google hat m.google.com oder yahoo mit m.yahoo.com für die mobile Website erstellt. Ist es beispielsweise schwierig, die Subdomain m.ihredomain.com zu erstellen? oder vielleicht könnten Sie Ihre Domain bei dotMobi registrieren, so dass Sie yourdomain.mobi – Dels

+0

btw können Sie 1 URL erstellen, um alle zu regeln, aber Sie müssen so genannte Gerät Erkennung Schema verwenden, so dass Ihre Website erkennen kann, ob der Client von Desktop PC oder ist Mobile Devices – Dels

0

jede Plattform, die xhtml

1
+0

sieht sehr interessant aus, danke für die Info – Dels

+0

Das ist genial !!! Sie haben auch eine jquery-ähnliche Bibliothek namens XUI, die sehr klein ist. 2.5k wurde verkleinert. –

+0

Ich liebe Phonegap, aber es hilft Ihnen beim Erstellen von nativen Apps in Javascript und HTML. Es hilft Ihnen nicht, eine Website zu erstellen, die auf mobilen Plattformen gut gerendert wird. Sie brauchen andere Werkzeuge dafür. (Andere Tools, die gut mit Phonegap funktionieren, wenn Sie eine native App erstellen.) –

1

diese Jungs versuchen:

http://www.wapple.net

Sie haben ein Online-Programm, das aus auf Ihre Website macht auf die Fähigkeiten der einzelnen Hörer.

1

Ich habe die gleiche Frage wie Sie! Aber Sie können keine mobile und PC-Website erstellen. Sie könnten etwas wie: www.yoursite.com und ein Handy namens www.m.yoursite.com, so etwas haben. Aber ich kenne ein paar Dinge, die Sie nicht in Ihre mobile Website einfügen sollten. • Flash ~ Flash-Videos, (Youtube) Flash-Spiele/Animationen (*. Swf) ... sollte nicht in Ihrer mobilen Website sein! • Javascript ~ Die meisten Geräte können nicht mit Javascript umgehen. (Mit der Annahme von Opera 9.5 für den Nintendo DSi.) Doch Websites für den DSi verwenden Javascript für alles. (Z. B. www.dsipaint.com und www.dsicade.com) • GROSSE BILDER! ~ Wenn Sie große Bilder einlegen, wird die Seite möglicherweise nicht richtig geladen. • Viele ah 'Inhalt ~ Das ist wie große Bilder. Bei zu vielen Inhalten wird jedoch möglicherweise ein Fehlerbildschirm angezeigt, der etwa so lautet: "Die Seite enthält zu viel Inhalt. Zurück zur Startseite. " Erinnern Sie sich nur an einige meiner Tipps! (Wenn Sie ein Beispiel für eine gute mobile Website benötigen, versuchen Sie: hachibook.muf.mobi in Ihrem mobilen Browser.)

0

von CSS verwenden, können Sie eine eine Seite und zwei Stil eines für PC und eine für den mobilen haben diese Situation a.css 3 Styling diesen Schritt 1 make Seite 2 Styling für PC in zum Beispiel folgen Zur Herstellung für Mobile in zum Beispiel b.css 4 in Tag erstellen Link zu beiden CSS-Datei, aber für den PC ein Medienattribut hinzufügen und füllen Sie den Inhalt von = "Bildschirm" und für mobile = "Handheld"