《Web前端综合实战》实训课程标准

1、 Web前端综合实战实训课程标准Web前端综合实战实训课程标准课程代码:5901080403课程名称: Web前端综合实战实训课程类型:必修课程属类:专业实践模块课程学分:1计划课时:26学时适用专业:软件技术制订时间: 2019、11修订职业资格:程序员开课部门:电子信息工程系制 订 : XX、 XX批 准 人 :XX课程负责人:一、课程性质与任务本课程就是软件技术专业的一门专业实践教学模块课程, 为期一周。就是在学生学习了网页设计与制作技术(HTML+CSS+Javascript) 及 Web前端综合实践课程以后, 通过项目开发的实战训练 , 要求学生能掌握 JavaScript 语言的基

2、本编程思想 , 并能熟练利用 JavaScript 与 JQuery 控制 WEB页面各级元素 , 实现 WEB前端的验证、动态展示等任务。课程采用任务驱动 , 让学生在完成任务的基础上 , 进一步掌握动态网页设计的基本流程及方法。二、课程教学目标1、知识目标能制作包含客户端验证、具有常见动态效果、界面美观大方的商业网站, 但不包含任何服务器端脚本。包含的知识点如下:（ 1） CSS3 布局及美化 ;（ 2） 会使用 JavaScript 美化网页 ;（ 3） 会使用 jQuery 美化网页 ;（ 4） 实现客户端表单校验。2、能力目标（ 1） 掌握在网页中添加 CSS的方法。掌握三种添加样式

3、信息的方法 , 会使用 CSS设置网页格式与列表的格式 ;（ 2） 掌握在网页中嵌入图像的方法 , 掌握与嵌入图像相关标记的用法;（ 3） 掌握与图像布局与位置相关的标记的概念与用法;（ 4） 熟练掌握表格的使用方法 , 会用表格布局并设计网页 ; Web前端综合实战实训课程标准（ 5） 掌握框架制作网页的方法 , 会使用框架设计网页 ;（ 6） 掌握制作表单的方法 , 会利用表单建立交互式页面 ;（ 7） 掌握 JavaScript 语言的语法 ;（ 8） 掌握在 HTML语言代码中嵌入 JavaScript 代码的方法 , 能瞧懂 JavaScript 特效网页源代码 ;（ 9） 学会修改

4、 JavaScript 代码 , 实现不同的特效网页效果 ;（ 10） 学会使用 JavaScript 语言实现网页特效。（ 11） 会使用 JavaScript+JQuery 设置网页动画效果 ;（ 12） 会使用 JavaScript+JQuery 设置网页验证效果 ;（ 13） 会使用 JavaScript+JQuery 设置表单特效。3、素质目标(1)培养学生的网页设计创意思维、艺术设计素质;(2)培养学生的团队协作精神与创新精神、交流与沟通能力;(3)培养学生科学研究、专业设计与撰写实训报告的基本技能;(4) 主动学习的能力、分析问题的能力。三、课程教学内容及课时安排序号项目名称商务

5、类网站的1设计与制作饮食类网站的2设计与制作音乐电影类网3 站的设计与制作学习类网站的4设计与制作旅游类网站的5设计与制作服装饰品类网6 站的设计与制作化妆品类网站7的设计与制作体育类网站的8设计与制作参考主要内容目标与要求课时1. 网站规划（ 1）网站整体规划（ 2）素材的准备（ 3）策划书的编写2. 网站界面设计（ 1）平面效果图的设计1、 页面布局美观大方;（ 2）平面效果图的制作2、 颜色搭配合理 ;（ 3）平面效果图的确定3、 内容详实、丰富( 声音、视频等 );3. 网站的制作（ 1）4、至少有 5 个二级页面 ,3 个三级页面 ;站点的制作26（ 2）模板的制作5、 链接正确 ;

6、6、实现页面验证效果 ;（ 3）页面的制作7、实现页面简单的动画效果。（ 4）CSS样式的添加（ 5）特殊效果的使用4. 网站测试（ 1）组内测试网站及网页（ 2）组间测试网站及网页5. 网站的维护、发布与推广6. 实训总结备注 : 实训从提供的项目1-8 选题中选择一至二个即可, 学生也可自己选题。 Web前端综合实战实训课程标准四、教学实施1、教学方法本实训就是操作性很强的教学环节, 针对实训的培养目标与特点, 教学方式应就是灵活多样 , 主要采用项目教学法、小组教学法、讲授法教学, 学生保证每人一机, 在机房中进行集中实训 , 最后采用作品演示、 作品答辩等教学手段来激发学生的学习积极性

7、, 提高学生的学习兴趣。2、评价方法使用学生自评、学生互评、教师综合评定相结合的多元评价模式, 通过过程评价与终结性评价相结合 , 学生最后成绩按下表综合评定, 其中 , 教师评比 60 分 , 学生自评 20 分 , 学生互评 20 分。实训成绩评定标准考核内容计分网站建设准备5%网站平面效果图的设计10%网站站点、页面的制作与实现30%网站测试10%网站维护、发布5%职业规范5%考勤10%团队协作、沟通理解、排错15%认真书写实训报告10%合计100%五、参考书与其她参考文献 1网页设计案例教程 , 朱艳丽编 , 清华大学出版社 2012 年 9 月 ; 2网页设计与制作 , 董洁编 ,

8、清华大学出版社 2012 年 8 月 ; 3网页设计与制作实例教程, 孙士保编 , 电子工业出版社2013 年 5 月; 4网页设计与布局项目化教程(HTML+CSS+DIV),温谦编 , 人民邮电出版社2013 年 9月 ; Web前端综合实战实训课程标准 5网页设计与制作教程(HTML+CSS+JavaScript),张晓蕾编 , 电子工业出版社2014 年7 月 ; 6交互式WEB前端开发实践: 冷亚洪等 , 清华大学出版社2018 、 7 第 1 版 ; 7JavaScript+ jQuery WEB交互程序设计, 李妍等 , 清华大学出版社,2018 、 4 第1 版 ; 8 Web设计与前端开发秘籍:JavaS