《《交互式前端开发实践》课程标准2413.pdf》由会员分享，可在线阅读，更多相关《《交互式前端开发实践》课程标准2413.pdf（12页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、.word 可编辑 课 程 标 准 （2018 年 秋 季学期）课 程 名 称（全称）：交互式网站前端开发综合实践 课 程 代 码：课程计划总学时：96 本学期学时：96 所 属 学 院：互联网+学院 教研室：软件教研室 任 课 教 师：制 订 日 期：2018 年 7 月 20 日 .word 可编辑 四川科技职业学院教学事业部 制 2018 年 7 月 20 日 交互式网站前端开发综合实践 课程标准 课程基本信息 课程编号 考核方式 考查 课程名称 交互式网站前端开发综合实践 课程类别 专业必须，理论+实践 学时/学分 96/6 先修课程 HTML 网页设计等 后续课程 PHP 或 ASP
2、.NET 等 适用专业 软件技术（java 开发）、计算机网络技术（Web 前端开发）开课学院或教研室 互联网+学院 执笔 苏绍培 审核 日期 年 月 审定 日期 年 月 一、本课程的性质、定位与任务.word 可编辑（一）课程性质 本课程是软件技术、计算机网络技术（Web 前端开发）等专业方向的专业课程，是该专业的一门必修课。（二）课程定位 定位于 WEB 技术开发工作岗位。它是 WEB 前端技术开发的必备课程，在整个课程体系中具有重要的作用。本课程的前导课程：静态网页设计、DIV+CSS 布局。后续课程：PHP动态网页设计、ASP.NET 动态网页设计等。（三）课程任务 本课程任务是培养网
3、页设计、网页美工以及 WEB 综合开发的初、中级专业人才，通过本课程的学习，学生能掌握 JavaScript 语言的基本编程思想，并能熟练利用 JavaScript 和JQuery 控制 WEB 页面各级元素，实现 WEB 前端的验证、动态展示等任务。二、本课程的教学目标（一）思想教育目标 培养面向“互联网+”经济发展需要，拥护党的基本路线，适应生产、建设、管理、服务第一线需要的德、智、体、美等方面全面发展的高素质技术技能型人才。（二）知识教学目标 能制作包含客户端验证、具有常见动态效果、界面美观大方的商业网站，但不包含任何服务器端脚本。包含的知识点如下：（1）CSS3 布局及美化；（2）会使
4、用 JavaScript 美化网页；（3）会使用 jQuery 美化网页；（4）实现客户端表单校验；.word 可编辑（三）技能教学目标（1）CSS3 布局及美化（2）会使用 JavaScript+JQuery 设置网页动画效果（3）会使用 JavaScript+JQuery 设置网页验证效果 （4）会使用 JavaScript+JQuery 设置表单特效（四）职业素质拓展目标（1）主动学习的能力（2）分析问题的能力（3）团队协作的能力（4）交流与沟通能力 三、本课程的考核方式：（1）考查课（2）成绩比例：满分 100 分，平时成绩 50%+综合作业成绩 50%（3）平时成绩：满分 50 分，
5、出勤 20%+实训 80%（4）综合作业成绩：满分 50 分，以综合设计的形式进行考核（5）考查原则：突出实践性和实用性，重在考察学生基于交互设计的案例制作能力 四、教材及参考书 教材：交互式 WEB 前端开发实践：冷亚洪等，清华大学出版社 2018.7 第 1 版 参考教材：1.JavaScript+jQuery WEB 交互程序设计，李妍等，清华大学出版社，2018.4 第 1版.word 可编辑 2.Web 设计与前端开发秘籍：JavaScript&jQuery 交互式 Web 前端开发 达科特主编，清华大学出版社 2015 年 6 月第 1 版 五、本课程的教学内容、基本要求及学时分配
6、（一）学时分配 教学内容 学时数 理论 实践 合计 绪 论 课程定位与作用 2 0 2 第一章 HTML 标记 2 8 10 第二章 JavaScript 编程基础 4 8 12 第三章 JavaScript 高级编程 4 8 12 第四章 JQuery 编程 4 8 12 第五章 CSS 样式运用 0 6 6 第六章 表单验证技术 0 6 6 第七章 客户端数据请求技术 2 4 6 第八章 综合案例网站制作 4 24 28 机动 复习答疑 2 0 2 合计学时 24 72 96 （二）教学内容及基本要求 教学单元或项目 教学内容 教学要求 教学手段 参考学时 理论 实践 绪论 课程定位与作用
7、 了解本课程在课程体系中的定位与作用 理论讲授、多媒体演示 2 0 第一章 HTML 标记 掌握HTML、HTML 5标签、属性 多 媒 体 演2 8.word 可编辑 示、实验操作 第二章 JavaScript 编程基础 掌握 JS 常用编辑器；掌握脚本结构、基本语法与自定义函数 多 媒 体 演示、实验操作 4 8 第三章 JavaScript 高级编程 熟练掌握 Dom 模型的方法及属性；掌握使用 DOM 模型层次关系访问元素；熟练掌握表单时间和脚本函数实现表单验证等 多 媒 体 演示、实验操作 4 8 第四章 JQuery 编程 掌握JQuery选择器、动态添加事件和动画设计的技巧 多
8、媒 体 演示、实验操作 4 8 第五章 CSS 样式运用 掌握Style样式等相关特效的制作 多 媒 体 演示、实验操作 0 6 第六章 表单验证技术 掌握表单事件应用技巧；掌握控件联动的技巧；掌握表单验证高级特效 多 媒 体 演示、实验操作 0 6 第七章 客户端数据请求技术 掌握 XML 文件应用；掌握 Ajax技术应用 多 媒 体 演示、实验操作 2 4.word 可编辑 第八章 综合案例网站制作 掌握系统需求设计；掌握数据库设计；掌握综合开发技巧 多 媒 体 演示、实验操作 4 24 机动 复习答疑 讨论 2 0 六、教学质量控制（一）教学重点、难点及教学设计 绪论 课程定位与作用 教
9、学重点：本课程在该专业课程体系中的作用 教学难点：课程意义及建议如何学习 本章采用多媒体演示及讨论形式进行授课，拟达到让学生充分了解本课程所学知识范围及特定就业岗位对知识需求的效果 第一章 HTML 标记 教学重点：HTML、XHTML、HTML5 标签的使用 教学难点：HTML5 表单控件、画布功能使用 本章采用多媒体演示、讨论及实验操作形式进行授课，拟达到让学生了解 HTML5、理解HTML、XHTML、HTML5异同、掌握HTML5表单标签及属性、掌握HTML5音频、视频、画布运用效果 第二章 JavaScript 编程基础 教学重点：JavaScript 的基本语法、自定义函数的使用
10、教学难点：自定义函数参数的传递方法 本章采用多媒体演示、讨论及实验操作形式进行授课，拟达到让学生了解JavaScript简介、理解JavaScript常用编辑器、掌握脚本的基本结构(Script标签)、掌握.word 可编辑 基本语法、掌握高级语法自定义函数等效果 第三章 JavaScript 高级编程 教学重点：运用 DOM 模型查找某个 HTML 元素；使用 Window 对象的 open（）方法制作各种样式的广告窗口；使用 Window 对象的 SetTimeout（）方法和 Date 对象制作日期显示效果；document 对象 getElementByID（）、getElementN
11、ame（）方法的应用；内置对象的应用。教学难点：SetTimeout（）方法的运用；带关闭按钮浮动窗口的制作；面向对象编程；本章采用多媒体演示、讨论及实验操作等形式进行授课，拟达到让学生掌握运用DOM 模型查找某个 HTML 元素、掌握使用 Window 对象的 open（）方法制作各种样式的广告窗口、掌握使用 Window 对象的 SetTimeout（）方法和 Date 对象制作日期显示效果的效果；掌握使用 document 对象的 getElementByID（）方法访问 DIV 层对象、掌握使用 document 对象的 getElementByName（）方法访问表单元素、掌握使用
12、DIV 对象的样式属性控制层的隐藏和显示的效果。第四章 JQuery 编程 教学重点：JQuery 动画的设计 教学难点：JQuery 选择器的使用、Ajax 方法与事件 本章采用多媒体演示、讨论及实验操作等形式进行授课，拟达到让学生掌握JQuery 选择器的使用、掌握 JQuery 动态添加事件、掌握 JQuery 动画的设计的效果 第五章 CSS 样式运用 教学重点：样式特效的实现思路；常见的borderColor、src、className、display、backImage 样式属性.word 可编辑 教学难点：CSS3 动画；“点卡”中多个层切换的效果制作；本章采用多媒体演示、讨论及
13、实验操作等形式进行授课，拟达到让学生掌握使用style 样式属性动态改变边框颜色、掌握使用 className 类名属性动态改变按钮背景图片、掌握使用 display 显示属性实现层或图片的隐藏/显示和切换特效的效果 第六章 表单验证技术 教学重点：表单验证的思路；字符串对象的常用属性和方法；文本框控件的常用属性、方法、事件 教学难点：电子邮件格式的验证、事件运用、联动验证；本章采用多媒体演示、讨论及实验操作等形式进行授课，拟达到让学生掌握使用DOM模型的层次关系访问元素、掌握使用表单事件和脚本函数实现表单验证、掌握使用 String 对象和文本框控件常用属性和方法实现客户端验证的效果；使用提
14、交方法实现图片代替“提交按钮”的功能、掌握使用下拉列表框控件实现省市及联功能；掌握使用 DIV 的 innerHtml 或 InnerText 动态显示内容的效果 第七章 客户端数据请求技术 教学重点：认识 Web Service;XML;Ajax 教学难点：编写应用 XML、Ajax、JSON 技术；本章采用多媒体演示、讨论及实验操作等形式进行授课，拟达到让学生掌握使用掌握 XML文件应用；掌握 Ajax、JSON 技术应用；第八章 综合案例网站制作 教学重点：项目需求分析编写、页面布局、数据库设计 教学难点：数据库设计、程序设计 本章采用多媒体演示、讨论及实验操作等形式进行授课，拟达到让学
15、生掌握系统.word 可编辑 需求设计；掌握数据库设计；掌握综合开发技巧（二）教学过程评价 教学过程评价采取理论与实践相结合，把学生对知识技能掌握能力的评价与知识点考核相结合。过程评价从学生考勤、课堂讨论、回答问题、课后完成作业、预习、课堂实践、综合实践等方面整体进行评价。评价方式包括学生自评、学生互评、教师评价相结合的方式进行。（三）课程考核方式及成绩评定 1考核方式 本课程以项目形式考核，要求学生提交针对某网站效果设计的一套完整方案，提交设计方案和项目作品。2成绩评定 重点以平时考勤、课堂表现、设计方案和项目作品综合评定学生成绩。其中总结性考核包括项目设计方案书和项目作品，平时成绩占最终成绩的 50%，终结性考核占最终成绩的 50%。七、对课程主讲教师的基本要求（一）学历要求：本科及以上；（二）课前必须试讲；（三）向教务处申报授课资格。八、教学环境及实训条件（一）教室基本配置 1多媒体设备；2话筒；.word 可编辑 3无特殊要求（普通教室）（二）实训设备 计算机 50 台以及相应的软件系统 .word 可编辑