广州凡科互联网科技有限公司

营业时间
MON-SAT 9:00-18:00

全国服务热线
18720358503

公司门店地址
广州市海珠区工业大道北67号凤凰创意园

网站建设六部曲-DivCSS入门教程:分享非常不错的

日期:2021-04-14 浏览:
--------

网站建设六部曲

------- 做前端开发也有几年時间了,害怕说能把他看地多透,可是多多少量還是有些自身的物品。就制作而言,我将一张网页页面分为四层:架构、合理布局、控制模块、目录和数据信息块。
一、架构
网页页面的架构基本上都是: 头 、 行为主体 、 尾 。,因为合理布局的需要,还应在 头 的下面还要加个 菜单 。

二、合理布局(以下用#ID表明网页页面元素)
#Head和#Foot里的就不说了,实际查询演试网页页面源代码。
合理布局说的是将#,#Main里典型的左右构造,大家用#Layout_1,#Layout_2表明。如图

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

控制模块內部的以下图

四、目录和数据信息块
控制模块的行为主体是由目录构成的,而目录里则包括数据信息块。
按我的了解,网页页面上的信息内容实际上就是不一样种类的目录。大家应将典型的目录方法提取出来,放在公共款式里(public.css)。
为例,需要界定到public.css里的目录最少要有以下三种:
Example Source Code [] 1. .list-v 竖直目录方法 (照片和文本成竖直排序)
2. .list-h 水平目录方法 (照片和文本成水平排序)
3. .list-t 文本目录方法
数据信息块实际上是微文件格式的一个变相运用,给不一样的数据信息元素界定固定不动的构造。
需要界定的数据信息块有:
Example Source Code [] 1. .mVideo (视頻)
2. .mList (豆单)
3. .mUser (客户)
例如 .mVideo 应当是这样的:
Example Source Code [] div > div > div > div > div > div > div > div > div > div > div > div > div > div > div > /div
/div
最终,附上重要字表,就是一些用于公共性界定的ID和Class名字。
ID
Example Source Code [] 1. #B-* // Body用
2. #Head, #Main, #Foot //合理布局用ID
3. #Message // 系统软件信息用
4. #Logo, #Toolbar, #Search, #Menu // Head内元素
5. #Layout_*, #Group_*, #Col_* // Main内元素
6. #Links, #CopyRight // Foot内元素
7. #B* // 广告宣传位,与 > 8. #Plugin // Banner用
Class
Example Source Code [] 1. .txt, .btn, .label_checkbox, .label_input, .handle // 表单内元素
2. .meat // 控制模块行为主体元素
3. .list_*(.list_v, .list_h, .list-t, .list_top, ) // 目录元素,详见 目录
4. .m // 更多,可拓宽至 肯定精准定位于右上角 的元素
5. .s1, .s2, // 用于子模块块需各有界定款式的元素,如菜单、排行榜等
6. .s // 非凡元素,倘若一个元素相对弟兄连接点非凡,则用之
7. .b // 广告宣传位
8. .p, .d, .d_*, .h // 数据信息块内元素,各自为照片、实际、实际内元素、实际操作
9. .handle // 实际操作元素
10. .m_*(.mVideo, .mComment, .mUser, .mSubject, ) // 数据信息块元素
11. .*_fix // *元素的补钉元素
12. .current // 当今元素 ---------

网站建设六部曲

------------


新闻资讯

联系方式丨CONTACT

  • 全国热线:18720358503
  • 传真热线:18720358503
  • Q Q咨询:2639601583
  • 企业邮箱:2639601583@qq.com

首页
电话
短信
联系