-1

ほとんどの携帯電話で適切に表示される Web ページを作成する方法を知りたいです。通常の Web ページの作成には、dreamweaver cs3 を使用します。私もエミュレーターを使用しない限り、エミュレーターを使用したくありません。両側に自動マージンを設定して、すべてを中央に配置することはできませんか?

ソファーで作ったページを見ていると、ちゃんと見えますが、携帯電話では、何かがごちゃごちゃしています。携帯電話で使用するために、重要でない情報とマークアップをすべて削除する予定です。

それから質問があります、基本的に今私にとって最も重要なものです

携帯電話が同じアドレスに行く場合、別のページを表示するにはどうすればよいですか?

編集

最後の回答は得られませんでしたが、使用できるブラウザ検出スクリプトを見つけました。

ありがとう、リチャード

4

3 に答える 3

2

最大限の互換性を得るには、デスクトップ コンピューターで実行されているほとんどの機能を備えたブラウザーがありふれたものと見なすものを捨てることとトレードオフする必要があります。

  • XHTML ドキュメントでモバイル Doctypeを宣言し、マークアップとスタイルシートが有効であることを確認してください。
  • CSS を本当にシンプルに保ちます。いいえ:ホバーします。デザインの一部として画像を使用しないでください。固定サイズ/余白の使用を制限してください。
  • エミュレーターは、実際のデバイス自体ほどテストには効果的ではありません。Wi-Fi/Bluetooth PAN に対応した電話は生活費を抑えることができますが、通信事業者のネットワークを介してテストすると、速度と遅延をよりよく理解するのにも役立ちます.
  • 「典型的なデバイス」はありませんが、Webkit の CSS アドオンを使用せずに Webkit の下で Web サイトの見栄えを良くすることができれば、膨大な数のデバイス (Nokia S60、iPhone、Android など) をカバーしたことになります。Opera Mini を使用すると、そのチャンクをさらに拡張できます。
  • 出力を可能な限り圧縮します。エンド ユーザーは、画面と CPU の処理が制限されるだけでなく、ネットワークによっても制限される可能性が高くなります。それらにデータをプッシュする速度が速ければ速いほど、Web サイトの反応が鈍くなることはありません。
于 2009-10-22T13:40:02.040 に答える
1

ちょうど私の2セント:

  1. 個人的には、ディスプレイの長さと幅に応じて自動的に調整されるように、レイアウトを流動的にします。多くの携帯電話には、横に並べるとページの方向を変えることができる加速度計が搭載されていることを覚えておいてください。この場合、水平スクロールは大したことではありません。

  2. 役に立たないものはすべて脇に置いて、基本情報、高度な情報、または詳細情報のみを提示するだけで、[その他] ボタンの下に配置する必要があります。

  3. 画像は使用しないでください。つまり、できるだけ使用しないでください。これにより、ユーザーの帯域幅のほとんどが使用されます。未満の人をターゲットにしている場合はGPRS/EDGE、画像をさらに避けたほうがよいでしょう。上の人3Gはより良いチャンスを持っています。

  4. FacebookまたはGmailモバイル インターフェイスを見て、アイデアを得ることができます。Google Reader'sモバイルインターフェースも優れていますが、まだ標準に達していません.

  5. どのくらいの人が私に同意するかわかりません -AJAX控えめにしてください。ページが高度に ajax 化されている場合、ほとんどの携帯電話はそれほど多くの負荷を処理できません。パソコンではなく、モバイルであることを忘れないでください。それにはいくつかの制限があります。おそらく非常にハイエンドの携帯電話でレンダリングできますが、ユーザーベースを強力に保つために、使用を最小限に抑えてください。


コンテンツの読み込み: ページの読み込みに時間がかかる場合、おそらくユーザーはそのページを使用しません。彼らは、自分の仕事を成し遂げることができる他の代替/サービスを使用することを好みます.

CSS : CSS をできるだけ使用しないようにします。上で何度も言ったように、画像よりも色を使用してください。ページが画面に正しく収まるようにするには、float を使用する必要があります。必要に応じて小さいフォントを使用できますが、特定のレベルを下回らないように注意してください。

于 2009-10-22T13:29:33.930 に答える
1

A List Apart には、モバイル デバイス用に異なるスタイル シートを条件付きで使用することに関するすばらしい記事があります。

http://www.alistapart.com/articles/putyourcontentinmypocket/

また、iPhone 向けの Web コンテンツの設計に関する Apple のドキュメントを確認することもできます。これは iPhone 固有のものですが、モバイル デバイス全般に関係します。

http://developer.apple.com/iphone/library/documentation/AppleApplications/Reference/SafariWebContent/OptimizingforSafarioniPhone/OptimizingforSafarioniPhone.html#//apple_ref/doc/uid/TP40006517-SW1

于 2009-10-22T13:30:49.427 に答える