HTML CSS DIV网页设计与布局（第3版）（微课版）-教案 第14章 JavaScript快速入门.doc

PAGE12

网页设计与制作

授课教案

学年第学期

学院（部）专业（学部）

课程名称

电子商务网页设计与制作

任课教师

课内形式

理论教学□课内实践□理实一体?习题复习□考核评价□其他活动□

学习量

安排

课内：

课外形式

调查分析?小组研讨□实践任务?理论探究□考核评价□汇报展示□其他活动?

课外：

序号

14

授课日期

月日

月日

月日

月日

授课班级

课内教学内容：

第14章JavaScript快速入门

课外学习任务：

（1）课前：

以小组为单位，讨论JavaScript相关知识并以PPT的形式记录下来。

（2）课后：

=1\*GB3①使用鼠标事件实现单击按钮切换div元素的CSS样式的效果。

=2\*GB3②将输入框中的字母全部转换为大写形式。

=3\*GB3③使用onsubmit事件捕获“提交”按钮的表单提交操作。

教学目标：

知识目标

掌握JavaScript基础知识。

掌握对元素的动态操作。

掌握事件常用方法。

能力目标

能够独立实现动态网页的布局；

能够独立使用JavaScript语言。

素质目标

较强的专业知识和自学能力；

丰富知识结构，提升专业知识；

掌握JavaScript语言编写技能，理解并应用专业知识。

重点难点及解决方法：

（1）重点：JavaScript基础知识

解决方法：通过知识点讲解+课堂在线展示相结合的方法，教师讲解JavaScript的基础知识，引导学生积极思考，掌握相应知识；同时通过课堂在线展示，使学生可以更直观的了解JavaScript语言的相关知识；培养学生的思维能力和分析问题解决问题的能力。

（2）难点：对元素的动态操作和事件

解决方法：通过代码讲解+在线演示的的方式教学，细致讲解网页中各种动态效果是如何通过JavaScript代码实现的。帮助学生掌握JavaScript代码对网页动态交互效果的实现方法和技巧。从实用的角度帮助学生提高专业知识。

课内教学授课地点：

教学媒体：微课、PPT课件、网页图片、相关教学视频等。

设备及材料：多媒体计算机、多媒体教学广播软件、网页素材图片、教学载体源文件等。

其它资源：与本次课相关的专业技术论文电子版。

学习效果评价方式：

对理论知识学习效果评价：采用课堂提问、课后习题和查阅技术论文研读笔记的方式；

对技能的评价：教师对学生上交网页作品按制作要求进行综合性评价；

对职业素养的评价：采用学生自评、小组内评价和教师评价相结合的方式。

课后小结：

填表说明：1.序号，指该课程授课的顺序号，应与授课计划一致；2.授课形式在相应的选项打“√”。

课内教学内容及过程

时间分配

方法

及手段

1.初识JavaScript

JavaScript语言允许开发者实现网页的动态效果和响应用户交互行为，同时也被用于服务器端编程、移动应用开发等多种平台。JavaScript于1995年由Netscape公司的布兰登·艾奇（BrendanEich）在网景导航者浏览器上首次设计、实现而成。本节将介绍JavaScript语言基础知识的相关内容。

【JavaScript语言的组成】

JavaScript语言的组成方式与其他编程语言类似。JavaScript语言主要由标识符、关键字、变量、运算符、语句、函数以及对象组成。

1．标识符

编程语言的基本功能是处理数据，但是单独的数据是没有任何含义的。例如，一个数字1，谁也不知道它代表什么。因此，数字需要用有含义的词语去指代或者与其关联，例如，1个苹果，此时数字1就代表1个苹果。

在编程时对苹果和数字1处理时，苹果这种名词就被称为标识符。标识符就是在编程语言中拥有指定功能的字、词或符号。标识符在命名时要遵循以下几个规则：

标识符由数字、字母、下画线（_）、美元符号（$）等构成；

? 第一个字符必须是字母、下画线或美元符号；

? 标识符区分字母的大小写，推荐使用小写形式或骆驼命名法；

? 标识符不能与JavaScript中的关键字相同。

2．关键字

关键字是由JavaScript语言官方规定的拥有特定功能的标识符。例如，for用于实现循环语句。编程人员在自定义标识符时是不能使用关键字或保留字的。JavaScript语言的系统预定义关键字如表14.1所示。

序号

关键字

序号

关键字

序号

关键字

序号

关键字

1

abstract

17

else

33

instanceof

49

switch

2

arguments

18

enum

34

int

50

synchronized

3

boolean

19

eval

35

interface

51

this

4

break

20

ex