利用FRONTPAGE 2003制作简单网页

利用FRONTPAGE 2003制作简单网页一、教学目标

知识与技能：学会利用Frontpage 2003制作简单网页

熟悉网站制作的整个流程

过程与方法：上网搜索文字、图片等素材，制作一个班级网页，提高学生的兴趣

情感态度与价值观：进一步理解网页作为常用的信息集成工具的优势和特点，培养学生团队精神。

二、教学重点：利用Frontpage 2003制作简单网页

三、教学组织：组织学生进行实践活动，探究、指导、分组协作完成

任务，让学生有兴趣地在实践中学习。

四、教学安排：2课时

五、应该掌握的技能：

1、利用FrontPage，新建并保存一个站点。

2、新建、保存站点中的网页。

3、插入并调整表格。

4、在表格中输入文字并编辑。

5、加入背景图片。

6、在网页中插入图片并调整。

7、在网页中创建“超链接”。

8、在网页中利用框架布局网站。

9、在网页中设置背景音乐。

10、在网页中加入音频、视频、滚动字幕、水平线。

11、发布网站。

六、教学过程：

（一）导入新课

打开“泗水一中”网站主页，浏览，并总结整体风格特点

（二）创建网站是一个系统的过程，包括设计网站的结构、收集与加工网站素材、开发网站和发布网站四个步骤。

a.设计网站的结构→

b.收集与加工网站所需素材→

c.开发网站→

d.发布网站

a.确定网站的名称与栏目

1.网站名称就是一个网站的名字

命名原则：（1）内容性；（2）艺术性

2.网站栏目是网站内容的目录

栏目的设计应以教学需要为主要目的。本网站的栏目主要有：如菜单a.规划网站结构

网站的结构是指网站中各个网页之间的关系。例:《乡愁》网站结构图示例

b.收集与加工网站所需素材

网站素材包括文本、图片（图形与图像）、动画、音频和视频等。

在网站开发前，应根据每个网页内容的需要，收集相关的素材，途径：网上搜索或自制。

如：网站所需素材表

c.开发网站

站点：是一组相关网页的有机结合，网页之间彼此相连，这种完整的结构就称为站点。（网站相当于一本书，一个体系。网站的概念大于网页。

网页：站点就像一本书，网页就像书中的一篇篇文章。一个网站内可以包含很多页，当然也可以仅有一页。

Home Page：进入站点后看到的第一个页面通称为Home Page，也称为主页或首页，通常被命名为“Index.html。

d.发布网站

（一）测试网站

在发布站点之前，应该检查各个页面之间的链接、网站的外观和文件的路径等，测试无误后，可以发布网站了。

（二）发布网站

网页的发布，就是将制作好的网页发布到WWW中的某台web服务器上的过程。也就是将用户创建在本地计算机上的一个站点复制到服务器上指定URL的过程。

方法：单击文件→发布网站，弹出对话框，在远程网站选项卡中选文件系统，在远程网站位置输入一个本地计算机中的具体路径或单击浏览，再单击发布网站。

用专门的上传软件发布，如FlashFXP

实践操作

启动FRONTPAGE2003

方法：开始—程序—MICROSOFT FRONTPAGE

一、创建站点：

步骤1：文件——新建——站点

2：在“新建”对话框中，单击“只有一个网页的站点”或“空站点”图标，在“指定新站点的位置”列表框中输入站点文件夹的位置、名称，单击“确定”。

例如在E盘创建名字为mysite的站点，输入：“E:\ mysite”即可（注

意：在英文状态下输入），

如果没有设定位置，则默认的站点位置在“我的文档”内“My Web Sites”文件夹下“mysite”文件夹就是你刚创建的站点。

步骤1、新建网页：文件——新建——空白网页。

2、保存网页。

网页背景的设定：

网页背景：1、格式——背景或单击右键—选“网页背景”。

——在“网页属性”对话框中选“背景”选项卡，再选定“背景图片”并单击“浏览”按钮，点击图片文件名和“确定”按钮就可实现把背景图片与当前网页结合。

2、应用主题：格式——主题，选一种主题——应用。

网页背景音乐的设定

步骤：1、格式——背景

2、选“常规”选项卡，在“背景音乐”的位置中点击浏览按钮，在弹出的“背景音乐”对话框中点击“在计算机选择一个文件”按钮，在“背景音乐”对话框中找出一个音乐文件即可。

注意：网页的背景音乐选midi或wav格式，不支持MP3格式。

三、利用表格布局网页

表格是网页的一个非常重要元素，Frontpage 中的表格不仅可以用来陈列数据，还可以实现网页的精美排版。

方法：①表格——插入——表格

②在弹出的“插入表格”对话框中设定表格的行列数等

方法：右击选择“表格属性“修改设置

方法：插入图片步骤：①光标放在要插入图片的位置

②插入—图片—来自文件，在弹出的“图片”对话框中，单击“从计算机上选择一个文件”按钮，选定一个文件后，单击确定。

注：（插入—图片—视频/Flash）用于插入视频/Flash文件

图片大小的设定：

方法：选定图片，图片上会出现八个控制点，将鼠标放在其中的一个控制点上，鼠标指针变以双箭头状，进行拖动操作可调整图片大小。设置图片的对齐方式：

在图片上右击——图片属性——外观——左

插入字幕方法：插入——Web组件——字幕——输入字幕内容——确定。如果要改变字幕的文本格式，可在“样式”——“字体”——“格式”，进行设置。

（6----插入-----行/列

（7---网页组件------计数器，站长信箱要链接邮箱。

设置超链接方法步骤：选中文字或图片——击右键选“超链接属性”——在对话框中选择目标网页——确定

知识加油站：

在“创建超链接”窗口击“目标框架”按钮，弹出“目标框架”对话框，从中选择“新建窗口”，则被链接的网页会创建一个新的浏览器窗口，并在其中显示。

设置超链接

每当我们在浏览网页时，都会发现当鼠标指针移动到某些文字或图片时，就会变成一只“手掌”的样子，这时只需单击鼠标左键就可以打开另一网页了。这就是我们将要讲述的网页“超链接”方式。正是由于有了“超链接”，因特网才会如此神奇和流行！网页上的超链接主要有三种：一种是相对网址的超链接；第二种是与绝对网址（如）的超链接；第三种是指在同一网页内的超链接。