《ASP.NET程序设计教程（C#版）》，崔淼，机械工业出版社参考资料《ASP.NET应用开发与实践》，刘乃琪，人民邮电出版社超星平台-《Web程序设计》-2021春课后小结11
11 参 考 资 料 《ASP.NET 程序设计教程（C#版）》，崔淼，机械工业出版社 《ASP.NET 应用开发与实践》，刘乃琪，人民邮电出版社 超星平台-《Web 程序设计》-2021 春 课 后 小 结
第5次课程教案本次课授课章节第2章HTML和JavaScript2学时数本次课教学掌握：①表单与控件的使用方法；②在网页中使用JavaScript；目的与要求教学①HTML标记的使用：②JavaScript重点本次课教学重点与难点JavaScript的使用难点教学方法理论讲授与多媒体演示相结合，案例分析法与手段教学内容课时分配（分钟）新课导入540表单与控件教学内容20框架的使用时间分配5JavaScript概述15在网页中使用JavaScript小结5一、 新课导入前面一节介绍了静态网页编程语言HTML，但如果想让静态的HTML网页实现动态交互的效果，比如说实现表单验证、创建cookies、记录用户状态等功能，就需要用到JavaScript。二、讲授教学内容1、表单与控件表单是指网页中用于用户输入信息的区域，当用户按下提交按钮后，表单就被提交到网站。表单的基本语法格式为：教学过<formname=表单名称action=处理方式method=发送方式></form>程设计发送方式：get/post常用表单控件介绍V文本框<inputtype=textname=名称size=宽度maxlength=字符数value=初始值密码框<inputtype=passwordname=名称size=宽度maxlength=字符数value-初始值>√复选框<inputtype=checkboxname=名称>√单选框<inputtype=radioname=名称checked>√提交按钮<inputtype=submitname=名称value=文字>√重置按钮<inputtype=resetname=名称value=文字>12
12 第 5 次课程教案 授 课 章 节 第 2 章 HTML 和 JavaScript 本次课 学时数 2 本 次 课 教 学 目 的 与 要 求 掌握：① 表单与控件的使用方法；② 在网页中使用 JavaScript； 本次课 重 点 与 难 点 教学 重点 ①HTML 标记的使用；②JavaScript 教学 难点 JavaScript 的使用 教 学 方 法 与手段 理论讲授与多媒体演示相结合，案例分析法 教 学 内容 时 间 分 配 教学内容 课时分配（分钟） 新课导入 5 表单与控件 40 框架的使用 20 JavaScript 概述 5 在网页中使用 JavaScript 15 小结 5 教学过 程设计 一、新课导入 前面一节介绍了静态网页编程语言 HTML，但如果想让静态的 HTML 网页实现 动态交互的效果，比如说实现表单验证、创建 cookies、记录用户状态等功能，就需 要用到 JavaScript。 二、讲授教学内容 1、表单与控件 表单是指网页中用于用户输入信息的区域，当用户按下提交按钮后，表单就被 提交到网站。 表单的基本语法格式为： <form name=表单名称 action=处理方式 method=发送方式> </form> 发送方式：get/post 常用表单控件介绍 ✓ 文本框<input type=text name=名称 size=宽度 maxlength=字符数 value=初始值> ✓ 密码框<input type=password name=名称 size=宽度 maxlength=字符数 value=初始值> ✓ 复选框＜input type=checkbox name=名称 ＞ ✓ 单选框＜input type=radio name=名称 checked＞ ✓ 提交按钮<input type=submit name=名称 value=文字> ✓ 重置按钮<input type=reset name=名称 value=文字>
一般按钮<inputtype=buttonname=名称value=文字>V文件上传控件<inputtype=filename=名称size=宽度maxlength=字符数>V下拉列表框<selectname=名称size=数值multiple><option>选项一</select>V多行文本框<textareaname=名称rows=行数cols=列数>...<textarea>表单及相关控件举例2、框架的使用框架也称为窗口，其主要作用是可以把浏览器窗口切割成若于个独立的窗口。框架集标记<frameset>..</frameset>V常用属性：cols、rowsV主要分割方式：纵向分割、横向分割、嵌套分割框架标记<frame>√格式：<framesrc=文件名name=窗口名称scrolling="[OPTION]”noresize>V常用属性：src、name、scrolling、noresize框架应用举例不支持框架标记<noframe>（补充）浮动框架<iframe>（补充）3、JavaScript概述（1）JavaScript的特点（2）JavaScript与Java的区别（3）JavaScript的作用4、在网页中使用JavaScript<script>标记的语法格式<scriptlanguage=“JavaScript”>Javascript语言代码；</script>脚本语句在HTML中出现的位置+√放在<body></body>之间-页面载入即执行√放在<head></head>之间--在head部分定义相应函数，在body部分调用该函数后才执行，可以多次调用放在外部文件--.js文件，在文件中使用src=*js调用该文件三课堂小结本次课主要介绍HTML中的表单与控件、框架的内容以及JS的使用方法，其中表单与控件部分内容较多，希望同学们可以回去多加整理，加深记忆。思考题或预习作业：教材65-66页选择题5，6、填空题4题或作业题超星平台上的章节测验完成第二章的内容《ASP.NET程序设计教程（C#版）》，崔淼，机械工业出版社参考资料《ASP.NET应用开发与实践》，刘乃琪，人民邮电出版社超星平台-《Web程序设计》-2021春13
13 ✓ 一般按钮＜input type=button name=名称 value=文字＞ ✓ 文件上传控件＜input type=file name=名称 size=宽度 maxlength=字符数＞ ✓ 下拉列表框<select name=名称 size=数值 multiple> <option> 选项一 . </select> ✓ 多行文本框<textarea name=名称 rows=行数 cols=列数> . <textarea> 表单及相关控件举例 2、框架的使用 框架也称为窗口，其主要作用是可以把浏览器窗口切割成若干个独立的窗口。 框架集标记<frameset>.</frameset> ✓ 常用属性：cols、rows ✓ 主要分割方式：纵向分割、横向分割、嵌套分割 框架标记 <frame> ✓ 格式：<frame src=文件名 name=窗口名称 scrolling="[OPTION]" noresize> ✓ 常用属性：src、name、scrolling、noresize 框架应用举例 不支持框架标记<noframe>（补充） 浮动框架<iframe>（补充） 3、JavaScript 概述 （1）JavaScript 的特点 （2）JavaScript 与 Java 的区别 （3）JavaScript 的作用 4、在网页中使用 JavaScript <script>标记的语法格式 <script language=“JavaScript”> Javascript 语言代码； . </script> 脚本语句在 HTML 中出现的位置 ✓ 放在<body></body>之间-页面载入即执行 ✓ 放在<head></head>之间-在 head 部分定义相应函数，在 body 部分调用该函数 后才执行，可以多次调用 ✓ 放在外部文件-.js 文件，在文件中使用 src=*.js 调用该文件 三 课堂小结 本次课主要介绍 HTML 中的表单与控件、框架的内容以及 JS 的使用方法，其中表 单与控件部分内容较多，希望同学们可以回去多加整理，加深记忆。 思考题或预习 题或作业题 作业：教材 65-66 页 选择题 5，6、 填空题 4 超星平台上的章节测验完成第二章的内容 参 考 资 料 《ASP.NET 程序设计教程（C#版）》，崔淼，机械工业出版社 《ASP.NET 应用开发与实践》，刘乃琪，人民邮电出版社 超星平台-《Web 程序设计》-2021 春
课后小结14
14 课 后 小 结
第6次课程教案本次课授课章节第2章HTML和JavaScript2学时数本次课教学掌握：①浏览器对象：②JavaScript在前端的应用。目的与要求教学浏览器对象的使用重点本次课教学重点与难点JavaScript在前端的应用难点教学方法理论讲授与多媒体演示相结合、案例分析法与手段教学内容课时分配（分钟）5新课导入50浏览器对象的使用教学内容时间分配20JavaScript在前端的应用20案例：使用HTML和JavaScript实现表单注册一、 新课导入JavaScript可以让静态的HTML网页实现动态的效果，常用来实现表单验证、创建cookies、记录用户状态等功能。前一次课程我们介绍了如何在网页中使用JavaScript的方法，并举了几个小例子，但是只是从大体上了解了JavaScript的应用场合。JavaScript还能完成什么样不可思议的功能呢，（教师演示几个小例子）这节课我们就来研究这些JavaScript在前端的应用例子是如何实现的。二、 讲授教学内容1、浏览器对象的使用（1）window对象教学过Window对象简介程设计Window对象的作用Window对象的属性VStatus属性--状态栏信息Window对象的方法vopen（）方法--创建新窗口vclose（）方法-关闭窗口Valert（）方法--警告窗口Vconfirm（）方法--确认窗口√prompt（）方法--提示窗口settimeout(和cleartimeoutO方法--创建和清除定时器15
15 第 6 次课程教案 授 课 章 节 第 2 章 HTML 和 JavaScript 本次课 学时数 2 本 次 课 教 学 目 的 与 要 求 掌握：① 浏览器对象；② JavaScript 在前端的应用。 本次课 重 点 与 难 点 教学 重点 浏览器对象的使用 教学 难点 JavaScript 在前端的应用 教 学 方 法 与手段 理论讲授与多媒体演示相结合、案例分析法 教 学 内容 时 间 分 配 教学内容 课时分配（分钟） 新课导入 5 浏览器对象的使用 50 JavaScript 在前端的应用 20 案例：使用 HTML 和 JavaScript 实现表单注册 20 教学过 程设计 一、新课导入 JavaScript 可以让静态的 HTML 网页实现动态的效果，常用来实现表单验证、 创建 cookies、记录用户状态等功能。前一次课程我们介绍了如何在网页中使用 JavaScript 的方法，并举了几个小例子，但是只是从大体上了解了 JavaScript 的应用 场合。JavaScript 还能完成什么样不可思议的功能呢，（教师演示几个小例子）这节 课我们就来研究这些 JavaScript 在前端的应用例子是如何实现的。 二、讲授教学内容 1、浏览器对象的使用 （1）window 对象 Window 对象简介 Window 对象的作用 Window 对象的属性 ✓ Status 属性-状态栏信息 Window 对象的方法 ✓ open（）方法-创建新窗口 ✓ close（）方法-关闭窗口 ✓ alert（）方法-警告窗口 ✓ confirm（）方法-确认窗口 ✓ prompt（）方法-提示窗口 ✓ settimeout()和 cleartimeout()方法-创建和清除定时器