JavaScript程序设计课程设计指导书

课程设计指导书

专业：计算机网络技术

实训名称：JavaScript程序设计课程设计班级： 2014计算机网络技术1、2班指导教师：罗乐霞

起止时间：2016 年1月4日至2015年1 月15 日

信息工程系

实训报告填写说明：

1、本实训报告是通用实训报告书，当实训课程有配套的实训报告时，则用配套的实训报告。

2、本实训报告主要用于学生在校内的实训教学环节，以记载实训教学的时间、内容、过程、

总结报告和考核等相关内容。

3、教师在结束时给出综合评语及成绩，注明日期并签字。

学生实验实训守则

实验、实训教学是教学计划的重要组成部分，是培养学生的动手能力、分析和解决实际问题能力、提高综合职业技能的重要手段。因此，每个学生都必须认真对待实验、实训教学，遵守实验、实训规程。

一、上实验、实训课前，全体学生应按照指导教师要求认真做好预习，仔细阅读实验、实训指导书，熟悉所用仪器设备的操作规程，明确实验、实训目的、要求和操作步骤。进行实验、实训教学时可根据教学需要，将全班学生分成若干个实验、实训小组。

二、上实验、实训课时，每个学生要带好记录本，按时进入实验、实训室，不迟到、不早退、不旷课。对有净化要求的实验室，在进室时应换上工作服和拖鞋。

三、入室后，应自觉遵守实验实训室的各项规章制度，不许动用与本次实验、实训无关的仪器设备，讲文明、有礼貌，尊敬师长，听从指导教师的安排，保持室内安静，不准高声喧哗和打闹，不准吸烟，不准随地吐痰和乱抛废纸杂物。

四、在进行实验、实训动手操作前，应对实验、实训装置、仪器、设备进行仔细检查，发现问题，要及时向教师报告。

五、实验、实训过程中要自始至终严守操作规程，注意安全，节省水、电、气；如遇发现反常现象或事故苗头，应立即中断实验、实训，报告指导老师或管理员予以处理。

六、实验、实训完毕，学生应主动请指导教师检查有关数据和所用的仪器设备，搞好清洁卫生工作，经指导教师同意后，方可离开实验室。

七、对违反实验、实训室管理制度和操作规程，擅自动用与本次实验、实训无关的仪器设备、私自拆卸仪器设备而造成事故和损失的，视情节轻重和认识态度予以处理。

《JavaScript程序设计课程设计》指导书

一、课程定位与思路

1.课程性质与定位

本课程是为了配合《JavaScript程序设计》课程开设的，通过设计一个完整的网站，要求学生具备综合运用HTML、CSS进行中小型Web网站界面开发的能力，以及使用JavaScript增强网页的交互性，从而能够生成功能强大、丰富多彩、生动活泼的高质量的网页。同时注重学生的自主学习、提高学生的动手能力，并形成良好的编程习惯，初步培养学生网站开发的意识和能力。

2.课程设计思路

课程由学生分组合作或独立工作完成课题，可以通过模拟企业开发流程，进行项目立项、需求分析、界面设计、搜索素材及编码实现、测试、项目演示及评审等一系列流程，使学生对前端网页的开发流程有一定的认识。

二、课程目标

1、素质能力目标：

通过项目实践，培养爱岗敬业、热情主动的工作态度；养成遵守操作规程，分析工作整洁、有序、爱护仪器设备的良好实验习惯；能认真负责、实事求是、坚持原则、一丝不苟地依据标准进行编程和设计，并在工作实践中能遵守劳动纪律，注意安全，具备良好的敬业精神和协作精神，坚持努力学习，不断提高自身可持续发展的基础理论水平和操作技能，形成良好的职业素养和勤奋工作的基本素质。

2、专业能力目标

会对所学知识进行整合，能够根据设计要求独立编写HTML和CSS，使用JavaScript或第三方JavaScript库增强网页特效和交互，并熟悉JavaScript的调试方法，同时充分利用能够得到的软硬件资源，搜索材料，自主学习，课程实施应成为学生在教师的指导下构建知识、活跃思维、展现个性和拓展视野的过程。

三、内容要求与实施安排

1、内容要求

本次课程设计学生可根据自身能力独立完成，根据指导老师所给的题目，设计html网页，使用CSS完成布局，使用JavaScript添加网页特效；也可由学生自行设计，指导老师对其页面设计的合理性进行审核后再进行任务。以下本次设计提供参考的题目和要求：

2、实施地点安排

南区机房C

四、实训项目

（一）制作步骤：

1.站点规划，搜集资料。确定网站主题内容，规划站点结构，从网上搜索相关资料（图

片、文字等）。

2.进行主页设计。构思主页布局，进行主页标题图片的设计，进行主页其余图片的设

计和页面内容的录入，最后进行主页的整体优化设计。

3.网页设计。除主页以外的网页设计，首先设计网页模版，一部分网页由模版生成，

一部分为单独设计（依据实际需要确定哪些网页由模版生成，确定哪些网页单独设

计），包括版面设计和图形设计、内容录入等。根据需要和设计题目要求使用

JavaScript添加各种网页特效，或辅助网页设计。

4.网站测试并递交。在浏览器中对完成的网站逐页打开测试（多浏览器下的测试，

JavaScript运行是否正常），包括链接正确与否，页面打开时间，图片和动画是否丢

失等。

（二）站点结构与命名。

站点文件夹为学号姓名（如：050401212_张三），文件夹和文件命名要求如下：

说明：其余视文件夹和文件需要而添加，全部用英文命名

（三）网站技术要求

页面布局合理，色彩和谐，链接正确，图文并茂。网站页面大小应该满足1024*768分辨率的客户，兼顾宽屏大分辨率。

能够正确运用HTML 标记；使用CSS 技术进行布局，正确使用CSS 外部链接方式，兼容多浏览器的显示；使用HTML5和CSS3的相关新技术增强网页效果；根据系统功能需要，使用JavaScript 或第三方JavaScript 库增强网页特效和交互。

站点中网页总数不少于4页，如果为小组合作，至少达到一人一页的工作量：

（四）上交成果

上交成果的内容由网站源代码和实训报告书组成，其中实训报告书应包含以下内容： 1、 封面

2、 总体设计（以下内容可选）

• 网站定位和主题

• 网站结构方案：网站各栏目说明（简单文字说明） •

网站技术方案：配色方案，技术实现

3、 网站建设

• 网站开发流程及进度表安排 • 小组中每个人负责的网页

•

网站的实现过程：页面的截图，并对代码进行说明（包括页面布局结构块说明，使用的JavaScript 脚本说明等等）

4、 设计心得：个人体会、获得的经验、自学并应用的新知识（不少于200字）

5、 附录：工作日记，问题摘要

也可由各指导老师自行指定相应实训报告书内容。