TEAM团队, 项目三:商业网站

德国莱斯曼自控系统有限公司网站服务与支持分页设计文档(张舒)

2014年11月05日

一、网站板式与尺寸

26

二、网站配色

1、主色(黑白灰)

(1)导航条(一级)

27

导航色:#696969到515151到#313131渐变

(2)导航条(二级):

28

背景:#FFFFFF 字:#9e9e9e

2、辅色(橘色)

(1)二级导航

29

栏目底色:# dfdfdf

文字:# c50e06

分割线:# b90005

2栏目(灰色)

30

色块渐变:# d5d5d4-# 8b898a

最大文字:#FFFFFF

最小文字:# FFFFFF

三、鼠标经过效果:

(1)导航

31

色块:#000000?? 半透明30%

2)二级导航

28

下划线

四、修饰

栏目分割线:# e9e9ea 1px 虚线

导航文字:# FFFFFF?? 20px 黑体

栏目导航:#FFFFFF 16px 黑体

鼠标经过二级导航:# 767575 16px 黑体

栏目:? 内容:最大文字:#FFFFFF 20px 黑体

最小文字:#FFFFFF 12px 黑体

功能:大的文字 #939191 16px 黑体

????? 小的文字 #939191 14px 黑体

版权申明:#000000 10px?? 黑体

 

五、网页文件命名

主页:index

分页:page_英文?? 比如:page_news(公司新闻分页)

HTML

id.class:都用英文

Css

外套 wrap ——————用于最外层
头部 header —————-用于头部
主要内容 main ————用于主体内容(中部)
左侧 main-left ————-左侧布局
右侧 main-right ———–右侧布局
导航条 nav —————–网页菜单导航条
内容 content —————用于网页中部主体
底部 footer —————–用于底部

其它命名都遵循上面这些单词加下划线_加英文单词

 

?

六、初稿

32