《HTML网页编程技术综合课程设计》教学方案-1

1、.网页编程技术综合课程设计教学方案一、课程设计目标通过该课程设计综合应用本学期所学的网页制作知识，全面建立对网站的认知，建立网站设计与网页制作的基本思想；学会网站功能规划、网站布局、网页制作、网页配色等的基本技巧，掌握网页制作与网站设计相关软件的使用方法；通过课程设计教学环节能够制作有一定实用性的网站；能解决一些实际应用问题并以此为基础进一步扩展到相关的学科上；通过本课程设计提高网页的审美意识；通过团队合作制作网站，培养团队协作精神，初步了解软件企业开发软件系统模式，为将来适应工作打开良好的基础。二、设计要求1本课程设计分小组进行，各小组成员原则上24人，不得超过4人,由小组长协调分工,每个组

2、员充分发挥团队协作精神。2自选主题，使用Dreamweaver网页设计与制作软件，设计并制作一个内容完整、结构规范合理的静态网站，要求选取内容健康，网站中出现一定数量的图像和多媒体。网站主题应大小适中、内容健康、具有时代气息；网站提供的信息应与网站主题相符合, 主题突出、内容丰富；3.页面设计合理、美观，有创意，适用于各种显示器的分辨率和颜色。4.每个页面都要求有导航条和页脚信息，需要将这些信息制作成库项目，然后根据需要将之插入到模板或其它页面中。各个页面都要有标题，而且布局要合理、美观、大方。布局网页时要尽量主流布局方法（必须使用Div、表格等），并要有一定复杂度。5.页面中需要有文字、图像

3、、多媒体、超链接等，要求达到图文并茂的效果。所使用的文字的大小、字体和颜色要认真处理，除非特殊需要，不能出现空链接，文字不能简单用截图代替；所需图像和多媒体素材尽量自己设计，如有下载，自己必须再作处理，不得直接使用现有商业网站标志。6. 为了保证页面的设计效果更好地兼容各种浏览器以及便于改版，要求用独立的CSS文件设置页面内容格式。7.为主页添加背景音乐。8.需要使用一定量的JavaScript脚本，使网页具有一定的交互功能。每小组必须制作一个表单，表单输入内容需要使用正则表达式进行验证。9.要求首页和一级页面之间能够互相跳转，必须有返回上一层的链接。10网站结构应层次分明，风格统一，网站结构

4、不少于3层，每人制作的网页不得少于5个，各个页面之间的链接要合理有效。11作品中不允许出现链接错误、图片不显示、网页打开超慢等错误。12网站中需要运用表格、框架（子框架）、模版等技术；必须包含一页类似留言板功能的表单技术；使用一些动画。13站点设计合理、管理有序、无多余文件和文件夹、大小合适；作品总文件大小不超过50MB，网站图片总大小不超过20MB。14网站内容健康，不得出现违法或三俗内容。15.对课程设计进行总结，撰写课程设计报告；三、设计流程本课程设计要求学生以小组为单位协作完成一个小型网站的制作：1每个小组的学生根据自己的兴趣爱好或专长，确定一个网站主题，主题可在如下范围内参考选择：学

5、校以及各二级学院网站、个人网站、个人博客、精品课程、旅游、文化艺术、电子商务、医院、企业、出版物（文学作品或其它著作）、娱乐中心、装修（或装饰）、家政服务、礼品、宾馆酒店、影视制作、办公用品等网站。2根据确定的网站主题，通过各种途径收集、整理、加工网站所需要的信息。3设计网站的整体结构。根据主题合理规划网站功能模块。网站结构示例如下：4、合理组织站点结构（站点文件夹）。正确创建站点并组织好站点的结构，要求各个文件和文件夹的命名规则要符合网站设计的规范。站点文件夹组织结构如下示例：示例截图：5主页和各网页采用div为主体的布局方式，可配合使用表格实现布局。主页布局样式示例如下：6自行设计各级网页

6、的风格，要求配色和布局合理，整个网站风格一致。7利用Dreamweaver、Photoshop、FireWorks等网页制作软件设计制作各个页面。8在主流浏览器上测试网站，要求均能正常运行。9. 撰写课程设计报告。四、课程设计报告（文档）课程设计报告是课程设计工作的总结和提高，课程设计报告应该反映出作者在课程设计过程中所做的主要工作及取得的主要成果，以及作者在课程设计过程中的心得体会。（一）课程设计报告主要内容（见附件） 对于本课程设计，应该包括以下几个主要部分：1网站的选题目的说明；2网站的总体规划与网站的结构框图；3各级网页设计说明（网站配色、导航设计、各级网页风格统一）； 4典型网页的设

