<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE html
  PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
	<head>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
		<link rel="stylesheet" type="text/css" href="content.css" />
		<title>
			モバイルデバイス向けの Dreamweaver Web コンテンツを作成するためのヒント
		</title>
<!-- Changed by: , 21-Mar-2006 -->
<script src="help.js" type="text/javascript" language="Javascript" charset="UTF-8">...</script> 
		
		
<script type="text/javascript">
<!--[CDATA[
handleContext(1);
if (use_ie_6_behavior) {
  document.write("<link rel=\"stylesheet\" type=\"text/css\" href=\"content-ie6.css\" />");
}
// ]]-->
</script> 
		
<script src="scripts.js" type="text/javascript" language="Javascript" charset="UTF-8">...</script> <script src="terms.js" type="text/javascript" language="Javascript" charset="UTF-8">...</script> 
	</head>
	<body id="content_body">
<!--googleoff: index-->
<!-- BEGIN PAGE CONTENT WRAPPER -->
		<div id="pneumonic">
			<h1 class="DeviceCentral">DeviceCentral</h1>
		</div>
		<div id="page_content_wrapper">
			<p class="sharedproducts">トピック参照先： </p><p class="sharedproductindicators"><img src="images/dreamweaverSharedIndicator.png" title="Dreamweaver" /></p>
<!-- BEGIN BREADCRUMBS -->
			<div id="breadcrumb">
<!-- BEGIN BREADCRUMBS -->
				
<div class="nav"><dl class="page"><dd class="prev"><a accesskey="p" class="prev" href="WS092945DE-D20D-41de-9548-D1781281BB83.html" title="モバイルデバイス向けビデオを作成するためのヒント"><img src="images/prev.gif" alt="前へ" /></a></dd><dd class="next"><a accesskey="n" class="next" href="WS259BCE9F-6E6E-42d4-A440-65F58EA67D3F.html" title="エミュレータタブでのテスト"><img src="images/next.gif" alt="次へ" /></a></dd></dl></div><div class="hierarchy"><a href="WS28F6F81C-55B3-4ad5-B632-171637249F5B.html">Adobe Device Central でのコンテンツの作成、プレビュー、テスト</a> /
     <a href="WS3A29C98D-5768-45ea-AB2F-75FAF64078EE.html"><b>モバイルデバイス向けのコンテンツを作成するためのヒント</b></a> 
     </div>

<!-- END BREADCRUMBS -->
			</div>
<!-- END BREADCRUMBS -->
<!-- BEGIN PAGE TITLE -->
<!--googleon: index-->
			<h1>
				モバイルデバイス向けの Dreamweaver Web コンテンツを作成するためのヒント
			</h1>
<!--googleoff: index-->
<!-- END PAGE TITLE -->
<!-- BEGIN CONTENT WRAPPER -->
			<div id="content_wrapper">
<!--googleon: index-->
				<div><div class="section">
                        <div class="p">
                           
                           
                           Device Central では、Opera のスモールスクリーンレンダリング機能を使用して、Dreamweaver で作成された Web ページをプレビューできます。 このプレビューによって、Web ページがモバイルデバイスでどのように表示されるかがわかります。<div class="note"><span class="notetitle">注意：  </span>実際のデバイスには、Opera のスモールスクリーンレンダリング機能が搭載されていないものがあります。 Opera のスモールスクリーンレンダリング機能が搭載されてるデバイスの場合に、Device Central で実機と同じようなプレビューができます。</div>

                        </div>

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

                        <ul><li>
                              <div class="p">AdobeR Spry framework を使用してコンテンツを開発する場合、Device Central で適切に CSS をレンダリングし JavaScript? を実行するために、以下の HTML の行をページに追加します。<pre>&lt;link href="SpryAccordion.css" media="screen" rel="stylesheet" type="text/css"/&gt;
&lt;link href="SpryAccordion2.css" media="handheld" rel="stylesheet" type="text/css"/&gt;</pre>

                              </div>

                           </li>
<li>
                              <p>Opera のスモールスクリーンレンダリングでは、フレーム、ポップアップ、下線、取り消し線、上線、点滅および囲み枠はサポートされていません。 これらのデザインエレメントは使用しないようにしてください。</p>

                           </li>
<li>
                              <p>モバイルデバイス向けの Web ページは単純な作りにします。 特に、使用するフォント、フォントサイズおよびカラーの数は最小限にします。</p>

                           </li>
<li>
                              <p>画像サイズを縮小し、必要な色数を減らすと、意図したとおりに画像が表示される可能性が高くなります。 CSS または HTML を使用して、使用する各画像の高さと幅を正確に指定します。 すべての画像に alt テキストを付けます。</p>

                           </li>
</ul>

                        <div class="p">
                           <div class="note"><span class="notetitle">注意：  </span>Opera ソフトウェアの Web サイトに、モバイルデバイス向けに Web ページを最適化するための情報が多数あります。</div>

                        </div>

                     </div>
</div>

<!--googleoff: index-->
			</div>
<!-- END CONTENT WRAPPER -->
		</div>
<!-- END PAGE CONTENT WRAPPER -->
		<br clear="both" />
		<div id="related">
			<div class="t">
				<div class="b">
					<div class="l">
						<div class="r">
							<div class="bl">
								<div class="br">
									<div class="tl">
										<div class="tr">
											<div id="related_in">
												<h3>
<script type="text/javascript">document.write(terms_Related_Information);</script> 
												</h3>
												
												<h4>
<script type="text/javascript">document.write(terms_AHV_HELP_RESOURCE_CENTER);</script> 
												</h4>
												<ul class="link-list"><li class="icon external"><a target="_blank" title="Web 上のページ" href="http://help.adobe.com/ja_JP/DeviceCentral/1.0/WS858C150E-6615-4629-990F-18F3487BEC6A.html">Web 上のページ</a></li></ul>
												
											</div>
											<br clear="both" />
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<br clear="both" />
	</body>
</html>