网页制作
江汉油田东方红学校 朱江
教学目标：
1. 知识目标：能理解和掌握网页中一些最基本元素的使用方法。 2. 能力目标：引导学生掌握FrontPage2000文件菜单中新建、保存、打开等基本操作及如何在网页中添加文字和插入图片的方法。 3. 情感目标：培养学生的信息素养和创新协作的精神。 教学重点：创建和制作网页。 教学难点：网页中表格的运用。 教学方法： 1、引导法；
2、自主学习合作探究结合；
教学设备：大屏幕投影、网络教室、因特网、 自做教学课件 教学时间：一课时 教学过程：
一、新课导入（2）：
同学们都非常喜欢上网，当你们在网络中畅游时，往往会被美轮美奂的网页所吸引。网页变幻的外表为它蒙上了一层神密的面纱。今天，我们就一起来揭开它面纱，学习如何制作一个网页。 二、制作网页的准备（10） 1、网页的定义（大屏幕展示）
所谓网页,是在因特风的WWW服务中，通过浏览器观看的一些用HTML格式编写的文件。网页是由文字、图片、超链接三个最基本的要素组成的。
2、工具的选择
提问：当我们选择用FrontPage2000来制作网页，如何启动
FrontPage2000呢？
学生自主阅读课本67页明确： a.单击“开始”按钮
b.在弹出的菜单中选择“程序”
c.在二级级联菜单中选择“Microsoft FrontPage”即可。 全体同学打开一个空白网页。
3、插入文字、图片的方法
提问：我们如何在网页中添加文字和图片呢？ 学生看书上第70至71页回答。
⑴添加文字(教师引导，学生自主学习) a.选择文件夹列表中双击Index.htm文件，进入主页面编辑状态。 b.在网面中输入文字并拟好网页主题。 ⑵插入图片(教师引导，学生自主学习)
a.将光标移到我们要插入图片的位置，然后从菜单栏中选择“插入”；
b.将鼠标指针指向“图片”
c.单击二级级联菜单中的“来自文件”，这时弹出一个“图片”对话框
d.在“查找范围”中找到图片文件的位置后，选择图片文件； e.单击“确定”按钮即可。
4、插入表格的方法。
大屏幕展示插入表格的方法。同时选择一种网页布局进行变形。
5、网页布局原则
⑴、 主次分明，中心突出； ⑵、 大小搭配，相互呼应； ⑶、 图文并茂，相得益彰; 三、制作网页（20）
1、将学生分为三个学习探究小组；
2、分别给三个小组指定网页制作的内容主题； 3、告诉学生制作素材保存的位置和如何使用帮助；
4、教师巡视学生制作情况，发现问题，及时讲解。(个别问题，
可由学生帮助解决；普遍问题，老师讲解) 五、作品展示 自评互评（8）
评价(学生互评和教师评价相结合) 对同学们制作的作品进行评价。
保存 网页做好后，我们就切换到“预览”状态下，这时出现了刚才编辑的网页的预览效果。如果你认为网页不需要再修改了，那么你可以将网页保存下来。方法如下：
1. 单击工具栏上的“保存”按钮，此时出现了“保存嵌入式文件”对话框；
2. 单击“改变文件夹”按钮；
3. 选择images文件夹后单击“确定”按钮。(因为我们通常把图片资料放在images文件夹里)
六、布置作业 拓展延伸（5）
今天同学们制作的网页结构大概可分为“国”字型、拐角型、标题型。这也是我们最常见的几种结构。同学们能不能创作更有创意，而且比较实用的网结构呢？ 七、小结
大家制作的网页都非常美观，看来同学们对制作网页的过程中对表格的运用掌握的不错。今天我们学习了如果运用表格结网页布局，有的同学可能对自己的作品还不是很满意，也可能有的同学还想做一个其它的什么网页。课后，同学们还可以自己去试着做一下，看一看你能用表格把网页设计成什么样？
相关推荐：
loading