选修3 网络技术应用《第五章 网页及其制作工具 5.3 常用的网页制作工具》优秀教案

选修3 网络技术应用《第五章 网页及其制作工具 5.3 常用的网页制作工具》优秀教案

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

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

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

教学过程：

（引入）边讲边演示

展示一个简单的网页

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

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

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

1、启动FRONTPAGE？

2、FRONTPAGE的三种显示模式？

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

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

1、新建普通网页。

2、打开e:\网站制作素材\可爱的家乡.htm网页。

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

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

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

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

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

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

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

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

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

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