免费观看又色又爽又黄的小说免费_美女福利视频国产片_亚洲欧美精品_美国一级大黄大色毛片

框架、布局、模塊、列表和數據塊

2023-12-22    分類： 網站建設

做前端也有幾年時間了，不敢說能把他看地多透，但是多多少少還是有些自己的東西。就制作而言，我將一張頁面分為四層：框架、布局、模塊、列表和數據塊。

一、框架

頁面的框架基本上都是：“頭”、“主體”、“尾”。但是對于一 些頁面如Tudou.com，由于布局的需要，還應在“頭”的下面還要加個“菜單”。 二、布局（以下用#ID表示頁面元素）

#Head和#Foot里的就不說了，具體查看演示頁面源碼。

布局說的是將#Main里的內容分成幾大塊。我們看 Tudou.com，#Main里典型的左右結構，我們用#Layout_1，#Layout_2表示。

三、模塊

布局#Layout_1，#Layout_2里的塊就是模塊了，按我的理 解，模塊至少要有一個ID，Class則要視頁面設計，給需要重用的加上。關于模塊的ID名稱，要取個有意義的名字，當然偷懶的可以 用#Col_1，#Col_2，。。。模塊的Class名稱用.cols_1，.cols_2，。。。

四、列表和數據塊

模塊的主體是由列表組成的，而列表里則包含數據塊。

按我的理解， 頁面上的信息其實就是不同類型的列表。我們應將典型的列表方式提取出來，放在公用樣式里（public.css）。

以Tudou.com為 例，需要定義到public.css里的列表至少要有以下三種：

1. .list-v 垂直列表方式 (圖片和文字成垂直排列) 2. .list-h 水平列表方式 (圖片和文字成水平排列) 3. .list-t 文字列表方式 數據塊其實是微格式的一個變相應用， 給不同的數據元素定義固定的結構。

本文來源于成都網站建設公司與成都網站設計制作公司-創新互聯成都公司！

當前標題：框架、布局、模塊、列表和數據塊
網站URL：http://m.newbst.com/news3/309903.html

成都網站建設公司_創新互聯，為您提供關鍵詞優化、自適應網站、標簽優化、定制開發、App設計、靜態網站

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯

營銷型網站建設