1.5 JavaScript脚本（教案）-高一《网页设计与制作（Dreamweaver CC》同步精品课堂（电工版2021）

课 题 模块一 JavaScript脚本 课 型 理实一体 课 时 1 授课班级 授课时间 授课教师 教材分析 《网页设计与制作》是为了适应中等职业学校计算机课程改革的要求，从网页制作技能培训的实际出发，结合当前网页技能培训的实际出发，结合当前网页制作软件的流行版本DreamweaverCC，有利于初学者快速掌握必备的知识。 本节课内容为教材中“模块一 JavaScript脚本 学情分析 知识储备： 通过在记事本和Dreamweaver中使用HTML代码制作网页。 能力水平：通过编制一个JavaScript脚本程序，打印1 一10之内的奇数之和，介绍JavaScript脚本程序在HTML语言中的应用。。 学习目标 知识目标：通过在记事本和Dreamweaver中使用HTML代码制作网页； 能力目标：通过编制一个JavaScript脚本程序，打印1 一10之内的奇数之和，介绍JavaScript脚本程序在HTML语言中的应用。； 素质目标：介绍HTML代码的常用标记，以及使用HTML代码制作简单网页的方法。 学习重难点 教学重点：通过在记事本和Dreamweaver中使用HTML代码制作网页； 教学难点：通过编制一个JavaScript脚本程序，打印1 一10之内的奇数之和，介绍JavaScript脚本程序在HTML语言中的应用。。 教学方法 实物展示法、讲授法、演示法 课前准备 教师准备：讨论主题、学生任务书 学生准备：在线讨论、完成任务书 教学媒体 多媒体教室 教学过程 教学环节 教师活动设计 学生活动设计 设计意图 活动一： 创设情境 生成问题 1.操作引出主题 提前进行实操操作，让学生大致了解网站配色方案的知识和主要内容的预习。 2.分发学习任务书 引导学生分析任务书，明确本节课的学习内容。 3.展示学习目标 1.提前预习内容 2.接收并查看本节课堂任务书 3.查看并记住本节任务的学习目标 1组织学生观看实操内容，让同学们提起兴趣，对学习内容参与度更深。 2.下发和展示任务，让学生明确课堂任务，学习课堂知识 活动二： 调动思维 探究新知 JavaScript脚本 通过编制一个JavaScript脚本程序，打印1 一10之内的奇数之和，介绍JavaScript脚本程序在HTML语言中的应用。 （1）选择“开始”— “所有程序'' —“附件"一“记事本"命令，打开记事本窗口 在记事本中输入以下代码： （2）代码输入完毕，选择“文件”— “保存'' 命令，打开“另存为”对话框，选择保存位置为素材库的chapterl文件夹，文件名为，保存类型为“所有文件"，单击 “保存”按钮。 （3）在“计算机"中打开chapter]文件夹，双击myweb4.html打开浏览器，浏览该网页，效果如图1．20所示。 （1）内部链接：链接到本地计算机中的文件。 （2）外部链接：链接到本地站点以外的任何一个站点中的文件。 （3）E-mail链接：链接到一个电子邮件地址，单击将启动默认的E-mail程序发送邮件。 JavaScript脚本的编制 通过来源以及演变方式等知识的学习，完成课后练习。 1. 细化课程知识点设计，让学生更好的理解和掌握。 2. 知识点在学生心理更清晰明了。 Java Script脚本 Java Script是一种基于对象和事件驱动并具有安全性能的脚本语言，使用目的是与HTML 一起实现在一个web页面中与web客户的交互作用。JavaScript脚本语言是通过嵌入或调入标准的HTML中实现的。当浏览器打开含有JavaScript脚本的页面时，会读出这个脚本并执行其命令，因此JavaScript使用简单、运行快，适用于较简单的应用。 JavaScript是一种脚本语言，下面就介绍这种语言的基本语法： 1．常量 在JavaScrmpt中，常量有六种基本类型。 （1）整型常量：可以使用十六进制、八进制和十进制表示。 （2）实型常量：用整数部分和小数部分表示，如12、12、125．369等。 （3）布尔值．布尔常量只有true和false两种状态。 （4）字符型常量：使用单引号或双引号括起来的一个或几个字符。 （5）空值：JavaScript中有一个空值null'表示什么也没有。 （6）特殊字符：JavaScnpt有以反斜杠（\）开头的、不可显示的特殊字符。 2．变量 变量是存取数据、提供存放信息的容器，包括整数变量、字符型变量、布尔型变量和实数变量。 3．运算符 1）算术运算符 通过算术运算符可以进行加、减、乘、除和其他数学运算。 2）．逻辑运算符 逻辑运算符用于比较两个布尔值（真或假），并返回一个布尔值。 3）．