1、网页编程技术综合课程设计教学方案一、课程设计目的通过该课程设计综合应用本学期所学网页制作知识,全面建立对网站认知,建立网站设计与网页制作基本思想;学会网站功能规划、网站布局、网页制作、网页配色等基本技巧,掌握网页制作与网站设计有关软件用法;通过课程设计教学环节可以制作有一定实用性网站;能解决某些实际应用问题并以此为基本进一步扩展到有关学科上;通过本课程设计提高网页审美意识;通过团队合伙制作网站,培养团队协作精神,初步理解软件公司开发软件系统模式,为将来适应工作打开良好基本。二、设计规定1本课程设计分小组进行,各小构成员原则上24人,不得超过4人,由小组长协调分工,每个成员充分发挥团队协作精神。
2、2自选主题,使用Dreamweaver网页设计与制作软件,设计并制作一种内容完整、构造规范合理静态网站,规定选用内容健康,网站中浮现一定数量图像和多媒体。网站主题应大小适中、内容健康、具备时代气息;网站提供信息应与网站主题相符合,主题突出、内容丰富;3.页面设计合理、美观,有创意,合用于各种显示屏辨别率和颜色。4.每个页面都规定有导航条和页脚信息,需要将这些信息制作成库项目,然后依照需要将之插入到模板或其他页面中。各个页面都要有标题,并且布局要合理、美观、大方。布局网页时要尽量主流布局办法(必要使用Div、表格等),并要有一定复杂度。5.页面中需要有文字、图像、多媒体、超链接等,规定达到图文并
3、茂效果。所使用文字大小、字体和颜色要认真解决,除非特殊需要,不能浮现空链接,文字不能简朴用截图代替;所需图像和多媒体素材尽量自己设计,如有下载,自己必要再作解决,不得直接使用既有商业网站标志。6. 为了保证页面设计效果更好地兼容各种浏览器以及便于改版,规定用独立CSS文献设立页面内容格式。7.为主页添加背景音乐。8.需要使用一定量JavaScript脚本,使网页具备一定交互功能。每小组必要制作一种表单,表单输入内容需要使用正则表达式进行验证。9.规定首页和一级页面之间可以互相跳转,必要有返回上一层链接。10网站构造应层次分明,风格统一,网站构造不少于3层,每人制作网页不得少于5个,各个页面之间
4、链接要合理有效。11作品中不容许浮现链接错误、图片不显示、网页打开超慢等错误。12网站中需要运用表格、框架(子框架)、模版等技术;必要包括一页类似留言板功能表单技术;使用某些动画。13站点设计合理、管理有序、无多余文献和文献夹、大小适当;作品总文献大小不超过50MB,网站图片总大小不超过20MB。14网站内容健康,不得浮现违法或三俗内容。15.对课程设计进行总结,撰写课程设计报告;三、设计流程本课程设计规定学生以小组为单位协作完毕一种小型网站制作:1每个小组学生依照自己兴趣兴趣或特长,拟定一种网站主题,主题可在如下范畴内参照选取:学校以及各二级学院网站、个人网站、个人博客、精品课程、旅游、文化
5、艺术、电子商务、医院、公司、出版物(文学作品或其他著作)、娱乐中心、装修(或装饰)、家政服务、礼物、宾馆酒店、影视制作、办公用品等网站。2依照拟定网站主题,通过各种途径收集、整顿、加工网站所需要信息。3设计网站整体构造。依照主题合理规划网站功能模块。网站构造示例如下:4、合理组织站点构造(站点文献夹)。对的创立站点并组织好站点构造,规定各个文献和文献夹命名规则要符合网站设计规范。站点文献夹组织构造如下示例:示例截图:5主页和各网页采用div为主体布局方式,可配合使用表格实现布局。主页布局样式示例如下:6自行设计各级网页风格,规定配色和布局合理,整个网站风格一致。7运用Dreamweaver、P
6、hotoshop、FireWorks等网页制作软件设计制作各个页面。8在主流浏览器上测试网站,规定均能正常运营。9. 撰写课程设计报告。四、课程设计报告(文档)课程设计报告是课程设计工作总结和提高,课程设计报告应当反映出作者在课程设计过程中所做重要工作及获得重要成果,以及作者在课程设计过程中心得体会。(一)课程设计报告重要内容(见附件) 对于本课程设计,应当涉及如下几种重要某些:1网站选题目阐明;2网站总体规划与网站构造框图;3各级网页设计阐明(网站配色、导航设计、各级网页风格统一); 4典型网页设计过程、环节与样例(截图); (二)课程设计报告编写基本规定(见附件)1每个学员必要独立完毕承担
7、工作某些课程设计报告;2课程设计报告书写规范、文字通顺、图表清晰、数据完整、结论明确;3最后形成课程设计报告打印装订成册(每组一份)。五、课程设计筹划课程设计时间安排,共1周20学时,各项任务学时分派如下。实训时间(学时)课程实训内容地点2下达实训任务实训分组拟定网站主题机房1拟定网站整体构造;设计各级网页风格机房3收集、整顿、加工网站所需要资料机房10制作网站各级页面、整合网站机房2网站测试机房2撰写文档材料机房五、课程设计评分原则1、严格遵守课程实训纪律,每天由各小组长进行考勤并作记录,有特殊状况需向指引教师或实验教师请假。指引教师每天检查一次总人数。2、每个学生依照实训内容撰写出自己课程
8、设计报告。3、成绩考核形式重要是以考勤成线、设计报告与作品成绩完毕成果为评估原则,并采用逐人考核办法,其中:考勤成绩10分(纪律、态度、考勤状况)设计报告20分(报告完毕状况、整体性,质量)作品成绩70分(网站浏览正常,图片、动画和文字清晰,导航链接对的,整体美观大方,主题突出,内容丰富,参见课程设计评分原则)4、评预计算公式为:课程设计成绩=考勤*10%+设计报告*20%+作品成绩*70% 5、评分原则见下表。6、成绩评估办法:成绩按采用级别制。 先进(90-100)、良好(80-89)、中档(70-79)及格(60-69)、不及格(60)五个级别进行评估。课程设计评分原则考核项目分值(10
9、0分)90100分8089分7079分6069分60分如下主题和内容10%主题和内容选取非常合理、完整主题和内容选取较为合理、完整。主题和内容选取有一定合理性和完整性 主题和内容选取合理,但不完整 主题和内容选取存在明显问题 站点创立与构造、文献和文献夹命名10%站点创立成功、构造非常完整、文献和文献夹命名非常规范站点创立成功、构造较完整、文献和文献夹命名较规范站点创立成功,但构造不完整、文献和文献夹命名基本较规范站点创立成功,但构造不完整,某些文献和文献夹命名不规范 没有创立站点,更没有组织站点构造,多数文献和文献夹命名不规范 模板创立与应用10%模板创立成功、布局美观并得到合理应用 模板创
10、立较成功、布局较为美观,应用较为合理 模板创立成功、布局较美观,应用基本合理 模板创立基本成功、布局基本美观,但应用不合理 模板创立不成功、布局不美观,应用不合理 样式创立与应用10%样式表创立很成功,应用很合理 样式表创立比较成功,应用比较合理 样式表创立较成功,应用基本合理 样式表创立基本成功,应用基本合理 样式表创立不成功,应用不合理 超链接创立10%所有超链接创立非常合理、非常规范 绝大某些超链接创立较为合理、较为规范 所有超链接创立基本合理,但格式不规范 某些超链接创立基本合理,但格式不规范 超链接创立不合理,也不规范 网页配色、布局等综合效果20%网站配色方案较好,布局办法选用非常
11、适当,网页布局效果很美观 网站配色方案较好,布局办法选用较为适当,网页布局效果较好 网站配色方案基本可以,布局办法选用基本适当,网页布局效果普通 网站配色不太合理,基本可以,布局办法选用不太适当,网页布局普通 网站配色太合理,布局办法选用不适当,网页布局效果较差 课程设计报告内容和格式20%设计报告内容非常完整、格式非常规范设计报告内容比较完整、格式比较规范设计报告内容比较完整、但格式基本规范度设计报告内容基本完整、格式不太规范设计报告内容不完整、格式不规范作品陈述和回答问题10%作品陈述非常清晰,重点突出,问题回答很对的作品陈述比较清晰,重点比较突出,问题回答比较对的作品陈述清晰,重点不突出
12、,问题回答基本完整作品陈述基本清晰,重点突出,问题回答不完整作品陈述不清晰,重点不突出,问题回答不对的附件1:课程设计报告封面模板,不可替代长江师范学院计算机工程学院课程设计报告课程名称 HTML网页编程技术课程设计 题 目 (自拟) 专业年级 计算机科学与技术()级 小构成员 (10) 3月8日小构成员分工阐明:详细阐明各人完毕工作,涉及材料收集、整顿、图片解决、完毕页面(单独一页)等目 录如下是正文(正文须在页脚右侧插入页码,从正文第一页开始编页码)一、网站选题(阐明选题因素或目)二、网站总体规划与网站构造框图三、主页设计附件2:课程实训报告格式排版规定::1、中文为“小四号宋体”,英文和
13、数字为小四号“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.24、图和表要进行编号,并在正文中进行引用;图和表各自排序,从1开始;图名在下方,五号字;表名在上方,表中内容及表名均为五号字。例如:信息审核员用例图如图1所示。图1 信息审核员用例图在系统管理员用例图中,以管理角色用例为例给出用例描述,如表1所示。表1 管理角色用例描述用例编号UC_userGroup用例名称管理角色用例概述系统管理员对系统角色及权限进行管理,可以添加、修改、删除角色,可以对角色权限进行管理,也可对角色成员进行管理主参加者系统管理员次要参加者无