針對行動裝置建立 Dreamweaver 網頁內容的提示
Device Central 可利用 Opera 小螢幕彩現，預視 Dreamweaver 建立的網頁。 透過此預視，您可以清楚地瞭解網頁在行動裝置上顯示的樣子。
備註： 您可以自行決定是否在個別的模擬裝置上，如果安裝了 Opera 小螢幕彩現， 如果已安裝 Opera 的小螢幕彩現，Device Central 就可以直接讓您檢視內容顯示的樣子。
若要確保 Dreamweaver 建立的網頁能在行動裝置上正常顯示，請參考以下的提示。
-
如果使用 Adobe® Spry Framework 來開發內容，請新增以下一行 HTML 到您的網頁，讓這些網頁能正確地在 Device Central 中轉譯 CSS 並執行 JavaScript™：
<link href="SpryAccordion.css" media="screen" rel="stylesheet" type="text/css"/> <link href="SpryAccordion2.css" media="handheld" rel="stylesheet" type="text/css"/>
-
Opera 小螢幕彩現 並不支援影格、快顯項目、底線、刪除線、頂線、閃爍和圈選範圍。 盡量避免這些設計元素。
-
盡量讓行動裝置網頁內容簡單。 尤其請盡量少用字體、字體大小與色彩。
-
縮減影像大小並減少所需的顏色數量，將更能讓影像正常顯示。 使用 CSS 或 HTML 指定每個使用影像的確切高度與寬度。 提供所有影像的替代文字。
備註： 如需最佳化行動裝置的網頁，建議您可至 Opera 軟體網站參考相關資料。
如需針對行動電話和裝置建立內容的更多秘訣和技巧，請參閱 www.adobe.com/go/learn_cs_mobilewiki_en。