Window对象举例--创建一个闹钟程序+（2）location对象location对象描述的是当前打开窗口对象或者特定框架的地址。-location对象的常用属性（参见教材P51表2-4）+重点：href--设置或检索完整的URL字符串location对象应用举例--友情链接location对象的常用方法（参见教材P52表2-5）（3）document对象4document对象代表浏览器窗口中装载的是整个HTML文档，包含从<head>到</body>的内容，被用来访问一个页面上的所有元素。document对象的常用属性（参见教材P53表2-6）document对象应用举例--鼠标滑过，改变背景颜色document对象的常用方法（参见教材P54表2-7）√重点：Write（）方法：向指定的窗口中的文档写入一个或多个HTML语句（4）history对象history对象提供了与历史清单有关的信息，包含最近访问过的10个网页的URL。history对象的常用属性（参见教材P55表2-8）-history对象的方法：√backO方法-显示上一页VforwardO方法--显示下一页go(int)方法--定位到指定页（负数表示后退）（5）external对象·常用方法：addfavoriteO方法--添加收藏夹2、JavaScript在前端的应用（1）实现网页特效（2）动态地添加HTML控件（3）检测浏览器类型（4）创建和读取Cookie1、案例：使用HTML和JavaScript实现表单注册在实际应用中，经常需要对用户在表单内输入的信息的有效性进行检查，例如用户名必须填写、两次输入的密码必须一致，出生日期、邮箱等格式必须正确等等。在静态页面中这些可以通过JavaScript来实现，而且是在客户端验证，从而减少了服务器端的负担和网络带宽的压力。三课堂讨论题小结总结：本节重点讲解了JavaScript的前端应用，要求学生应该熟练掌握。预习：下一章样式的相关内容，参见超星平台2.8的内容；思考题或预习作业：教材65页选择题8-10填空题5：题或作业题观看超星平台上【资料】-【录屏】里面的录屏5HTML标记总结+测验.mp4《ASP.NET程序设计教程（C#版）》，崔淼，机械工业出版社参考资料《ASP.NET应用开发与实践》，刘乃琪，人民邮电出版社超星平台-《Web程序设计》-2021春16
16 Window 对象举例-创建一个闹钟程序 （2）location 对象 location 对象描述的是当前打开窗口对象或者特定框架的地址。 location 对象的常用属性（参见教材 P51 表 2-4） ✓ 重点：href-设置或检索完整的 URL 字符串 location 对象应用举例-友情链接 location 对象的常用方法（参见教材 P52 表 2-5） （3）document 对象 document 对象代表浏览器窗口中装载的是整个 HTML 文档，包含从<head>到 </body>的内容，被用来访问一个页面上的所有元素。 document 对象的常用属性（参见教材 P53 表 2-6） document 对象应用举例-鼠标滑过，改变背景颜色 document 对象的常用方法（参见教材 P54 表 2-7） ✓ 重点：Write（）方法：向指定的窗口中的文档写入一个或多个 HTML 语句 （4）history 对象 history对象提供了与历史清单有关的信息，包含最近访问过的10个网页的URL。 history 对象的常用属性（参见教材 P55 表 2-8） history 对象的方法： ✓ back()方法-显示上一页 ✓ forward()方法-显示下一页 ✓ go(int)方法-定位到指定页（负数表示后退） （5）external 对象 常用方法：addfavorite()方法-添加收藏夹 2、JavaScript 在前端的应用 （1）实现网页特效 （2）动态地添加 HTML 控件 （3）检测浏览器类型 （4）创建和读取 Cookie 1、 案例：使用 HTML 和 JavaScript 实现表单注册 在实际应用中，经常需要对用户在表单内输入的信息的有效性进行检查，例如 用户名必须填写、两次输入的密码必须一致，出生日期、邮箱等格式必须正确等等。 在静态页面中这些可以通过 JavaScript 来实现，而且是在客户端验证，从而减少了 服务器端的负担和网络带宽的压力。 三 课堂讨论题 小结 总结：本节重点讲解了 JavaScript 的前端应用，要求学生应该熟练掌握。 思考题或预习 题或作业题 预习：下一章样式的相关内容，参见超星平台 2.8 的内容； 作业：教材 65 页 选择题 8-10 填空题 5； 观看超星平台上【资料】-【录屏】里面的录屏 5 HTML 标记总结+测验.mp4 参 考 资 料 《ASP.NET 程序设计教程（C#版）》，崔淼，机械工业出版社 《ASP.NET 应用开发与实践》，刘乃琪，人民邮电出版社 超星平台-《Web 程序设计》-2021 春
课后小结17
17 课 后 小 结
第7次课程教案本次课授课章节第3章样式2学时数本次课教学了解：CSS的基本概念目的与要求掌握：①CSS常用的引用方式；②样式表的嵌套使用；③CSS属性；教学CSS常用的引用方式重点本次课重点与难点教学①样式表的嵌套使用难点②CSS滤镜的应用教学方法理论讲授与多媒体演示相结合，举例法与手段教学内容课时分配（分钟）10CSS 的基本概念35CSS常用的引用方式教学内容时间分配20样式表的嵌套使用CSS属性15滤镜10一、新课导入CSS用来格式化网页，控制字体、布局和颜色等，将CSS的表现与HTML的结构相分离，CSS通过对页面结构进行控制，控制整个页面的风格。二、讲授教学内容1、CSS的概念■CSS（CascadingStyleSheets）级联样式表，简称叫样式表，是用于（增强）控制网页样式并允许将样式信息与网页内容分享的一种标记性语言。教学过2、CSS常用的引用方式程设计内联样式表<标记名style-"属性属性值；属性：属性值..">·嵌入式样式表<head><styletype="text/css"><I选择符1，选择符2..属性：属性值，属性：属性值...-></style>18
18 第 7 次课程教案 授 课 章 节 第 3 章 样式 本次课 学时数 2 本 次 课 教 学 目 的 与 要 求 了解：CSS 的基本概念 掌握：① CSS 常用的引用方式；② 样式表的嵌套使用；③ CSS 属性； 本次课 重 点 与 难 点 教学 重点 CSS 常用的引用方式 教学 难点 ①样式表的嵌套使用 ②CSS 滤镜的应用 教 学 方 法 与手段 理论讲授与多媒体演示相结合，举例法 教 学 内容 时 间 分 配 教学内容 课时分配（分钟） CSS 的基本概念 10 CSS 常用的引用方式 35 样式表的嵌套使用 20 CSS 属性 15 滤镜 10 教学过 程设计 一、新课导入 CSS 用来格式化网页，控制字体、布局和颜色等，将 CSS 的表现与 HTML 的结构相 分离，CSS 通过对页面结构进行控制，控制整个页面的风格。 二、讲授教学内容 1、CSS 的概念 ▪ CSS（Cascading Style Sheets）级联样式表，简称叫样式表，是用于（增强）控制 网页样式并允许将样式信息与网页内容分享的一种标记性语言。 2、CSS 常用的引用方式 ▪ 内联样式表 <标记名 style=”属性:属性值;属性:属性值;.”> ▪ 嵌入式样式表 <head> <style type=”text/css”> <!— 选择符 1, 选择符 2,.{属性:属性值;属性:属性值;.} -> </style>
</head>链入外部样式样式表文件<head><linkrel="stylesheet"href-"*.css"type="text/css"></head>■联合使用样式表<style type="text/css"><@importurl("外部样式表文件名1.css")@importurl(外部样式表文件名2.css");其他样式表声明></style>3、样式表的嵌套使用内联样式表>嵌入式样式表>链入外部样式表-“就近使用”4、CSS属性对于属性的用法包括六个方面：参考教材P73（1）－（6）-5、滤镜CSS通过Filter属性使用滤镜功能，Filter属性允许多个滤镜效果叠加：·alpha属性blur属性.·chroma属性dropshadow属性·三课堂小结本章主要讲授CSS的基本概念：包括CSS常用的引用方式样式表的嵌套使用：CSS属性；注意与学过的Dreamwaver比较学习。比较CSS和Dreamwaver的异同思考题或预习题或作业题预习超星平台上的2.9页面布局的相关内容：《ASP.NET程序设计教程（C#版）》，崔淼，机械工业出版社参考资料《ASP.NET应用开发与实践》，刘乃琪，人民邮电出版社超星平台-《Web程序设计》-2021春课后小结19
19 </head> ▪ 链入外部样式样式表文件 <head> <link rel=”stylesheet” href=”*.css” type=”text/css”> </head> ▪ 联合使用样式表 <style type=”text/css”> <!— @import url(“外部样式表文件名 1.css”); @import url(“外部样式表文件名 2.css”); 其他样式表声明 -> </style> 3、样式表的嵌套使用 ▪ 内联样式表>嵌入式样式表>链入外部样式表 ▪ “就近使用” 4、CSS 属性 ▪ 对于属性的用法包括六个方面：参考教材 P73 （1）-（6） 5、滤镜 CSS 通过 Filter 属性使用滤镜功能，Filter 属性允许多个滤镜效果叠加； ▪ alpha 属性 ▪ blur 属性 ▪ chroma 属性 ▪ dropshadow 属性 三 课堂小结 本章主要讲授 CSS 的基本概念；包括 CSS 常用的引用方式 样式表的嵌套使用；CSS 属性；注意与学过的 Dreamwaver 比较学习。 思考题或预习 题或作业题 比较 CSS 和 Dreamwaver 的异同 预习超星平台上的 2.9 页面布局的相关内容； 参 考 资 料 《ASP.NET 程序设计教程（C#版）》，崔淼，机械工业出版社 《ASP.NET 应用开发与实践》，刘乃琪，人民邮电出版社 超星平台-《Web 程序设计》-2021 春 课 后 小 结