モバイルデバイス向けの Dreamweaver Web コンテンツを作成するためのヒント

Device Central では、Opera のスモールスクリーンレンダリング機能を使用して、Dreamweaver で作成された Web ページをプレビューできます。このプレビューによって、Web ページがモバイルデバイスでどのように表示されるかがわかります。

注意：実際のデバイスには、Opera のスモールスクリーンレンダリング機能が搭載されていないものがあります。 Opera のスモールスクリーンレンダリング機能が搭載されてるデバイスの場合に、Device Central で実機と同じようなプレビューができます。

以下のヒントを使用して、Dreamweaver で作成した Web ページがモバイルデバイスで適切に表示されるようにします。

AdobeR Spry framework を使用してコンテンツを開発する場合、Device Central で適切に CSS をレンダリングし JavaScript? を実行するために、以下の HTML の行をページに追加します。
```
<link href="SpryAccordion.css" media="screen" rel="stylesheet" type="text/css"/>
<link href="SpryAccordion2.css" media="handheld" rel="stylesheet" type="text/css"/>
```
Opera のスモールスクリーンレンダリングでは、フレーム、ポップアップ、下線、取り消し線、上線、点滅および囲み枠はサポートされていません。これらのデザインエレメントは使用しないようにしてください。
モバイルデバイス向けの Web ページは単純な作りにします。特に、使用するフォント、フォントサイズおよびカラーの数は最小限にします。
画像サイズを縮小し、必要な色数を減らすと、意図したとおりに画像が表示される可能性が高くなります。 CSS または HTML を使用して、使用する各画像の高さと幅を正確に指定します。すべての画像に alt テキストを付けます。

注意： Opera ソフトウェアの Web サイトに、モバイルデバイス向けに Web ページを最適化するための情報が多数あります。

DeviceCentral