信息技术八年级上册编辑网页代码教案

这是一份信息技术八年级上册编辑网页代码教案，共3页。教案主要包含了导入，新授，课堂总结等内容，欢迎下载使用。

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