一、布局和尺寸
1、整体布局
2、整体尺寸
?（注释：红色数字为框间距，灰色为内容）
二、网站的配色
1、主体配色方案：
（#251b1e）+（#789cc7）的纵向渐变背景
2、导航配色方案：
主色（#5665ff）+辅色（#f8f8f8）
导航文字颜色：#ffffff
导航文字大小：16px
3、右边栏目字体颜色方案：
（#ffffff）+（#ff0000）
栏目内容文字大小：14px
内容导读颜色：#ffffff
栏目内容关键字颜色：#ff0000
4、下面栏目配色方案：
图标：
栏目标题颜色：#ffffff
栏目内容:
团体活动的照片
栏目标题字大小：14px
5、轮播图：
?
三、网站的修饰
1、栏目图标修饰
?
四、网站的交互
1、鼠标经过效果
导航条
鼠标经过字体颜色:#000000
鼠标经过时色块：
轮播图切换图标：
??????? 
五、网页文件命名
分页：hdjj.html
CSS文件命名
hdjj.css
hdjj_banner.js
Jquery-1.7.2.min.js
ID:英文名（地方及作用）_位置
类：英文名（地方及作用）_位置
表格：table_数字
六、布局初稿
?