一、布局和尺寸
1、整体布局与尺寸
（注释：红色为外框间距，白色为内容，黑色为内框距）
二、网站的配色
1、主体配色方案：
主色（#64809d）+辅色（#031b32）+辅色（#29303f）+辅色（#5aa5c1） +点睛色（#a7293b）
2、栏目配色方案：
（# b3e2ab）+（#429f82）+（#18a3fe）+（#bcdeab）
栏目背景色块：#dcf6cf
栏目标题文字颜色：#ffffff #a48557
栏目标题文字大小：14px
3、导航配色方案：
（#21903e）+（#065019）+（#fefefe）
导航文字颜色：#fefefe
导航文字大小：16px
三、网站的修饰
1、banner图片修饰
导航如下图所示：
2、左侧栏目的修饰及响应
四、网站的细节
1、社团logo
五、分页文件命名
CSS文件命名
page.css
ID:英文名（地方及作用）_位置
类：英文名（地方及作用）_位置
表格：table_数字
六、网页布局初稿
