一、首页布局和尺寸（单位：像素）
1、整体布局
?
（注：红色为间距，白色为内容区）
二、网站配色
一．头部配色方案
主色#c3e773 辅助色77ab0f 头部字体515355
二．导航配色方案
辅助色， 主色，字体，辅助色鉴首页
三．栏目标题配色方案
无背景色，字体颜色#2a6794
四、栏目里面配色方案
栏目背景色主色f0f0f0
栏目标题字体宋体
五．版权配色方案
主色8abd18 字体色ffffff
三、修饰
1、文字大小??
???? 导航：19px?? 标题：16px?? 正文：14px?? 版权：14px?? more：14px
2、颜色
??????? 导航：#fff?? 标题：#fff?? 正文：#000 版权：#2c2b2b?? more：#6e8a37
3、字体??
???????? 黑体
四、交互
1、鼠标经过色
?????? 导航：
标题鼠标经过变#354354色
???? Top：
???? 正文：
正文鼠标经过变#354354色
图片响应：无边框，无填充
五、网页文件命名
主页文件命名:index.html
头：Id：top
Banner盒子：banner_t1
?????? banner_t2
?????? banner_t3
banner响应区图标名：banner_tupiao1.jpg
banner_tupiao2.jpg
banner_tupiao2.jpg
导航：id：nav
?????? 导航条图片：nav_beijing.jpg
?????? 导航条响应色：nav_xiangying.jpg
盒子1：box1_zuopin_left?????? 图片名:zuopin_01.jpg?? zuopin_02.jpg??
?????????? zuopin_03.jpg
???? ?2:box2_fengcai_right?????? 图片名:fengcai_01.jpg?? fengcai_02.jpg
?? ? 3:box3_tuandui_left?????? 图片:tuandui_01.jpg
?? ????4:box4_lianxi_right?????? 图片:lianxi_01.jpg
底：footer
标志：biaozhi.jpg
分页：根据网页标题来定（拼音缩写）
Css文件名
主页 Main.css
分页Page.css
ID：拼音缩写_数字_位置
类：拼音缩写_数字_位置
表格：biaoge_数字
六初稿图