<?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 網頁內容的提示
		</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 網頁內容的提示
			</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 建立的網頁。 透過此預視，您可以清楚地瞭解網頁在行動裝置上顯示的樣子。<div class="note"><span class="notetitle">備註：  </span>您可以自行決定是否在個別的模擬裝置上，如果安裝了 Opera 小螢幕彩現， Device Central 就可以直接讓您檢視內容顯示的樣子。</div>

                        </div>

                        <p>若要確保 Dreamweaver 建立的網頁能在行動裝置上正常顯示，請參考以下的提示。</p>

                        <ul><li>
                              <div class="p">如果使用 Adobe® Spry Framework 來開發內容，請新增以下一行 HTML 到您的網頁，讓這些網頁能正確地在 Device Central 中轉譯 CSS 並執行 JavaScript™：<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>盡量讓行動裝置網頁內容簡單。 尤其請盡量少用字體、字體大小與色彩。</p>

                           </li>
<li>
                              <p>縮減影像大小並減少所需的顏色數量，將更能讓影像正常顯示。 使用 CSS 或 HTML 指定每個使用影像的確切高度與寬度。 提供所有影像的替代文字。</p>

                           </li>
</ul>

                        <div class="p">
                           <div class="note"><span class="notetitle">備註：  </span>如需最佳化行動裝置的網頁，建議您可至 Opera 軟體網站參考相關資料。</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="此頁面位於全球資訊網" href="http://help.adobe.com/zh_TW/DeviceCentral/1.0/WS858C150E-6615-4629-990F-18F3487BEC6A.html">此頁面位於全球資訊網</a></li></ul>
												
											</div>
											<br clear="both" />
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<br clear="both" />
	</body>
</html>