八(上)第17课《编辑网页代码》.doc

课题
编辑网页代码
设计
意图
通过本课教学，让学生简单认识HTML语言，并能将对应的语言代码正确插入到网页中，使得网页拥有灵动的效果，更加美观、更具特色。
本课内容的编排，意在打破学生对程序代码的神秘感，让学生从未知到知之，了解程序的本质，拉近与代码之间的距离。
目标
1． 通过查看网页代码，了解HTML语言的概念、结构及其在网页制作中的作用。
2． 通过鼠标特效的添加，初步掌握网页特效的添加方法，体验用超文本标记语言修改网页的方法。
重难点
重点：了解HTML语言，添加网页特效代码。
难点：网页特效代码的合理运用与修改。
课前准备
网络机房，连通因特网；示例网站、素材库（有代表性的特效代码素材）。
课时安排
1课时
教师活动
学生活动
设计意图

一、 导入
展示示例网站（与已完成网站对比）。
有什么不同？

简单介绍网页特效。（P67知识链接）

二、认识HTML
HTML代码概念介绍（切换成“代码”视图）
HTML文件结构了解。

对照网页，简单讲解代码结构。

三、添加特效代码
分发练习网页文件
提出任务，给网页添加特效。
（展示范例）

1．收集特效代码。
介绍网页特效网站
（）

观察示例网站
认识各种特效

参照课本，切换到“拆分”视图，找到各个HTML标签。

观察范例，了解任务情况。

尝试查找更多特效网站，交流。

通过实例，让学生认识网页特效，激发学生学习兴趣。

通过在“拆分”视图中查找各个HTML标签，简单的来了解HTML文件的基本结构。

2．添加特效代码。
　　演示操作
（鼠标特效）
注意：
代码粘贴的位置。

展示学生练习情况，点评讲解。

3．修改代码，特效个性化。
如何让网页的特效更有特点？
展示范例，对比：不一样的字体、间距、变化速度等。
对照P69表格，简单介绍一些HTML常用标签功能。
对特效代码进行修改。

点评讲解

四、自主创作
任务：给自己的网站添加网页特效。
要求：
1．每一页一个特效；
2．主页的特效有自己的特色；

展示学生作品
交流、点评

五、小结
小结本课内容。

观察演示，参照课本，尝试给练习网页添加指定特效。
组内互助交流。

观察范例，了解一些HTML常用标签。

尝试修改。

上台演示。

尝试制作，组内互助交流

通过一个统一的练习，让学生大致了解给网页添加特效的方法。

比效果，突出特色，激发学生的学习兴趣。

引导学生自主思考，学会自主学习。

给学生创作的空间，激发学生创作能力。
相关资源

2