网 页 制 作 初 步

执教者： 陈汐平

教学目标

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

教学环境

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

教学方法

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

教学过程

（引入）边讲边演示

展示一个简单的网页

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

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

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

1、  启动DREAMWEAVER？

2、  DREAMWEAVER的三种显示模式？

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:\ 网站制作素材\练习素材中。对学生作品点评，小结。