7、计过程、步骤与样例（截图）； （二）课程设计报告编写基本要求（见附件）1每个学员必须独立完成承担工作部分课程设计报告；2课程设计报告书写规范、文字通顺、图表清晰、数据完整、结论明确；3最终形成的课程设计报告打印装订成册（每组一份）。五、课程设计计划课程设计时间安排，共1周20课时，各项任务的学时分配如下。实训时间（学时）课程实训内容地点2下达实训任务实训分组确定网站主题机房1确定网站的整体结构；设计各级网页的风格机房3收集、整理、加工网站所需要的资料机房10制作网站各级页面、整合网站机房2网站测试机房2撰写文档材料机房五、课程设计评分标准1、严格遵守课程实训纪律，每天由各小组长进行考勤并作记录

8、，有特殊情况需向指导教师或实验老师请假。指导教师每天检查一次总人数。2、每个学生根据实训内容撰写出自己的课程设计报告。3、成绩考核的形式主要是以考勤成线、设计报告与作品成绩完成的结果为评定标准，并采用逐人考核的办法，其中：考勤成绩10分（纪律、态度、考勤情况）设计报告20分（报告完成情况、整体性，质量）作品成绩70分（网站浏览正常，图片、动画和文字清晰，导航链接正确，整体美观大方，主题突出，内容丰富，参见课程设计评分标准）4、评定计算公式为：课程设计成绩=考勤*10%+设计报告*20%+作品成绩*70% 5、评分标准见下表。6、成绩评定方法：成绩按采用等级制。 优秀（90-100）、良好（80

9、-89）、中等（70-79）及格（60-69）、不及格（60）五个等级进行评定。;.课程设计评分标准考核项目分值（100分）90100分8089分7079分6069分60分以下主题和内容10%主题和内容选择非常合理、完整主题和内容选择较为合理、完整。主题和内容选择有一定的合理性和完整性 主题和内容选择合理，但不完整 主题和内容选择存在明显问题 站点创建与结构、文件和文件夹的命名10%站点创建成功、结构非常完整、文件和文件夹命名非常规范站点创建成功、结构较完整、文件和文件夹命名较规范站点创建成功，但结构不完整、文件和文件夹命名基本较规范站点创建成功，但结构不完整，部分文件和文件夹命名不规范 没有

10、创建站点，更没有组织站点的结构，多数文件和文件夹命名不规范 模板的创建与应用10%模板创建成功、布局美观并得到合理应用 模板创建较成功、布局较为美观，应用较为合理 模板创建成功、布局较美观，应用基本合理 模板创建基本成功、布局基本美观，但应用不合理 模板创建不成功、布局不美观，应用不合理 样式的创建与应用10%样式表的创建很成功，应用很合理 样式表的创建比较成功，应用比较合理 样式表的创建较成功，应用基本合理 样式表的创建基本成功，应用基本合理 样式表的创建不成功，应用不合理 超链接的创建10%所有超链接创建的非常合理、非常规范 绝大部分超链接创建的较为合理、较为规范 所有超链接创建的基本合理

11、，但格式不规范 部分超链接创建的基本合理，但格式不规范 超链接创建的不合理，也不规范 网页的配色、布局等综合效果20%网站的配色方案很好，布局方法选用非常合适，网页布局效果很美观 网站的配色方案较好，布局方法选用较为合适，网页布局效果较好 网站的配色方案基本可以，布局方法选用基本合适，网页布局效果一般 网站的配色不太合理，基本可以，布局方法选用不太合适，网页布局一般 网站的配色太合理，布局方法选用不合适，网页布局效果较差 课程设计报告的内容和格式20%设计报告的内容非常完整、格式非常规范设计报告的内容比较完整、格式比较规范设计报告的内容比较完整、但格式基本规范度设计报告的内容基本完整、格式不太

12、规范设计报告的内容不完整、格式不规范作品陈述和回答问题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.24、图和表要进行编号，并在正文中进行引用；图和表各自排序