用FrontPage制作网页课件.docx

用FrontPage制作网页课件.docx

《用FrontPage制作网页课件.docx》由会员分享，可在线阅读，更多相关《用FrontPage制作网页课件.docx（13页珍藏版）》请在冰豆网上搜索。

用FrontPage制作网页课件

用FrontPage2003制作网页课件

Frontpage2003是office家族的一员，应用于网站、网页的编辑管理，操作简单方便。

对于广大中小学教师来说，掌握frontpage2003的操作，我们可以：

（1）制作网页课件（演示型、flash课件，网络型）

（2）建设教学资源网站举例：

http:

//221.194.113.149:

4601/xkzhkj/index.html三角形中的线段为例

今天我们将以“乡愁”为例，来讲述网站的制作过程。

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

一、设计网站的结构

二、收集与加工网站所需素材

三、开发网站

四、发布网站

应该掌握的技能：

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

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

3、插入并调整表格。

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

5、加入背景图片。

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

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

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

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

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

11、发布网站。

一、设计网站的结构

（一）确定网站的名称与栏目

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

命名原则：

（1）内容性；

（2）艺术性

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

栏目的设计应以教学需要为主要目的。

本网站的栏目主要有：

如菜单

（二）规划网站结构

网站的结构是指网站中各个网页之间的关系。

例:

《乡愁》网站结构图示例

二、收集与加工网站所需素材

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

在网站开发前，应根据每个网页内容的需要，收集相关的素材，途径：

网上搜索或自制。

1.如：

网站所需素材表

网页编号

网页内容

所需素材形式与内容

1

文本、图片、动画、音频

2

3

、、、、、、、、

、、、、、、、、

、、、、、、、、

三、开发网站

站点：

是一组相关网页的有机结合，网页之间彼此相连，这种完整的结构就称为站点。

（网站相当于一本书，一个体系。

网站的概念大于网页。

网页：

站点就像一本书，网页就像书中的一篇篇文章。

一个网站内可以包含很多页，当然也可以仅有一页。

HomePage：

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

新建站点：

启动frontpage2003，新建---其他网站模板----只有一个网页的网站。

将素材拷入相应文件夹内。

新建网页：

新建---其他网页模板----普通网页

编辑网站首页

1、网页属性设置：

背景音乐（hunli.wav）、网页标题（乡愁主页）、背景图片（beijingtupian.jpg）

2、表格布局：

（1）分别插入三个1行1列的表格：

宽：

760像素高：

任意，水平居中

（2）设置第1个表格高度为210像素，插入图片banner.jpg,设置宽759像素，高210像素

（3）设置第2个表格，拆分单元格为5列1行，分别插入---web组件----交互式按钮（浮雕标签2），网站首页、走进乡愁、倾听乡愁、品味乡愁、感悟乡愁，字号12，字体微软雅黑，悬停蓝色，按下黄色，

图像宽152像素，高35像素，保持比例去掉。

其余几个按钮用复制粘贴，修改文本即可。

（4）将index.htm复制粘贴，分别命名为zjxc.htm，qtxc.htm，pwxc.htm。

（5）设置第3个表格，输入文本乡愁、、、、、，宋体，14磅，将第一行文本设为水平滚动字幕。

（6）在文本下边插入两行，菜单：

表格----插入-----行/列

（7）分别在两行中输入文字，插入---网页组件------计数器，站长信箱要链接邮箱。

编辑走进乡愁

1、打开zjxc.htm，设置第三个表格，拆分单元格，2列1行，再拆分右边单元格，2行1列。

2、对左边单元格设置背景图片（yuguangzhong.jpg），右边单元格第一行插入艺术字“作者简介”宋体，24号，艺术字库第三行第一个。

第二行插入相关文本，宋体，14磅，双倍行距。

编辑倾听乡愁

1、设置表格背景图片（bj.jpg）拆分单元格3行1列，第一行插入图片（xiangchou.gif）余光中，楷体，18磅，加粗。

2、第二行输入文本，并进行排版，字体微软雅黑，12磅。

3、第三行插入----图片----音频（xiangchou.mp3）保存。

编辑品味乡愁

1、拆分单元格为2行2列，分别插入“乡愁四韵.swf”，“英语儿歌视频-Howareyou.avi”，“2.jpg”，“3.jpg”。

音频支持格式：

WAV、MID、RAM暂不支持MP3格式。

视频支持格式：

.swf,.wmv,.avi

编辑感悟乡愁

感悟乡愁模块链接的是一个新的框架网页

框架网页

框架:

框架网页：

所谓框架网页是一种特殊的网页，它可以将浏览器视窗分为多个不同的窗口，而每个窗口可以看作一个网页容器，用于显示不同的网页

框架组成:

边框、滚动条、网页。

（一）创建框架网页

1.创建框架网页

单击文件→新建,选择“框架网页”选项卡,在“框架网页”对话框里列出了10种框架布局模板,选择自己需要的一种,单击“确定”。

2.编辑框架内容

每个框架有两个按钮,单击新建网页按钮,这些按钮就是用来让我们指定在框架里显示哪个网页的，或新建一个网页，或设置一个已经存在的编辑好了的网页。

3.保存框架网页

逐个保存每个框架内的新建网页。

（二）改变框架的布局

注：

框架的大小及属性均可通过“框架属性”对话框来设置。

“框架属性”对话框介绍：

·边距：

网页内容与框架边框之间的距离。

·显示滚动条：

包括3个可选项：

即“需要是”、“从不”、“始终”。

·“框架网页”按钮：

单击“框架网页”按钮，弹出“网页属性”对话框的“框架”选项卡，在此项中可以设置框架之间的距离，若想无框架边框，只须取消“显示边框”复选框即可。

1.调整框架的大小

法1:

