麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 網站 > 網頁設計 > 正文

Tudou.com首頁網頁設計的制作方法

2024-08-30 08:33:53
字體：大 中 小
來源：轉載
供稿：網友

做前端也有幾年時間了，不敢說能把他看地多透，但是多多少少還是有些自己的東西。下面以 Tudou.com 的首頁為例，總結總結。
就制作而言，我將一張頁面分為四層：框架、布局、模塊、列表和數據塊。
一、框架
頁面的框架基本上都是：“頭”、“主體”、“尾”。但是對于一些頁面如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，。。。

模塊內部的如下圖：

上一頁12 下一頁 閱讀全文

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 免费观看国产精品视频 | 看毛片电影 | 成av人在线观看 | 久久久久久久久久久久久九 | 粉嫩粉嫩一区二区三区在线播放 | 久久久久一区二区三区四区五区 | 午夜在线视频一区二区三区 | 一级黄色电影网站 | 精品国产一区二区三区久久久狼牙 | sese在线视频| 黄色特级视频 | 国产高潮好爽好大受不了了 | 午夜电影视频 | 毛片免费在线视频 | 亚洲一区 国产 | 国产精品久久久久久久久久久久午夜 | 欧美一级黄视频 | 国产一国产一级毛片视频在线 | 狠狠干天天操 | 27xxoo无遮挡动态视频 | 黄网站色成年大片免费高 | 国产视频导航 | 激情视频免费看 | 亚洲xxx在线观看 | 国内毛片视频 | 天天操综 | 精国品产一区二区三区有限公司 | 免费a视频在线观看 | 99影视在线视频免费观看 | 亚洲精品a级 | 久久久久国产精品久久久久 | 亚洲操比视频 | 国产精品免费小视频 | 久久精品视频首页 | 国产精品一品二区三区四区18 | 日本在线观看视频网站 | 久久综合婷婷 | 91精品国| 在线1区| 日韩欧美中文字幕视频 | 中文字幕在线观看免费视频 |