HTML网编程关键技术综合专业课程设计教学专项方案.doc

《网页编程技术综合课程设计》教学方案
一、课程设计目标
经过该课程设计综合应用本学期所学网页制作知识，全方面建立对网站认知，建立网站设计和网页制作基础思想；学会网站功效计划、网站布局、网页制作、网页配色等基础技巧，掌握网页制作和网站设计相关软件使用方法；经过课程设计教学步骤能够制作有一定实用性网站；能处理部分实际应用问题并以此为基础深入扩展到相关学科上；经过本课程设计提升网页审美意识；经过团体合作制作网站，培养团体协作精神，初步了解软件企业开发软件系统模式，为未来适应工作打开良好基础。
二、设计要求
1．本课程设计分小组进行，各小组组员标准上2~4人，不得超出4人,由小组长协调分工,每个组员充足发挥团体协作精神。
2．自选专题，使用Dreamweaver网页设计和制作软件，设计并制作一个内容完整、结构规范合理静态网站，要求选择内容健康，网站中出现一定数量图像和多媒体。网站专题应大小适中、内容健康、含有时代气息；网站提供信息应和网站专题相符合, 专题突出、内容丰富；
3.页面设计合理、美观，有创意，适适用于多种显示器分辨率和颜色。
4.每个页面全部要求有导航条和页脚信息，需要将这些信息制作成库项目，然后依据需要将之插入到模板或其它页面中。各个页面全部要有标题，而且布局要合理、美观、大方。布局网页时要尽可能主流布局方法（必需使用Div、表格等），并要有一定复杂度。
5.页面中需要有文字、图像、多媒体、超链接等，要求达成图文并茂效果。所使用文字大小、字体和颜色要认真处理，除非特殊需要，不能出现空链接，文字不能简单用截图替换；所需图像和多媒体素材尽可能自己设计，如有下载，自己必需再作处理，不得直接使用现有商业网站标志。
6. 为了确保页面设计效果愈加好地兼容多种浏览器和便于改版，要求用独立CSS文件设置页面内容格式。
7.为主页添加背景音乐。
8.需要使用一定量JavaScript脚本，使网页含有一定交互功效。每小组必需制作一个表单，表单输入内容需要使用正则表示式进行验证。
9.要求首页和一级页面之间能够相互跳转，必需有返回上一层链接。
10．网站结构应层次分明，风格统一，网站结构不少于3层，每人制作网页不得少于5个，各个页面之间链接要合理有效。
11．作品中不许可出现链接错误、图片不显示、网页打开超慢等错误。
12．网站中需要利用表格、框架（子框架）、模版等技术；必需包含一页类似留言板功效表单技术；使用部分动画。
13．站点设计合理、管理有序、无多出文件和文件夹、大小适宜；作品总文件大小不超出50MB，网站图片总大小不超出20MB。
14．网站内容健康，不得出现违法或三俗内容。
15.对课程设计进行总结，撰写课程设计汇报；
三、设计步骤
本课程设计要求学生以小组为单位协作完成一个小型网站制作：
1．每个小组学生依据自己爱好爱好或专长，确定一个网站专题，专题可在以下范围内参考选择：学校和各二级学院网站、个人网站、个人博客、精品课程、旅游、文化艺术、电子商务、医院、企业、出版物（文学作品或其它著作）、娱乐中心、装修（或装饰）、家政服务、礼品、宾馆酒店、影视制作、办公用具等网站。
2．依据确定网站专题，经过多种路径搜集、整理、加工网站所需要信息。
3．设计网站整体结构。依据专题合理计划网站功效模块。网站结构示例以下：

4、合理组织站点结构（站点文件夹）。正确创建站点并组织好站点结构，要求各个文件和文件夹命名规则要符合网站设计规范。站点文件夹组织结构以下示例：

示例截图：

5．主页和各网页采取div为主体布局方法，可配合使用表格实现布局。主页布局样式示例以下：

6．自行设计各级网页风格，要求配色和布局合理，整个网站风格一致。
7．利用Dreamweaver、Photoshop、FireWorks等网页制作软件设计制作各个页面。
8．在主流浏览器上测试网站，要求均能正常运行。
9. 撰写课程设计汇报。
四、课程设计汇报（文档）
课程设计汇报是课程设计工作总结和提升，课程设计汇报应该反应出作者在课程设计过程中所做关键工作及取得关键结果，和作者在课程设计过程中心得体会。
（一）课程设计汇报关键内容（见附件）
对于本课程设计，应该包含以下多个关键部分：
1．网站选题目标说明；
2．网站总体计划和网站结构框图；
3．各级网页设计说明（网站配色、导航设计、各级网页风格统一）；
4．经典网页设计过程、步骤和样例（截图）；
（二）课程设计汇报编写基础要求（见附件）
1．每个学员必需独立完成负担工作部分课程设计汇报；
2．课程设计汇报书写规范、文字通顺、图表清楚、数据完整、结论明确；
3．最终形成课程设计汇报打印装订成册（每组一份）。
五、课程设计计划
课程设计时间安排，共1周20课时，各项任务课时分配以下。
实训时间（课时）
课程实训内容
地点
2
下达实训任务
实训分组
确定网站专题
机房
1
确定网站整体结构；
设计各级网页风格
机房
3
搜集、整理、加工网站
所需要资料
机房
10
制作网站各级页面、整合网站
机房
2
网站测试
机房
2
撰写文档材料
机房

