《HTML网页编程技术综合课程设计》教学实施方案.docx
《《HTML网页编程技术综合课程设计》教学实施方案.docx》由会员分享，可在线阅读，更多相关《《HTML网页编程技术综合课程设计》教学实施方案.docx（11页珍藏版）》请在冰点文库上搜索。
《HTML网页编程技术综合课程设计》教学实施方案
《HTML网页编程技术综合课程设计》教学实施方案
————————————————————————————————作者：
————————————————————————————————日期：
《网页编程技术综合课程设计》教学方案
一、课程设计目标
通过该课程设计综合应用本学期所学的网页制作知识，全面建立对网站的认知，建立网站设计与网页制作的基本思想；学会网站功能规划、网站布局、网页制作、网页配色等的基本技巧，掌握网页制作与网站设计相关软件的使用方法；通过课程设计教学环节能够制作有一定实用性的网站；能解决一些实际应用问题并以此为基础进一步扩展到相关的学科上；通过本课程设计提高网页的审美意识；通过团队合作制作网站，培养团队协作精神，初步了解软件企业开发软件系统模式，为将来适应工作打开良好的基础。
二、设计要求
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网页编程技术课程设计
题目（自拟）
专业年级计算机科学与技术（）2015级
小组成员（10）
2017年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
用例名称
管理角色
用例概述
系统管理员对系统角色及权限进行管理，可以添加、修改、删除角色，可以对角色权限进行管理，也可对角色成员进行管理
主参与者
系统管理员
次要参与者
无
升级会员 