当前位置 :项目首页 > 评课议课 > 正文

《网页制作》教学设计

教学内容：《网页制作》

教学重点：网页文字处理、插入图片、动画、水平线以及设置背景的方法。

教学难点：通过网站自主学习，让学生自己建立网页。

学生分析：本课对象是高一学生，学生通过前面Word和Internet的学习，对网页内容编辑、结构和效果等设计有了一定的感性认识。

教学目标：熟悉网页中的各种元素及其制作方法，初步了解网页制作过程，培养学生的自学能力和创新探索能力。

教学方法：

通过网站引导学生自主学习，解决教师提出的实际问题。

教学过程：

展示一个简单的网页，边演示边讲解。

你现在正在上网，一定去了不少站点吧，这些站点的页面设计得非常精美，让你在浏览信息的同时，还可以得到美的享受。这么吸引人的页面，是怎么制作出来的呢？你想不想也做一个精美的个人页面呢？如果你的回答是肯定的，那我们就一起学一下FrontPage软件的使用。这个软件是一个优秀的专业化网页设计之一，使用这个软件，你只要几分钟就可以建立一个自己的网页，这可是一件令人激动的事哟！

师板书：网页制作

一、教师引导学生根据网站自学，完成教师提出具体操作要求。

模块一：教师引导学生自学“网页制作知识准备”，提出问题。

1、启动FrontPage。

2、FrontPage三种显示模式？

3、在E：＼下建空站点，取名为abc站点文件夹。

模块二：教师引导学生自学“新建网页”，提出要求。

1、新建普通网页。

2、打开E：＼网站制作素材＼可爱的家乡东宁.htm网页。

模块三：教师引导学生自学“文字编辑”，提出要求。

1、把东宁.htm网页中的标题设置为“五号、绿色、加粗”字体，居中对齐。

2、把东宁.htm网页中的正文字体设置为“三号”字体。

模块四：教师引导学生自学“图片动画”，提出要求。

1、在网页中插入E：＼网站制作素材＼东宁风景＼神仙洞.jpg。

2、在网页中插入E：＼网站制作素材＼东宁风景＼Welcome.gif。

模块五：教师引导学生自学“文字编辑”，提出要求。

1、在网页中标题与正文之间插入水平线。

2、水平线宽度设置为100%，高度为3像素，水平居中，颜色改为绿色。

模块六：教师引导学生自学“设置背景”，提出要求。

设置网页背景为E：＼网站制作素材＼东宁风景＼背景2文件。

模块七：教师引导学生自学“保存”，提出要求。

将当前网页另存到E：＼abc＼东宁.htm，并将图片保存到Images文件夹中。

二、分组练习

1、分组：一组练习制作个人网页，一组练习制作班级网页。

2、制作素材在E：＼网站制作素材＼练习素材中。

三、作品点评。

引导学生对学生作品点评，然后师补充点评。

四、总结