全国服务热线:4008-888-888

技术知识

Tudou.com主页网页页面设计方案的制做方式


做前端开发也是有几年時间了,害怕说能把他看地多透,可是多是多少少還是一些自身的物品。下面以 Tudou.com 的主页为例,总结总结。
就制做而言,我将1张网页页面分成4层:架构、合理布局、控制模块、目录和数据信息块。
1、架构
网页页面的架构基础上全是:“头”、“行为主体”、“尾”。可是针对1些网页页面如Tudou.com,因为合理布局的必须,还应在“头”的下面还要加个“菜单”。

2、合理布局(下列用#ID表明网页页面元素)
#Head和#Foot里的就不说了,实际查询演试网页页面源代码。
合理布局说的是将#Main里的內容分为几大块。大家看Tudou.com,#Main里典型的上下构造,大家用#Layout_1,#Layout_2表明。如图

3、控制模块
合理布局#Layout_1,#Layout_2里的块便是控制模块了,
按我的了解,控制模块最少要有1个ID,Class则要视网页页面设计方案,给必须重用的再加。
有关控制模块的ID名字,要取个成心义的姓名,自然偷懒的能够用#Col_1,#Col_2,。。。
控制模块的Class名字用.cols_1,.cols_2,。。。

控制模块內部的以下图:

上1页12 下1页 阅读文章全文


在线客服

关闭

客户服务热线
4008-888-888


点击这里给我发消息 在线客服

点击这里给我发消息 在线客服