[课程地图-jsp网站]界面布局要求

界面设计要求
一、界面
各组设计界面具体显示状态，最终需要完成静态原始界面图片、界面结构图片以及一张含测试数据图片。
原始静态图片：
只需要明确划分界面区域，就是一个没有内容的网页界面。
界面结构图片：
需要标明界面所有区域的边界，清晰说明每一个界面元素的位置区域。
测试数据图片：
一个最终显示到用户面前的界面，数据暂时为测试数据，合理填写即可。
以上图片均为”.png/.PNG”格式。
要求：界面颜色不可以太夸张，不能有“大红大紫”之类的效果。所有元素尽量平铺（即没有立体和3D效果）。
二、文档
整理一份界面效果文档。
界面效果文档：
需要说明界面特殊效果、用户操作反馈（如，鼠标滑过）以及简单的内部跳转。
所有的特效技术细节暂时不用考虑。
要求：文档内部按界面区域说明
三、切图
每一个界面的元素都需要全部切割分开，特殊效果暂时无法截取可以暂时不用考虑，但是在文档中的“特效”板块说明。
用一个文件夹来存储一个界面的局部切图，文件夹名与界面图片同名。
要求：所有切取的图片均为“.png/.PNG”格式，所有图片不能有背景图片或颜色（如，图标图片就只有图标本身，背景为透明），宽高需要在图片的命名中体现（如，titltBar45_20.png，宽45，高20）。
四、资料
每个界面中的区域需要显示的内容，建议每一份数据提交一个文件夹来存储该类数据。
如，在消息通知区域需要显示的内容：近期竞赛信息，学校放假通知等等，需要把具体内容写成一份数据放到一个文件夹。


以上是界面设计的具体要求。压缩包中有一个案例，大家可以参考。周一晚上全班讨论，然后分配界面布局任务（需要html，javascript，css常识）。