用鼠标拖动

法2:

将光标置于要调整的框架中,单击右键或单击框架→框架属性

2.拆分或删除框架

拆分:

法1:

用鼠标拖动:

按Ctrl键不放,用鼠标拖动框架的边框线法2:

用菜单:

将鼠标置于要拆分的框架中,单击框架→拆分框架

删除:

选定要删除的框架,单击框架→删除框架.

（三）设置目标框架

目标框架是超链接目标网页出现的那个框架。

例如，在左边的目录框架中单击一个链接后，右侧的框架中将出现一个对应的网页。

所以右边框架是左边框架中所看到的链接的目标框架。

1、设置超链接的目标框架

步骤：

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

知识加油站：

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

设置超链接

每当我们在浏览网页时，都会发现当鼠标指针移动到某些文字或图片时，就会变成一只“手掌”的样子，这时只需单击鼠标左键就可以打开另一网页了。

这就是我们将要讲述的网页“超链接”方式。

正是由于有了“超链接”，因特网才会如此神奇和流行！

网页上的超链接主要有三种：

一种是相对网址的超链接；第二种是与绝对网址（如）的超链接；第三种是指在同一网页内的超链接。

四、发布网站

（一）测试网站

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

（二）发布网站

网页的发布，就是将制作好的网页发布到WWW中的某台web服务器上的过程。

也就是将用户创建在本地计算机上的一个站点复制到服务器上指定URL的过程。

方法：

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

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

网站制作前的几个问题？

一、确定网站主题

1、根据用途2、根据自己性格的特点3、根据自己的特长

二、制定网站的结构

分支，层级

三、搜集素材

用FRONTPAGE2003制作网站

一、启动FRONTPAGE2003

方法：

开始—程序—MICROSOFTFRONTPAGE

二、创建站点

站点就像一本书，网页就像书中的一篇篇文章。

一个网站内可以包含很多页，当然也可以仅有一页。

一、创建站点：

步骤1：

文件——新建——站点

2：

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

例如在F盘创建名字为mysite的站点，输入：

“F:

\mysite”即可（注意：

在英文状态下输入），

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

二、创建网页：

步骤1、新建网页：

文件——新建——空白网页。

2、保存网页。

三、利用表格布局网页

1、插入表格

方法：

表格——插入——表格

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

③设定表格布局为居中，宽度为900像素，宽度为0。

2、设置单元格的背景：

设一种颜色做背景；

设图片做背景；

3、关于嵌入式文件的保存：

选更改文件夹——双击images文件夹——确定——确定。

四、插入字幕

插入——Web组件——字幕——输入字幕内容——确定。

如果要改变字幕的文本格式，可在“样式”——“字体”——“格式”，进行设置。

五、插入交互式按钮：

按钮文本设置——按钮字体格式设置，——按钮宽度高度设置（注意把“保持比例”前的对勾去掉）

六、插入图片：

步骤：

光标放在要插入图片的位置

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

注：

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

图片大小的设定：

方法：

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

设置图片的对齐方式：

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

七、网页背景的设定：

网页背景：

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

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

2、应用主题：

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

八、网页背景音乐的设定

步骤：

1、格式——背景

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

注意：

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

九、在网页中插入声音

插入——Web组件——高级控件——插件——插件属性——浏览，找到声音文件——打开。

支持各种声音格式。

1、合并单元格

方法：

选定需要合并的单元格；

表格——合并单元格

2、改变单元格大小

方法：

将鼠标指针对准单元格线，看其变为双箭头后即可用拖动操作来改变单元格大小

3、插入单元格

方法：

1、定位

2、表格——插入——行或列

4、删除单元格

方法：

1、选中需要删除的单元格

2、单击右键——选“删除单元格”

5、单元格属性的设定

步骤：

1、定位

2、单击右键，选“单元格属性”

3、在“单元格属性”对话框中设置相关选项

九、设置文字格式、文本样式、段落

1、文字格式的设定

步骤：

选中需要设定的文字；

格式——字体

在“字体”对话框中可对字的字体、字型、大小、颜色、效果、字符间距进行设定

2、段落的设定

步骤：

格式——段落

在“段落”对话框中进行设定

一十、网页标题

步骤：

1、格式——背景

2、选“常规”选项卡，在标题位置输入网页标题即可。

一十一、新建一个网页

步骤：

1、文件—新建—网页

2、在“新建”对话框中选择“普通网页”，点“确定”；

十一、保存网页

对于新建的一个网页，我们需将其保存起来步骤1：

文件—保存

2、在“另存为”对话框中指定要保存的位置及文件名

十二、关闭一个网页文件

步骤：

文件——关闭

十三、打开一个网页文件

步骤：

文件——打开

十四、网页中的超链接

超链接又称超级链接，是WWW（万维网）的灵魂，是建立网页制作中最主要和最重要的技术。

利用这一技术，为一些文字、图像做了一些链接，应用时，只要点击不同的文字、图片就会出现相应的内容。

创建文字或图形链接

步骤：

选定要定义超级链接的文字或图形

插入—超链接

弹出“创建超链接”对话框，网站中所有的网页出现在文件列表中，选择要链接的目标网页

单击“确定”按钮，文字建立了链接后的颜色会与原来的不同，通常在文字链接的下方会产生下划线

文件——保存

创建与站点的超链接

步骤：

选定要定义超链接的图像或文字；

单击“插入”菜单中的“超链接”命令；

出现“创建超链接”对话框，在“URL”文本输入框中直接输入目标站点的地址。

创建电子邮件链接

步骤：

选定要定义超链接的文字或图像

插入——超链接

在“创建超链接”对话框中，在“URL”框中直接输入电子邮件的地址，地址前会自动加上mailto:

；

单击“确定”，完成创建。