frontpage网页制作模板

1 14 竭诚为您提供优质文档/双击可除

frontpage网页制作模板

篇一：用Frontpage20xx制作网页课件

用Frontpage20xx制作网页课件

Frontpage20xx是office家族的一员，应用于网站、网页的编辑管理，操作简单方便。对于广大中小学教师来说，掌握frontpage20xx的操作，我们可以：（1）制作网页课件（演示型、flash课件，网络型）

（2）建设教学资源网站举例：http://221.194.113.149:4601/xkzhkj/index.html三角形中的线段为例

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

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

一、设计网站的结构

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

三、开发网站

2 14 四、发布网站

应该掌握的技能：

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

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

3、插入并调整表格。

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

5、加入背景图片。

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

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

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

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

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

11、发布网站。

一、设计网站的结构

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

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

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

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

栏目的设计应以教学需要为主要目的。本网站的栏目主要有：如菜单

（二）规划网站结构

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

3 14 愁》网站结构图示例

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

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

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

1.如：网站所需素材表

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

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

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

新建站点：启动frontpage20xx，新建---其他网站模板----只有一个网页的网站。将素材拷入相应文件夹内。

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

编辑网站首页

1、网页属性设置：背景音乐（hunli.wav）、网页标题(乡愁主页)、背景图片

（beijingtupian.jpg）

2、表格布局：

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

编辑走进乡愁

5 14 1、

2、打开zjxc.htm，设置第三个表格，拆分单元格，2列1行，再拆分右边单元格，2行1列。对左边单元格设置背景图片（yuguangzhong.jpg），右边单元格第一行插入

艺术字“作者简介”宋体，24号，艺术字库第三行第一个。第二行插入相关文本，宋体，14磅，双倍行距。

编辑倾听乡愁

1、

2、

3、设置表格背景图片（bj.jpg）拆分单元格3行1列，第一行插入图片（xiangchou.gif）余光中，楷体，18磅，加粗。第二行输入文本，并进行排版，字体微软雅黑，12磅。第三行插入----图片----音频（xiangchou.mp3）保存。

编辑品味乡愁

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

音频支持格式：waV、mid、Ram暂不支持mp3格式。

视频支持格式：.swf,.wmv,.avi

编辑感悟乡愁

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

框架网页

框架:框架网页：所谓框架网页是一种特殊的网页，它

6 14 可以将浏览器视窗分为多个不同的窗口，而每个窗口可以看作一个网页容器，用于显示不同的网页框架组成:边框、滚动条、网页。

（一）创建框架网页

1.创建框架网页

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

2.编辑框架内容

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

3.保存框架网页

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

（二）改变框架的布局

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

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

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

·显示滚动条：包括3个可选项：即“需要是”、“从不”、“始终”。

·“框架网页”按钮：单击“框架网页”按钮，弹出“网

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

1.调整框架的大小

法1:用鼠标拖动

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

2.拆分或删除框架

拆分:

法1:用鼠标拖动:按ctrl键不放,用鼠标拖动框架的边框线法2:用菜单:将鼠标置于要拆分的框架中,单击框架→拆分框架

删除:

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

（三）设置目标框架

目标框架是超链接目标网页出现的那个框架。例如，在左边的目录框架中单击一个链接后，右侧的框架中将出现一个对应的网页。所以右边框架是左边框架中所看到的链接的目标框架。

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

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

8 14 知识加油站：

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

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

四、发布网站

（一）测试网站

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

（二）发布网站

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

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

9 14 软件发布，如FlashFxp

网站制作前的几个问题？

一、确定网站主题

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

二、制定网站的结构

分支，层级

三、搜集素材

用FRontpage20xx制作网站

一、启动FRontpage20xx

方法：开始—程序—micRosoFtFRontpage

二、创建站点

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

一、创建站点：

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

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

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

篇二：网页的制作--用frontpage创建站点

4.3网页的制作—用Frontpage创建站点