2009-04-15 3 views

Répondre

1

Je vous suggère de créer au moins deux types site web, un pour le navigateur de bureau et un pour le navigateur mobile. Pour le navigateur de bureau, je pense que vous savez peut-être que tous les navigateurs modernes n'ont aucun problème avec le rendu ACID 2 standard (je ne savais pas pourquoi IE8 continue d'échouer sur certains sites, car il supporte complètement ACID 2). Le navigateur mobile supporte généralement HTML 4, et XHTML 1.0 Basic, vous pouvez considérer quel DOCTYPE vous utiliserez en fonction du support du navigateur ... pour autant que je crée un site web mobile, j'utilise XHTML 1.0 Basic et WCSS (sorte de CSS extension pour navigateur mobile). Jusqu'à présent, Opera a été le meilleur sur le navigateur mobile, suivi par IPhone Safari, Pocket IE était le pire et le navigateur Blackberry était trop vieux (sauf pour les nouveaux appareils tels que Storm).

choses à éviter en général Javascript et CSS 2 (meilleur bâton avec CSS 1.x) ne pas utiliser trop de CSS positionnement particulier & frontière

Et je vous suggère de lire quelques articles à http://mobiforge.com/

EDIT (ajouter l'article de référence): pour la conception web mobile vous devriez vérifier quelques articles comme ci-dessous:
http://mobiforge.com/designing/story/effective-design-multiple-screen-sizes
http://mobiforge.com/designing/story/mobile-app-design-getting-point-part-i

+0

donc nous ne pouvons pas faire un bon site unique pour tous les appareils. 2 site Web séparé avec 2 url différente est une bonne option. mais 2 url différente est difficile à retenir qu'un. –

+0

pourquoi ne pas faire quelque chose de simple? exemple google a fait m.google.com ou yahoo avec m.yahoo.com pour un site mobile, est-ce trop dur pour créer un sous-domaine m.yourdomain.com par exemple? ou peut-être vous pouvez enregistrer votre domaine à dotMobi afin que vous puissiez utiliser yourdomain.mobi – Dels

+0

btw vous pouvez créer 1 URL pour tout régir, mais vous devez utiliser ce que l'on appelle schéma de détection de périphérique afin que votre site Web puisse détecter si le client est à partir du PC ou Appareils mobiles – Dels

0

toute plate-forme qui prend en charge xhtml

1
+0

semble très intéressant, merci pour l'info – Dels

+0

C'est génial !!! Ils ont aussi une bibliothèque de type jquery appelée XUI qui est très petite. 2,5k minifié. –

+0

J'adore phonegap, mais il vous aide à créer des applications natives en javascript et HTML. Cela ne vous aide pas à créer un site Web qui fonctionne bien sur les plateformes mobiles. Vous avez besoin d'autres outils pour cela. (D'autres outils qui vont bien avec phonegap, si vous construisez une application native.) –

1

Essayez ces gars-là:

http://www.wapple.net

Ils ont un programme en ligne qui rend votre site parfaitement aux capacités de chaque combiné.

1

J'ai la même question que vous! Mais vous ne pouvez pas faire un site mobile et pc. Vous pourriez avoir quelque chose comme: www.yoursite.com et un mobile nommé www.my.voyages.com, quelque chose comme ça. Mais je sais quelques choses que vous ne devriez pas mettre dans votre site mobile. • Flash ~ Flash vidéos, (Youtube) Flash Jeux/Animations (*. Swf) ... ne devrait pas être dans votre site mobile! • Javascript ~ La plupart des appareils ne peuvent pas gérer le Javascript. (Avec l'acception d'Opera 9.5 pour la Nintendo DSi.) Pourtant, les sites pour le DSi utilisent Javascript pour tout. (Comme www.dsipaint.com et www.dsicade.com) • BIG PICTURES! ~ Si vous mettez de grandes images, la page risque de ne pas se charger correctement. • Lots ah 'Content ~ C'est comme de grandes images. Mais trop de contenu peut faire apparaître un écran d'erreur qui dit quelque chose comme ceci: "La page contient trop de contenu. Revenir à la page d'accueil. " Rappelez-vous juste quelques-uns de mes conseils! (Si vous avez besoin d'un exemple d'un bon site mobile, essayez: hachibook.muf.mobi sur votre navigateur mobile.)

0

En utilisant css, vous pouvez avoir une page, et deux styles pour un PC et un pour mobile Pour faire suivre cette situation cette étape 1 marque la page 2 style pour PC par exemple a.css 3 style pour mobile dans par exemple b.css 4 dans le tag créer un lien vers le fichier css mais pour le pc on ajoute un attribut média et le remplir par = "screen" et pour mobile = "handheld"

Questions connexes