高中信息技术《网页制作初步》教案范文

高中信息技术《网页制作初步》教案范文

教材分析

教学内容：高中信息技术第五章第二节《网页的制作》。

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

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

学生分析

本课对象是高一学生，学生通过前面WORD和INTERNET的学习，对网页内容编辑、结构和效果等设计有了一定的感性理解。

教学目标

熟悉网页中的各种元素及其制作方法，初步了解网页制作过程，培养学生的自学水平和创新探索精神。

教学环境

设计“网页制作”网站，是学生通过网站在教师的引导下，实现自主学习，完成网站中每一知识点的学习，教师借助投影仪即时反馈学生在完成目标时出现的问题。

教学方法

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

教学过程

（引入）边讲边演示

展示一个简单的网页

你现在正在上网，一定去了很多站点吧！这些站点的页面都设计得非

常精美，让你在浏览信息的同时，还能够得到美的享受。这么吸引人

的页面，是怎么制作出来的呢？你想不想也做一个精美的个人主页呢？如果你的回答是肯定的，那我们就一起学一下FrontPage的使用。FrontPage是优秀的专业化网页设计软件之一，使用FrontPage你只要几分钟就能够建立一个自己的网页，这不过一件令人激动的事哟！

（新课）教师引导学生根据网站自学，完成教师提出具体操作要求

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

1、启动FRONTPAGE？

2、FRONTPAGE的三种显示模式？

3、在e：\下新建空站点，取名为abc站点文件夹。

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

1、新建普通网页。

4、打开e：\网站制作素材\可爱的家乡高邮.htm网页。

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

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

2、把高邮.htm网页中的正文字体设置为“3号”，绿色。

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

1、在网页中插入e：\网站制作素材\高邮风景\高邮湖.jpg

2、在网页中插入e：\网站制作素材\高邮风景\welcome.gif

模块五、教师引导学生自学“水平线”，提出要求：

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

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

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

设置网页背景为e：\网页制作\网站制作素材\高邮风景\背景2文件

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

将当前网页另存到e：\abc\高邮.htm,,并将图片保存到images文件夹中。

模块七、教师引导学生自学“小结”，提出要求把学生分为两组，一

组练习制作个人网页，一组练习制作班级网页。制作素材在e：\网站

制作素材\练习素材中。对学生作品点评，小结。