《前端设计》
课程标准
课程名称：Web 前端设计   
所属系部：电子信息工程学院
授课教师：    梁启娟   
审 核 人：    冯  曼   
制定时间： 2019 年 10 月
日照职业技术学院

一、课程基本信息    1
二、课程概述    1
三、课程目标    1
四、课程内容    2
五、课程实施    4
六、课程考核    5
七、课程资源    5
八、本课程常用术语中英文对照表    6

《前端设计》课程标准
一、课程基本信息
课程代码
250522
课程性质
必修
适用专业
计算机
开设学期
4
课程类别
专业平台课程
课程类型
B类
学   分
4.5
总 学 时
76
学时分配
理论学时：38 ；实践学时：    38
实施场所
地滋楼机房
授课方式
讲授+操作
执笔人
审核人
制订时间
二、课程概述
（一）课程性质
本课程是软件技术、计算机技术（Web前端开发）等专业方向的专业课程，是一门必修课。
（二）课程定位
定位于WEB技术开发工作岗位。它是WEB前端技术开发的必备课程，在整个课程体系中具有重要的作用。本课程的前导课程：静态网页设计、DIV+CSS布局。后续课程：PHP动态网页设计、动态网页设计等。
三、课程目标
本课程的总目标是是培养网页设计、网页美工以及WEB综合开发的初、中级专业人才，通过本课程的学习，学生能掌握JavaScript语言的基本编程思想，并能熟练利用JavaScript和JQuery控制WEB页面各级元素，实现WEB前端的验证、动态展示等任务.
《Web前端设计》课程是网页设计的提升课程，通过对本课程的学习，学员能够掌握如何使网站的视觉效果更干净、整洁和美观，加强网页的特效。增强学员的实际动手能力和综合分析问题的能力。
（一）思想教育目标
培养面向“互联网+”经济发展需要，拥护党的基本路线，适应生产、建设、管理、服务第一线需要的德、智、体、美等方面全面发展的高素质技术技能型人才。
（二）知识教学目标
1．学生能力目标
通过本课程的学习，使学生具备web前端开发笔试题库JavaScript基础知识，掌握JQUERY基本方法，掌握表单校验的原理和使用方法，并培养学生的自学能力和动手解决问题的能力。能力目标主要有：
(1) 实现客户端表单验证；
(2) 制作网页特效；
(3)搭建客户端网页商城；
2．基本知识教学目标
（1）会使用JavaScript美化网页；
（2）会使用jQuery美化网页；
（3）实现客户端表单校验；
3．技能操作目标
（1）会使用JavaScript设置网页动画效果
（2）会使用JavaScript设置网页验证效果
（3）会使用会使用JavaScript设置表单特效
4．素质目标
（1）具有辩证思维的能力；
（2）具有热爱IT技术，事实求是的学风和创新意识、创新精神；
（3）加强职业道德意识。
四、课程内容
本课程内容与要求如下表。
项目（模块）
工作任务
目标要求
课时
单元一 初识JavaScript
1.第一个JavaScript页面
2.JavaScript打印各种形状
3.判断首位是字母
4.统计包含“a“或“A“的字符串的个数
5.数学公式应用
(1)掌握JavaScript的组成
(2)掌握JavaScript的基本语法
(3)会定义和使用函数
(4)会使用工具进行代码调试
12
单元二 JavaScript中的BOM操作
1.制作当当购物车页面
2.制作查看一年四季的变化页面
3.制作12进制时钟特效
(1)会使用getElementById( )方法访问DOM元素
(2)会使用getElementsByName( )方法访问DOM元素
(3)会使用getElementsByTagName( )方法访问DOM元素
(4)会使用定时函数和Date对象制作时钟特效
8
单元三 JavaScript中的DOM操作
1.访问当当购物车页面节点
2.制作课工场论坛发贴
3.制作带关闭按钮的广告
(1)了解DOM的分类和节点间的关系
(2)熟练使用JavaScript操作DOM节点
(3)访问DOM节点
(4)能够熟练的进行节点的创建、添加、删除、替换等
(5)能够熟练的设置元素的样式
(6)能够灵活运用JavaScript获取元素位置的属性来完成网页效果
6
单元四 认识jQuery
1.制作当当顶部导航
2.使用jQuery变换网页效果
3.制作广告图片轮播切换效果
(1)能够搭建jQuery开发环境
(2)使用ready( )方法加载页面、掌握jQuery语法
(3)使用addClass( )方法和css( )方法为元素添加CSS样式
(4)使用next( )方法获取元素
(5)会使用show( )和hide( )显示和隐藏元素
8
单元五 jQuery选择器
1.制作图书简介页面
2.制作非缘勿扰页面特效
3.制作隔行变的商品列表
4.制作全网热播视频页面
(1)会使用基本选择器获取元素
(2)会使用层次选择器获取元素
(3)会使用属性选择器获取元素
(4)会使用过滤选择器获取元素
46
单元六 jQuery中的事件与动画效果
1.制作京东首页右侧固定层
2.仿京东左侧菜单
3.制作京东常见问题分类页面
(1)使用常用简单事件制作网页特效
(2)使用鼠标事件制作主导航特效
(3)使用hover( )方法制作下拉菜单特效
(4)使用鼠标事件及动画制作页面特效
6
单元七 jQuery中的DOM操作
1.制作简易聊天框
2.制作京东问答页面
3.制作凡客诚品帮助页面
(1)使用jQuery操作CSS样式
(2)使用jQuery操作网页元素
(3)使用jQuery操作文本与属性值内容
(4)使用jQuery操作DOM节点
(5)使用jQuery遍历DOM节点
(6)使用jQuery操作CSS-DOM
6
单元八 JavaScript表单验证
1.验证注册页面中的
2.验证贵美网站注册页面
3.验证博客园用户注册页面
(1)掌握String对象的用法
(2)会使用表单选择器选择页面元素
(3)会使用正则表达式验证页面输入内容
(4)会使用HTML5的方式验证表单内容
12
单元九 项目案例：制作1号店网
1.首页特效
2.搜索列表页特效
3.商品详情页特效
4.注册页特效
5.登录页特效
(1)使用jQuery选择器访问节点
(2)使用jQuery 获取页面中的样式属性
(3)使用jQuery动态地改变页面元素的样式
(4)使用jQuery动态获取或改变页面的内容
(5)使用jQuery中的显示隐藏、滑动、动画等实现页面特效
(6)使用blur( )和focus( )事件方法改变文本框失去焦点和获得焦点时的样式，即时地在层中显示提示内容
12
五、课程实施
（一）教学组织
本课程采用课堂教学与上机实习教学相结合的方式，课堂教学采用传统教学和多媒体教学相结合，理论与实际应用相结合，通过全面而丰富的实例（多媒体演示）学习，使学生能够使用JavaScript修饰和美化网页，，除此之外，还将综合所学的技能制作一个购物网站，以巩固所学内容，提高操作熟练度，增强学生的实际动手和综合分析的能力
（二）师资要求
本课程的教学至少应有一名专职教师，专兼职教师比例不应低于1：1。
课程主讲教师应具有本科以上学历，具备“双师素质”。注重教书育人，治学严谨，事业心强。经常走访企业，及时跟踪行业发展趋势和行业动态，并通过分析职业岗位能力要求和更新的变化，以工学结合的理念整合课程内容，不断深化教学改革，精心选取企业真实案例作为实训项目，教学过程紧贴实际工作流程，注重以实例化和形象化培养学生的实践能力，符合职业和岗位的要求，
（三）教学设备要求
多媒体一体化教室、专用计算机机房。
（四）教学过程评价
教学过程评价采取理论与实践相结合，把学生对知识技能掌握能力的评价与知识点考核相结合。过程评价从学生考勤、课堂讨论、回答问题、课后完成作业、预习、课堂实践、综合实践等方面整体进行评价。评价方式包括学生自评、学生互评、教师评价相结合的方式进行。
六、课程考核方式及成绩评定
加强动手能力培养和训练，强调平时学习，注重操作实训的效果，将已往期末一次性考试决定成绩优劣的做法改为考核过程贯穿于课程教学全过程中。结合本课程的教学目的和特点，课程考核由平时作业、上机实训等形成性考核和期末笔试结合，具体来说本课程考核由以下内容组成：
1．形成性考核
形式、内容不限，主要由平时作业（至少四次，形式可以是书面作业、上机作业、实验报告等，最多不超过八次）、上机实训（每周四次，至少七次）和平时考勤组成，占总成绩的60%。请各位老师根据本班具体教学情况和进度自行安排。
2.期末考试
本课程以项目形式考核，要求学生提交针对某网站效果设计的一套完整方案，提交设计方案和项目作品。期末笔试部分占总成绩的40%。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。