高桥新区中心学校课堂教学设计 教学时间：12月 19日 星期二 课题 编辑网页代码 课型 新授 通过查看网页代码，了解HTML语言的概念、结构及其在网页教 学 目 标 情感态度价值观 重点难点分析 教学准备 教学过程设计 一、导入 过程与方法 知识与技能 制作中的作用；通过鼠标特效的添加，初步掌握网页特效的添加方法，体验用超文本标记语言修改网页的方法。 简单认识HTML语言，并能将对应的语言代码正确插入到网页中，使得网页拥有灵动的效果，更加美观、更具特色。 提高美化网页、修饰网页的能力。 了解HTML语言，添加网页特效代码；网页特效代码的合理运用与修改。 网络教室，示例网站，素材库。 课堂随记 请看“视频1”，观察移动鼠标会出现什么现象？你知道怎样从学生感兴趣的内容，引起才可以实现鼠标这些特效吗？ 请看网页特效百度百科，了解网页特效的相关信息。 知识点连接：网页特效百度百科。 二、新授 学生的好奇，激发学生的学习兴趣。 浏览网站时经常能看到一些特殊效果，如跟随鼠标的文字、 自动更新的日期等，这些效果一般都是通过在网页中添加HTML 代码实现的。 （一） 认识HTML代码 超文本标志语言（Hypertext Markup Language，HTML），是 用于描述网页文档的一种标记语言，它是万维网上的通用语言。 请看超文本标志语言，了解一下该语言。 知识链接：超文本标志语言，在SharePoint Designer中， 选择“代码”视图，就可以编辑HTML和各种脚本语言代码， HTML 第 1 页 标签是由尖括号包围的关键词，通常成对出现。这部分的内容可 见视频“认识HTML代码讲解” 通过在“拆分”视图中查找请选择“拆分”视图编辑主页对照网页的两种表达形式，初各个HTML标签，简单的来步认识网页的代码结构。 （二） 添加特效代码 了解HTML文件的基本结构。 因特网上有很多专门提供特效代码的网站，通过复制特效代 码加入到自己的网页中可以实现网页特效。以“网络世界”网站 主页加入鼠标特效，方法如下： （1）打开“网络世界”网站，选择主页为当前编辑窗口。 （2）打开IE浏览器，搜索“网页特效”网站，找一个喜欢 的特效，并复制该特效代码，如进入“网站特效集锦”网站，复 制“飘动的字符跟随鼠标”代码。 网站链接：网站特效集锦。 通过一个统一的练习，让学（3）切换到sharepoint designer界面，选择“代码”视生大致了解给网页添加特图，将光标定位到之间，粘贴已复制的代码，并修改文字内容为效的方法。 “网络世界欢迎你的光临！” 。 利用微视频辅助教学，给学具体的操作过程可参考辅助视频“添加特效代码操作演示”。 生自主探究的空间。 请在网站主页中添加一种鼠标特效“飘动的字符跟随鼠标”。 给网页添加特效。特效代码的例子很多，尝试选择多个特效引导学生自主思考，学会自代码，如“自动更新的日期”，将它加入到网页中。 主学习。 提示：可进入“网站特效集锦”网站，选择“时间日期”选 项。 网站链接：网站特效集锦 三、课堂总结 展示学生作品，交流、点评。 师生共同回顾。 小结本课内容。 第 2 页 《网页特效代码的添加》微练习 1.添加网页特效代码，在“代码”视图，粘贴已经复制的网页特效代码到（ ）之间即可。 A) 课后活动与 作业 B) C) D) 2.以下关于网页特效代码描述正确的是（ ） A) 网页特效代码是一种脚本语言，是不可以修改的。 B) 网页特效代码是一种脚本语言，是可以修改的。 C) 网页特效代码是一段Flash动画，是不可以修改的。 D) 网页特效代码是一段Flash动画，是可以修改的。 3.请尝试添加“自动更新日期”特效代码到网页中。 在教学中采用分教学的思想，对于多数学生，只要求他们能按照教材中的示例添教后加代码即可，对于学而有余的学生，鼓励他们在教学过程中尝试运用HTML代码更改网反思 页内容，培养学生自学的意识和建网站的兴趣。 第 3 页 本文来源：https://www.wddqw.com/doc/0138b9270129bd64783e0912a216147916117e3e.html