七年级信息技术 制作简单网页（一）教案 青岛版

1、8.1 制作简单网页(一)总课时数：16本节课时：2节课程名称：8.1 制作简单网页(一)教学重点难点： FrontPage的启动和界面设置。 在FrontPage中输入和编辑文字。 在FrontPage中预览网页效果。 在FrontPage中保存编辑的网页。参考内容： 清华大学出版社出版 谭浩强主编的高中信息技术（第二册） 清华大学出版社出版 范承松 王华 云雷编著的深入剖析Flash 5.0教学内容（教学内容和相关板书）：号表示要根据学生和当时教学时间安排情况选择讲和不讲的（留做自己阅读） 8.1 制作简单网页(一)要在FrontPage中工作。当然先要认识一下它的工作的环境。网站由许多网

2、页组成，建立、编辑、保存网页是制作网站的基本工作。一、怎样设置FrontPage的界面？任务1 启动FrontPage并设置界面。任务分析：学习软件的时候，首先要掌握这个软件的启动和退出方法。软件的窗口是我们工作的环境，要在这里工作，首先得认识它。认识了工作环境还不够，还要能在应用软件许可的范围内改造我们的工作环境。现在的许多Windows应用程序界面都是可以改变的。FrontPage的界面一般可以做以下两项调整：一项是通过“查看”菜单的“工具栏”子菜单中的命令，打开或关闭一些工具栏；另一项是通过鼠标的拖动改变工具栏的位置。动手实践（1）启动FrontPage 2000执行“开始”“程序”“M

3、icrosoft FrontPage”命令，打开FrontPage 2000。FrontPage 2000界面如图8.1所示。细观察：FrontPage 2000的界面和其他Windows应用程序有相似的标题栏、菜单栏、工具栏和编辑区。此外，FrontPage 2000还有视图栏和编辑模式栏。视图栏中除网页视图用来编辑网页外，其余的视图主要是用来管理网站的。（2）打开或关闭视图栏 打开“查看”菜单，如图8.2(a)。 如果菜单中“视图栏”选项前面有“”符号，即表示“视图栏”处于打开状态，这时单击该项，关闭“视图栏”。 注意：如果菜单中“视图栏”选项前面没有“”符号，即表示“视图栏”处于关闭状态

4、，这时单击该项，可以打开“视图栏”。（3）打开或关闭工具栏 右击FrontPage 2000的工具栏，弹出快捷菜单，如图8.2(b)。 在弹出的菜单中单击某选项，可以显示或隐藏某类工具栏。（4）调整工具栏的位置 把鼠标指针移动到工具栏左边的双竖线上，当鼠标指针变成十字形时按住鼠标左键不放并拖动鼠标，可以调整工具栏在窗口中的位置。 用同样的方法，可以把工具栏拖动到原来的位置。还有一种更快捷的方法是：双击拖出到外面的工具栏的标题。二、怎样建立一个简单的网页？任务2 用FrontPage建立如图8.3所示的“软件拼盘”网页。任务分析：要建立网页，首先要新建一个空白网页。要编辑打开的网页，应选择“普通

5、”网页编辑模式。输入和编辑网页中文字的方法和其他文字处理软件（如Word、WPS）相似。动手实践（1）新建网页单击工具栏中的“新建网页”按钮，在FrontPage中新建一个空白网页。（2）输入文字 在FrontPage的网页编辑模式中选择“普通”选项卡。 在编辑窗口中输入文字“软件拼盘”，按回车键。 输入第2段文字“Hi 拼盘。”后，按Shift键回车键。 继续输入2、3、4段，每输入完一段，按Shift键回车键。 设置标题为华文行楷6号字，正文为宋体4号字。 细观察：输入完一段文字后，按Shift键回车键和按回车键有什么不同？（3）设置网页标题 在网页编辑区中单击鼠标右键，在弹出的快捷菜单中

6、选择“网页属性”，打开如图8.4所示“网页属性”对话框。 在“标题”输入框中输入“最新最酷的软件套餐，别错过！”，单击“确定”按钮，回到网页编辑窗口。（4）保存网页单击工具栏中的“保存”按钮，把当前的网页保存到自己的文件夹中，文件名设为index.htm，结果如图8.5所示。任务3 预览网页效果任务分析：虽然FrontPage是用所见即所得的界面来制作网页，但是编辑窗口中的显示和在浏览窗口中的显示有时还是会有一些差别。在制作网页的时候，一般边做边预览效果，如果效果不满意可以马上修改。动手实践（1）在FrontPage中预览用鼠标单击左下角网页编辑模式中的“预览”选项卡,可以在FrontPage

7、中模拟网页显示的效果（也可以按Ctrl+PageUp键或Ctrl+PageDown键，切换到预览视图）。、（2）在浏览器中浏览单击工具栏上的“在浏览器中预览”按钮，就可以在浏览器中看一看网页显示的效果（如图8.3所示）。 注意：在浏览器的标题栏上显示的醒目信息就是在“网页属性”中设置的网页标题。知识窗 由于在互联网中有约定，当浏览器链接到网站后，会自动打开该网站中名为index.htm的网页作为该网站的首页（homepage）。本节制作的“软件拼盘”网页是首页，因此文件名保存为index.htm。任务4 建立相关的其他3个网页。任务分析：一般来说，用网页的形式来展示信息时，是把不同的信息放到单独的网页中，然后用超级链接把这些网页（webpage）连在一起。为了以后创建超级链接（hyperlink）时方便，在这个“软件拼盘”网站中，还要建立其他的几个网页来展示不同方面的信息，一个是软件下载的页面；一个是收集用户信息的表单网页；一个是软件教学的网页，这些网页与任务1建立的网页都保存在同一个文件夹中。这些网页的内容在以后的课程中再添加。动手实践 新建一个网页，在其中输入文字“软件下载”，保存在自己的文件夹中，文件名为“do