一、羽毛球协会主页布局和尺寸(单位:像素)
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、字体??
???????? 黑体
四、交互
???? 主色#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_数字