《Html_Css网页设计课程设计任务》课程设.doc

《Html+Css网页设计》课程设计任务书
 一、设计题目：
从以下课程设计项目中选择一个作为自己的设计开发主题，如果自己有新的选题构想，要取得授课教师的批准方可进行设计，否则不计成绩。
必须要做一个Div+Css布局的网页。
网站主题参考（自己任选）
1、 校园青春群落，如：班级网页、校园音乐、摄影、校园文化艺术、旅游、自愿者等等
2、 校园生活热点，如：上网、交友、学习、娱乐、就业、军训、心理等等
3、 体育健康生活，如：球类与田径活动的介绍，运动会回顾与展望，卫生与健康等
4、 电脑方方面面，如：介绍各类型软件的使用及实用教程，收集有意思的图片或动画，体现计算机学习乐趣等等
5、 结合专业，如：现代计算机教育，体现本专业及发展方向，助学网站等
6、 商业、门户网站，如：AAA公司网站等
7、 其他：如家乡旅游、个人网站等
二、开发工具：
DreamWeaver 、Fireworks、 Photoshop 、Flash、Access、IIS等。
三、课程设计目的：
用网页设计方法，设计一个网站，提高综合应用所学知识的能力，训练团队协作能力。
四、课程设计内容：
本次课程设计拟分层次进行，学生可根据自身能力选择相应的题目，完成课程设计的任务。 要求：
•  熟练使用常用网页制作工具设计网页
•  熟练掌握 HTML 语言
•  熟练掌握 CSS
在完全实现基础设计能力层次后，追加以下要求
•  能使用 JavaScript 制作页面特效
•  能完全理解网页中使用的“特效”
•  掌握常用的网站管理和维护方法
•  合理的使用静态网页设计的新技术
•  网站美观大方得体
•  网站中可以适当运用新技术
五、制作要求：
1、 根据自己的兴趣爱好设计一个网站，站点必须有主题，站点内容与主题相关
2、 网站至少包括5个栏目，整个站点的网页数不少于10个，站点中使用图片数不少于20个。主页上最少有8个链接，其中必须包含5个以上站内链接。主页名称保存为index.html或index.asp，路径保存在站点根目录下，图片保存在根目录下images文件夹中。
3、 上交材料包括：课程实训报告（电子稿，其格式为：日期+年级专业+学号+姓名）、网站源文件（其格式为：网站内容+小组成员名，成员名用“&”分隔）；
4、 技术方面：HTML、表格、模板，框架、层、时间轴、超联接、样式、表单、行为、库、导航条、下拉菜单、图像查看器等
5、 内容方面：文本、声音、图像、动画、视频、符号等积极健康向上的内容
6、 其它：特效（时间、状态、鼠标、页面过渡等）
7、 注意事项
Ø 主题突出，内容充实、健康向上，布局合理、结构清晰、规范；
Ø 色彩搭配合理、美观，设计新颖，有创意；页面布局尽可能平衡，色彩应用注意谐调，文本注意格式化
Ø 技术运用全面，技术含量高；链接测试正确，跳转流畅；
Ø 导航美观、醒目、转换方便、自然流畅（人机操作界面流畅）；
Ø 网页中涉及的所有“路径”必须使用“相对路径”；
Ø 页面不少于10个，深度至少包括二级页面。显示分辨率以800*600或1024*768状态为准。
Ø 文件名尽可能不要用中文
Ø 主页下方写明自己组详细信息（年级、专业、小组成员等）
六、时间安排：
序号
实 训 项 目
实训时间分配（学时）
1
确定网站的主题和整体风格
2
2
收集建站所需的资料
4
3
规划网站结构
2
4
主页和其他页面的设计与制作
12
5
网站的测试、发布与维护
2
6
讨论与总结
2

合 计
24
七、考核标准：
以下列出每项内容的满分，根据实际情况可酌情加、减分： ( 如有觉得网站做的很好，要求加分的，请在提交作业时说明 ) 评分标准
设计完成后应交:课程设计报告书,作品
A--优秀:
网站很好的运用了新技术
界面实用,美观,友好.
程序有一定难度
文档清晰,完整.
设计报告逻辑性强,条理清晰,有独到的设计方法
B--良好:
网站较好的运用了新技术
界面友好.
程序有一定难度.
文档清晰,完整.
设计报告条理清晰.
C--中等:
网站正确使用了一些新技术
界面友好.
八、说明：
1、以上要求均为各小组独立完成，可参考任何资料。
2、各小组成员原则上3-5人，可以跨班，但必须有明确的分工，发挥团队协作能力，理解所设计的站点。
3、制作步骤：
1) 确定网站主题
2) 收集素材
3) 规划站点结构
4) 网页设计（首页设计、其它页面设计等）
5) 网站上传及更新维护

附、评分标准
以下列出每项内容的满分，根据实际情况可酌情加、减分：(如有觉得网站做的很好，要求加分的，请在提交作业时说明)
项目
子项目
分值
站点结构
合理设计网站结构，合理安排栏目（5分
10分
合理利用表格、布局表格、图层、框架等定位方法（5分）
页面风格
网页设计独到，主题突出，题材新颖、构思独特，形象生动，具有较强的表现力和感染力，网页设计和谐统一（5分）
15分
网页整体设计思路清晰，色彩搭配合理，布局紧凑美观，版块结构清晰（5分）
层次分明，链接合理清晰，便于浏览（5分）
技术规范
网页作品目录结构合理，文件名称使用规范（首页一律使用index.htm/index.asp）
25分
图片和动画格式：SWF、PNG、BMP、JPG（JPEG）、TIF、GIF
网页上使用的的图标、图片、动画或FLASH能正常显示
至少包含三张自己制作或处理的图片
使用CSS样式表
使用行为、JavaScript等网页动态效果
网页使用的字体在所有计算机内均能正常显示，无乱码
网页上所有链接上传到服务器后能够被激活，链接内容符合要求并与主题相关
网页数据定位准确，无偏移、错位，在Microsoft Internet Explorer 800×600和1024×768分辨率下能正常显示，浏览速度快捷，在不安装新插件的情况下可正常浏览
网页内容
语言规范流畅，无错别字，能科学、完整地表达主题（5分）
10分
 内容积极、健康向上，不出现任何违反现行法律、法规和社会道德的内容和链接（5分）
实训报告
论文包括制作网站的整体过程，从策划设计到最后测试，论文结构合理，条理清晰，语言流畅，在文章中适当位置插入网站中的页面图像
10分
答辩
能熟练介绍网站结构，并能熟练操作演示。（5分）
10分
对答辩老师提出的问题能正确给出答案或结果。（5分）
附加分
为鼓励网页作品的原创性，内容符合要求并与主题相关；有创新点可获得此项加分（10分）
10分
考勤
考勤情况，迟到、旷课均要扣分
20分

星期
周次
一
二
三
四

第16周
上午
1/2
3/4
上机
(2314/5)
上机
(2314/5)
上机
(2314/5)
上机
（交作业）
(2314/5)

下午
5/6
7/8
上机
(2314/5)
上机
(2314/5)
上机
(2314/5)
上机
（交作业）
(2314/5)

晚上
上课
2409
上课
2409

撰写文档

撰写文档

5