第9课 设计页面布局教案

第二单元网站设计与制作初步

第9课设计页面布局 (教案) 班级：8年级13（6）班课时：2个课时

【教学目标】

1、设计布局网页。

2、认识frontpage2003。

3、掌握使用frontpage2003创建站点的方法。

4、认识网站中文件夹列表及各文件夹、文件的作用。

【教学重点】

1、认识frontpage2003。

2、掌握使用frontpage2003创建站点的方法。

【教学难点】

掌握使用frontpage2003创建站点的方法。

【教学方法】

讲、演、练结合，多媒体辅助教学。

【教学过程】课2时

一、了解页面布局

认识几个网页的布局示意图。

二、确定页面布局

三、认识网页制作工具

⑴启动Frontpage2003的方法；

⑵认识Frontpage2003窗口各部分名称；

空白页面任务窗格

四、创建站点

1、建立文件夹，作用保存网站。

2、新建站点：

⑴执行“新建”→“站点”命令；

⑵选择“只有一个网页的站点”；

⑶单击“浏览”按钮，找到存储网站的文件夹；

⑷单击“确定”按钮，建立网站。

3、建立站点后工作窗口示意图：

网页视图

文件夹列

表视图

网页视图显示方式切换标签

站点实际上就是一个文件夹，其中包含各网页文件及其相关的图片、音频、视频等文件。

在网站“文件夹列表”框中有一些文件夹的文件，其中＿private 文件夹一般存放私人的资料，images文件夹一般存放制作网站时所用的图片。Index.htm是站点中的主页，此外default.htm也是网站的主页文件，其中htm是网页文件的扩展名。

〖小结〗

1、本节课的教学内容及重点。

2、作业：预习第10课。