五、课程设计评分标准
1、严格遵守课程实训纪律，天天由各小组长进行考勤并作统计，有特殊情况需向指导老师或试验老师请假。指导老师天天检验一次总人数。
2、每个学生依据实训内容撰写出自己课程设计汇报。
3、成绩考评形式关键是以考勤成线、设计汇报和作品成绩完成结果为评定标准，并采取逐人考评措施，其中：
考勤成绩10分（纪律、态度、考勤情况）
设计汇报20分（汇报完成情况、整体性，质量）
作品成绩70分（网站浏览正常，图片、动画和文字清楚，导航链接正确，整体美观大方，专题突出，内容丰富，参见课程设计评分标准）
4、评定计算公式为：课程设计成绩=考勤*10%+设计汇报*20%+作品成绩*70%
5、评分标准见下表。
6、成绩评定方法：成绩按采取等级制。
优异（90-100）、
良好（80-89）、
中等（70-79）
及格（60-69）、
不及格（<60）五个等级进行评定。

课程设计评分标准
考评项目
分值
（100分）
90—100分
80—89分
70—79分
60—69分
60分以下
专题和内容
10%
专题和内容选择很合理、完整
专题和内容选择较为合理、完整。
专题和内容选择有一定合理性和完整性
专题和内容选择合理，但不完整
专题和内容选择存在显著问题
站点创建和结构、文件和文件夹命名
10%
站点创建成功、结构很完整、文件和文件夹命名很规范
站点创建成功、结构较完整、文件和文件夹命名较规范
站点创建成功，但结构不完整、文件和文件夹命名基础较规范
站点创建成功，但结构不完整，部分文件和文件夹命名不规范
没有创建站点，更没有组织站点结构，多数文件和文件夹命名不规范
模板创建和应用
10%
模板创建成功、布局美观并得到合理应用
模板创建较成功、布局较为美观，应用较为合理
模板创建成功、布局较美观，应用基础合理
模板创建基础成功、布局基础美观，但应用不合理
模板创建不成功、布局不美观，应用不合理
样式创建和应用
10%
样式表创建很成功，应用很合理
样式表创建比较成功，应用比较合理
样式表创建较成功，应用基础合理
样式表创建基础成功，应用基础合理
样式表创建不成功，应用不合理
超链接创建
10%
全部超链接创建很合理、很规范
绝大部分超链接创建较为合理、较为规范
全部超链接创建基础合理，但格式不规范
部分超链接创建基础合理，但格式不规范
超链接创建不合理，也不规范
网页配色、布局等综合效果
20%
网站配色方案很好，布局方法选择很适宜，网页布局效果很美观
网站配色方案很好，布局方法选择较为适宜，网页布局效果很好
网站配色方案基础能够，布局方法选择基础适宜，网页布局效果通常
网站配色不太合理，基础能够，布局方法选择不太适宜，网页布局通常
网站配色太合理，布局方法选择不适宜，网页布局效果较差
课程设计汇报内容和格式
20%
设计汇报内容很完整、格式很规范
设计汇报内容比较完整、格式比较规范
设计汇报内容比较完整、但格式基础规范度
设计汇报内容基础完整、格式不太规范
设计汇报内容不完整、格式不规范
作品陈说和回复问题
10%
作品陈说很清楚，关键突出，问题回复很正确
作品陈说比较清楚，关键比较突出，问题回复比较正确
作品陈说清楚，关键不突出，问题回复基础完整
作品陈说基础清楚，关键突出，问题回复不完整
作品陈说不清楚，关键不突出，问题回复不正确

附件1：课程设计汇报封面模板，不可替换

长江师范学院
计算机工程学院

课程设计汇报

课程名称 HTML网页编程技术课程设计
题 目 （自拟）
专业年级 计算机科学和技术（）级
小组组员 （10）

3 月8 日
小组组员分工说明：
具体说明各人完成工作，包含材料搜集、整理、图片处理、完成页面（单独一页）等
目 录
以下是正文（正文须在页脚右侧插入页码，从正文第一页开始编页码）

一、网站选题（说明选题原因或目标）

二、网站总体计划和网站结构框图

三、主页设计

附件2：课程实训汇报格式排版要求：
:1、汉字为“小四号宋体”，英文和数字为小四号“TimesNewRoman”，1.5倍行距。标题格式排版参考附录1，不得更改。
2、 一级标题用3号黑体，1级纲领，二级标题设小3号黑体，2级纲领
三级标题用4号黑体，3级纲领
3、内容中编号方法为：
一级标题：一、二、三、……
二级标题：1.1，1.2……，2.1，2.2……
三级标题：1.1.1,1.1.2……
4、图和表要进行编号，并在正文中进行引用；图和表各自排序，从1开始；图名在下方，五号字；表名在上方，表中内容及表名均为五号字。
比如：
信息审核员用例图图1所表示。

图1 信息审核员用例图
在系统管理员用例图中，以管理角色用例为例给出用例描述，如表1所表示。
表1 管理角色用例描述
用例编号
UC_userGroup
用例名称
管理角色
用例概述
系统管理员对系统角色及权限进行管理，能够添加、修改、删除角色，能够对角色权限进行管理，也可对角色组员进行管理
主参与者
系统管理员
次要参与者
无