一、羽毛球协会主页布局和尺寸(单位:像素)
1、整体布局
????????????????????????
(注:红色为间距,灰色为内容区)
二、网站配色
1.头部配色方案
主色#81defd???辅助#dcf5fe????头部字体#112126
2.导航配色方案
主色#ff3817???辅助色#ff684c??辅助色#ff5137??字体#ffffff
3、栏目里面配色方案
栏目背景色?主色#dffbfe
栏目标题字体:?黑体?119ddf
4.版权配色方案
主色82defd???字体色67767c
三、修饰
1、文字大小
导航:20px????标题:16px????正文:12px???版权:16px
2、颜色
导航:#ffffff?????标题:#66c1eb???正文:#020202
版权:#636161
3、字体
黑体
四、交互
1、鼠标经过色
导航:
主色#daad3a
主色#112126
?主色#020202
???图片响应:无边框,无填充
五、网页文件命名
主页文件命名: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_tuandui_left???????图片名:tuandui_01.jpg
2:box2_lianxi_left
3:box3_fengcai????????????????? ?图片:fengcai_01.jpg
4:box4_huodong_right
?底:footer
标志:biaozhi.jpg
分页:根据网页标题来定(拼音缩写)
Css文件名
主页?Main.css
分页Page.css
ID:拼音缩写_数字_位置
类:拼音缩写_数字_位置
表格:biaoge_数字
六??初稿图