移動設(shè)備html5頁面布局-閱讀頁
2025-05-20 22:33本頁面
【正文】 度很高，常用于并列元素的展示，包括目錄、分類、內(nèi)容等。我們常見的工具欄， TAB， Coverflow 等都采用這種布局。它比較適合元素數(shù)量較少的情形，當(dāng)需要展示更多的內(nèi)容適，豎排列表則是更優(yōu)的選擇。當(dāng)元素數(shù)量固定不變?yōu)? 1 16時，則適合采用九宮格。 HTML5移動 Web開發(fā) 第 40頁 HTML5移動 Web開發(fā) 第 41頁 4， TAB ? 采用 TAB可以減少界面跳轉(zhuǎn)的層級，可以將并列的信息通過橫向或豎向 TAB來表現(xiàn)。當(dāng)功能之間聯(lián)系密切，用戶需要頻繁在各功能之間進(jìn)行頻繁時，TAB布局是首選。多面版很像豎屏排列的 TAB，可以展示更多的信息量，操作效率較高，適合分類和內(nèi)容都比較多的情形。 HTML5移動 Web開發(fā) 第 44頁 HTML5移動 Web開發(fā) 第 45頁 6，手風(fēng)琴 ? 手風(fēng)琴布局常見于兩級結(jié)構(gòu)的內(nèi)容。因此它可承載比較多的信息，同時保持界面簡潔。手風(fēng)琴在瀏覽器上很常見，很多瀏覽器的導(dǎo)航、歷史、下載管理等頁面均采用了手風(fēng)琴的設(shè)計。彈出框把內(nèi)容隱藏，僅在需要的時候才彈出，以節(jié)省屏幕空間。彈出框在安卓系統(tǒng)上的使用很普遍，比菜單、單選框、多選框等，在IOS系統(tǒng)上使用相對少些。彈出框一般是完成設(shè)置或完成某個任務(wù)，而抽屜展示的一般是具體內(nèi)容。抽屜欄一般從頂部或底部拉出，若是從左右兩側(cè)拉出的，我們一般稱為側(cè)邊欄。 HTML5移動 Web開發(fā) 第 50頁 HTML5移動 Web開發(fā) 第 51頁 9，標(biāo)簽 ? 在搜索界面和分類界面時，會采用標(biāo)簽的方式來展現(xiàn)。 HTML5移動 Web開發(fā) 第 52頁 HTML5移動 Web開發(fā) 第 53頁 例 ? 分別運行 ? 有什么不同？ ? modernizr，請自行查資料了解。這種布局叫做流體布局，可以增加文本的易讀性。在窗口寬度小的時候，行變得非常窄，很難閱讀。并且，很多時候，會遇到文字溢出等情況！ HTML5移動 Web開發(fā) 第 56頁 課后作業(yè) ? 已給代碼是一個人的簡歷的網(wǎng)頁描述。 ? 源代碼見： resume_demo原版 ? 上交方式：把 css、 js、 html等文件打包成一個文件夾，命名為： 實驗 2學(xué)號姓名 ，下次上課之前上交到
環(huán)評公示相關(guān)推薦
鄂ICP備17016276號-1