用frontpage怎么做网页（在Frontpage中用框架实现网页布局）

本文目录

• 在Frontpage中用框架实现网页布局
• Frontpage怎么用
• 利用Frontpage建立新网站
• frontpage中的网页制作线条技巧
• 网页制作软件FrontPage XP的使用技巧
• FrontPage基础教程创建网页动画
• FrontPage教程编辑网页

在Frontpage中用框架实现网页布局

目前实现网页布局的基本方法无外乎表格和框架。
上面表格大家已经初步理解了，下面就要说说框架了，也即所说的Frame。其实用框架来规划网页本身有很大的缺点，首先不利于网友更好的利用网页资源，因为大家总不能在线把所有的东西看一遍了，而保存起来框架的缺点就出来了，你将不得不每次多余的保存同样的两个页。
我们花一些时间来说说这个问题或许对大家更好的使用框架有好处。
在用框架布局时：以一个最简单的上下框架为例，整个网页包含两个独立的网页，将被分别保存或是调入使用，另外整个框架网页也将被作为一个也保存一次，而我们用框架时，无非是想利用他的很好的内容的切换性，这时如果保存起来本来一个网页的内容就要同时保存3个，是不是很不划算的。
好的，既然大家了解。
下面笨笨熊就开始说一下如何作含有框架的网页。
1在器里：
File / new（或是直接按CTRL+N），在弹出的窗口中选Frame标签，然后在下面的列表里。选择相应的框架类型。
2OK以后，这时网页已经变成了框架的结构，通过各自框架Frames你可以选择新建网页或是导入已经存在的网页。
set inital pages（导入一个存在页）
new page（点击后新建 一个页面）
3基本的框架结构已经建立了：
这时应该看看如何实现框架中的切换连接了，因为在使用框架时最具代表性的就是三分框架，而这三部分都有各自的名称。
最上面为banners：网页的头部分。
左边为contents部分。
右边是主体显示部分。main
4那么如何实现点击连接时在main窗口中打开那，在左边的 contents窗口中作连接 CTRL+K或是用Edit/hyperlink来完成，这时你可以在窗口中的图示中选择连接打开的目标位置。
如：main.当然你同时还可以设定目标Target属性。
不过这时多少显得就没必要了，当各自Frame内容超出一屏幕时，滚动条会自动添加进来。你也可以设定从不显示滚动条。
大部分的属性可以右击：
在Frame properties中找到了。
好了，我想框架就说到这毕竟用的比较少。
如果你注意的话除了一些个人网站，商业性的正规网站很少用框架的。
不过在某些时候框架还是有它自己的优势。

Frontpage怎么用

Frontpage是微软公司出品的一款制作网页入门级软件，许多用户都不太清楚该怎么使用这个软件来制作一个简单的网页，这里就给大家介绍一下具体的操作方法。
Frontpage怎么电脑打开
1、打开Frontpage软件，选择文件菜单栏下的下新建或者是右边的新建空白文本档都行。
2、插入一个表格,可以选择菜单栏上的表格插入表格,之后就是打开一个表格的属性,设置表格样式.
3、对表格进行属性设置,可以双击表格,或者选中表格,然后右键,选择单元格属性即可打开属性窗口。
4、如果想通过布局来规划网站的话,可以选择"表格"布局表格或者单元格。
5、在右边导航栏处选择"插入布局表格“,或者单元格都行,再又将左边的模式设置成"设计"
然后页面会出现一个框,对着框一直拉大拉小即可
6、接着就是设置表头,表中,底部等一列表,都是插入表格或者添加图片文字类即可.
排序同文本排序一样设置.

利用Frontpage建立新网站

如果你上了很长时间的网，如果你自命自己是网上的大虾或是美眉，如果你经常在网友面前大吹特吹，问一句：你有自己的个人网站吗？你会制作网页吗？你知道什么是FLASH，什么是HTML吗？
如果上面的问题你都不知道，以后还是多修行修行再说。
什么？无从下手吗？
唉！看来只有笨笨熊来帮你一把了：
在下面的学习中笨笨熊将全面的把FP建站的方法悉数传授给大家：
好了，废话我就不多说了。
下面咱们就开始今天的第一课：建立新网站
新建网站当然你首先要顺利的安装完FrontPage。
1进入FrontPage安装目录，点击setup可执行文件。
2设定文件安装的目录。
3以下当然你还要输入安装密码
4安装完成以后在安装目录下应该包括：
三个启动文件。FrontPage editor / FrontPage explore / FrontPage asmin
5点击浏览器 FrontPage explore
FrontPage 终于启动了，你的心里是不是有点兴奋的感觉。
下面咱们就不休息了，接着学习新网站的建立了：
1File / Frontpage web
2在create a title for your frontweb：下面输入你新网站的名称
当然你可以用：my personal web来标示。
点击 "change"按钮设定网站的硬盘目录。
3Ok以后，这时FrontPage会自动创建模板网站给你。
同时整个窗口分成两部分，左边是文件夹列表，右边是相应的目录文件。
当然也自己建立一些看起来毫无用处的网页或是文件夹，你可以将它们全部删除掉。
4下面你就可以建立你的网站了。
首先建立网站的首页。一般情况下网站首页多用
index.html/index.htm/default.htm等名称。具体的要看你的服务器
是怎样标定的。
5双击新建立的index.html首页，这时FrontPage Editor就自动。
打开了，下面我们就开始了新的一课。

frontpage中的网页制作线条技巧

线条是网页制作中使用得比较多的一种 HTML 对象，在 HTML 语言中提供了一个
HR
的标签，也就是水平直线。但由于这个标签的局限性使我们在制作网页时遇到了一些麻烦，比如：线条的颜色以及怎样制作纵向的线条。在这里，笔者就在网页中制作线条的这两个方面的技巧介绍一点自己的心得。
为了顾及各种浏览器之间的兼容性，网页制作者在制作网页的时候常常需要考虑标签的各种属性在每一种浏览器中是否能够正确的显示。其中就有一个水平线的颜色属性问题。我们都知道
HR
标签具有一个 Color 属性，例如我们要制作一条红色的线条就可以用这样的代码：
hr color="颜色代码"
当你在 IE 中浏览这一段代码时你能得到一个你希望的红色线条，可是如果你的浏览器是 Netscape 的话，那么你看到的只是一个灰色的线条，因为 Netscape 根本就不支持 HR 的 Color 属性。我们该怎么办呢？
1、使用表格
现在流行的网页制作中我们大多数是用表格来规划一个网页的基本布局，因此使用表格的单元格来制作线条不会给你增加太多的麻烦。
首先我们需要将表格的单元格边距属性（cellpadding）设置为 0 。如： table cellpadding="0" ，注意：只有将这个边距属性设置为 0 你才能制作一个小于 4 个象素的线条。因为 HTML 中 Cellpadding 的默认值是 2 个象素，上下两个边距相加就是 4 个象素。如果不设置 Cellpadding 属性哪怕是你将这个单元格的高度（Height）设置为 0 ，这个单元格的实际高度仍然是 4 个象素。
将单元格的高度（Height）设置为你希望得到的线条的高度。
设置单元格的背景颜色，如：
利用图像制作软件制作一个 1 * 1 的 GIF 格式的图像（一个点）。这里又有一个技巧，你可以将这个图像设置为透明的，这样你就可以利用这个“点”来制作任何颜色的线条，而不需要为每一种颜色的线条都制作一个这样的“点”。
这时你再用 Netscape 浏览这个表格你就可以看到一个红色的线条了。也就是说在 Netscape 中当一个单元格中什么也没有的时候，无法显示这个单元格的背景色，而只要这个单元格中有一点东西，就可以显示单元格的被景色。笔者也不知道什么原因但事实如此。
使用这一种方法你也可以制作纵向的线条。你只是需要将上述步骤的第 2 步的宽度改为你想要的线条的宽度，然后再设置高度或者调整这个单元格的行跨度以达到你想要的长度。这需要你在网页制作过程中根据自己的实际要求来做出相应的处理。顺便说一句，以前《电脑报》登过一篇文章说可以使用 HR 的 Size 属性来制作纵向线条，但我在实际中发现这种方法只能制作 100 个象素长的纵向线条。

网页制作软件FrontPage XP的使用技巧

最近笔者学会了用FrontPage XP做网页，心理特高兴，非常想把我在制作主页过程中的一些经验和大家交流交流、切磋切磋，我们一起来看看吧。
用表格做按钮
很多人为了做出按钮效果，不得不去动用一些图像或动画制作工具，非常麻烦，事实上，利用FrontPage XP的表格功能，你可以轻松地做出按钮效果来。方法是:插入一个一行一列的表格，然后设置它的表格属性，将单元格边距和单元格间距均设为“0”，亮边框设为白色，暗边框设为黑色，然后把边框的粗细设置为一个较大的数值就行了，比如设为“9”，你可以根据需要灵活调整。
用表格拼接图像
对于一些较大的图像，如果直接使用，当然我们在设置时省了很多事，但是下载的人却要受苦了，为了解决这个问题，我们可以把它切分成几部分，然后再利用表格把它们拼接到一起，这样就可以加快图像的下载速度。先把图片分成几块，然后在网页中插入一个表格，其行列数与切分的图像相同，再把切分后的图像按照原来的位置关系插进相应的单元格中就行了。效果和我们用原来的图片没有什么区别，但是下载速度明显地加快了。
定时开关
代码如下:
〈!--定时关闭页面，其中5000即等于5秒--〉
〈body bgcolor="#fef4d9" onLoad="setTimeout(window.close, 5000)"〉
使用样式
一说到样式就让我们头大，一个简单的样式，就要写一堆代码，那么不是很麻烦吗?在FrontPage XP中不用写代码，也能做出出色的样式。
单击“格式”→“样式”，选择“字体”出现对话框，在对话框中所示的选择是默认的。这时我们单击“新建”在出现的对话框中输入“.all”，再单击“样式”，在字号框内输入“9pt”，单击“确定”。接着单击“新建”，在出现的对话框中输入“A:link ”，再单击“样式”→“字体”在字号框中输入“9pt”，然后在颜色框内选择我们要设置的颜色，还有在效果中设置“下划线”等等，按照你自己的爱好来设置就行了。同理，可以设置“A:hover、A:active、A:visited”等等。这样我们设置好了一个样式，而且和高手没有什么区别了。
文本和表格的使用
大量的数据通过表格的形式来表现既直观又简洁，网页中也经常会用到这样的表格，如果你想把表格中的数据转换成为文本，在FrontPage XP中单击“表格”→“表格转换成为文本”，即可得到想要的文本。同理需要将文本转换成为表格点击“文本转换成为表格”命令即可。
定时载入另一个网页内容
在源代码中的〈HEAD〉和〈/HEAD〉之间加入如下代码:
***隐藏网址***
运行后，每隔40秒将自动载入网页的内容。
以上都是FrontPage XP的一些很实用的技巧，对作网页感兴趣的朋友不妨一试。

FrontPage基础教程创建网页动画

当你想在网络上建立自己的“小天地”时，是不是为自己没有动态效果的Gif而烦恼着，如果是的话，哈哈!看了本篇文章后将会消除你的烦恼。其实FrontPage 2000里面有一个小工具可以实现动态图画效果的，具体操作步骤让我慢慢道来吧。
1、先用画图、Photoshop等制图软件，绘制出两个或两个以上大小相等的图片文件,然后保存。
2、启用FrontPage 2000，在“插入”里选取“组件”，在“组件”的二级菜单里有一项“横幅广告管理器”(它可不只是用来做广告的噢)，如果没看见的话，用鼠标指向二级菜单下端的向下箭头即可见到。
3、点选“横幅广告管理器”后，弹出如图1的对话框(可别小看它呀，就是它为你解决烦恼的)。
“宽度”、“高度”是指所创建的动态图画的高与宽，将它设置为你绘图时的图片大小吧。
“过渡效果”是指图画的动态效果，它有很多项供你选择，如果你有兴致的话，可以逐一地试。
“每幅图片显示(秒)”即是设置每幅图片显示几多秒啦，一般设置在2～10秒之间。
“显示图片”里有返回后，选取“预览”标签看看有什么。
如果你想修改的，只需在图片上右击，选取弹出的菜单的“横幅广告管理器属性”就行了，怎么样，烦恼消除了吧。

FrontPage教程编辑网页

现在进入FrontPage。单击任务栏“开始”按钮，选择“程序”选项，单击“Microsoft FrontPage”选项就可以了。 可能你会发现FrontPage界面和Word很相似，这是因为WEB页面和Word文档有很多同样的设置，这些设置所用的图标和Word中的是一样的。
FrontPage2000 界面
视图中的组框是用来切换视图的，单击里面的小图标就可以切换到不同的视图。FrontPage共有6种视图，使用不同的视图可以从不同的侧面查看设计的WEB站点。对一个WEB站点而言，不断更新是很重要的。随着站点的成长，维护站点的工作量会越来越大。建立站点可能很快，但是如果没有这6种视图的帮助，维护起来就很困难了。
这些视图的使用不用一下就全部掌握，只要知道有这些视图就可以了。
2.视图与模式（二）
下面看一看同一个WEB站点在不同视图中是怎样显示的。
(1)单击“网页”按钮，切换到网页视图，再单击工具栏上的“文件夹列表”按钮 ，窗口中增加了一个文件夹列表框。网页视图是用来显示选中的网页的，双击文件夹列表中的某一个HTM文件，在最右方的工作区中就会显示该网页的内容。
注意，此时工作区的左下角有三个切换显示模式的选项卡。单击“普通”选项卡，就切换到了普通模式。在普通模式可以网页的内容以及设置各种格式。单击“预览”选项卡就到了预览模式。如果要看一看当前的文件在浏览器中的显示情况，就使用预览模式，在预览模式下，是不能网页的。也可以切换到HTML模式直接对网页对应的HTML文本文件进行，从而为网页作一些特殊的设置，前提是你要懂一点HTML语言（在教程附录中有相关说明）。
(2)文件夹视图以列表的形式给出了当前WEB站点的文件夹和文件夹里包含的文件。
其实一个站点实际上就是一个目录，在这个目录下可以建立许多子目录，并将站点的各种文件放在这些目录里。
(3)报表视图给出了当前站点的一些统计信息。这里可以知道在站点的目录中哪些文件被链接进站点了，哪些没有。
(4)导航视图可以方便地组织站点中各网页的层次关系，在本视图中，每一个页框代表一个网页。如果站点设置了导航功能，就可以先在这里设置好各网页的层次关系，然后用导航栏把这种层次关系表现出来。
(5)超链接视图是用来察看选中网页中设置的超链接的。通过它可以方便地知道在网页中设置了多少超级链接，以及是什么类型的链接。
(6)任务视图里放着关于站点维护的任务列表，如果站点大到由许多人共同维护，他们就可以通过任务列表知道工作的进展情况了。
3.创建网页
这一节我们讨论怎样创建页面。　
创建页面最简单的方法就是单击FrontPage“常用”工具栏的“新建”按钮。它的右方有一个向下的小箭头，它是用来选择要新建什么，可以用“新建”按钮新建网页、站点、文件夹和任务。默认状态下是新建网页。
如果要新建网页，可以不用向下箭头键选择，而直接单击“新建”按钮。不过使用文件菜单的“新建”命令来新建网页能够有更大的选择。
单击文件菜单的“新建”命令，选择“新建网页”，在“新建”对话框里，可以看到FrontPage提供的许多网页模板，我们可以用这些模板来建立相应的网页。在右下角的预览框里可以看到选中模板的外观。选择“两栏正文”网页，这样就创建了一个新的分为两栏的网页了。然后点确定。
使用模板可以不用总是从空白网页开始，这样就省力很多。
4.修饰文本
怎样使文字更丰富、活泼呢？一个简单的方法就是使用“格式”工具栏。
字体设置：选上文字，打开格式工具栏的“字体”下拉列表框，在里面选择相应的字体就可以了。如果浏览网页的人使用的计算机没有设置的字体？浏览器会用系统默认的字体代替你设置的字体。不过，使用常用字体是一个好习惯。
字号设置：在“格式”工具栏“字号”下拉列表框中选择相应字体就可以了。
工具栏上的B、I、U图标的作用是：
按下B按钮，被选中的文字就会变为粗体.
按下I按钮，被选中的文字就会变为斜体.
按下u按钮，被选中的文字就会带下画线.
字的颜色：单击“格式”工具栏“字体颜色”按钮旁的向下箭头，选择适当的颜色，字的颜色就改变了。
还可以对字体进行一些其他设置。选择“格式”菜单的“字体”命令，在这里我们还可以作进一步的设置。这里除了“格式”工具栏可以做的设置以外，还可以设置许多效果。
“字符间距”选项卡：它是用来设置文字的间距的。单击“间距”下拉列表，可以选择字符的间距是普通、扩充还是紧缩的。选择扩充，这时预览框的文字间距就变大了。也可以调整间距大小来改变间距，输入10，文字的间距就更大了。
“定位”下拉列表：在FrontPage中每一行都有一个底线，定位就是指文字相对于底线的距离。也就是把文字上下移动，现在选择“上移”，文字就向上移动了。预览框中的黑线就是行的底线。
5.项目符号和编号
设计网页应该层次分明，结构清晰。这可以通过FrontPage的列表功能解决。
选中要列表的内容，单击“格式”工具栏上的“项目符号”按钮 ，默认情况下，项目符号是一个小黑点。你也可以选择其它的项目符号，单击“格式”菜单，选择“项目符号和编号”命令。选择“图片项目符号”选项卡，单击“浏览”按钮，点“剪贴画”，再点Web符号按钮，选择合适的图片，单击“确定”按钮。
对有顺序的内容列表可以使用编号。单击“格式”菜单的“编号”按钮 。现在有一个问题，“站点的主题”、“站点的共享边框”两行是属于“设计站点风格”的内容，可是也编号了。解决的方法是把这两项选中，单击工具栏上的“增加缩进”按钮 ，再次单击“增加缩进”按钮，这样就可以了。要把这两项改为其他编号方式，可以选择“格式”菜单的“项目符号和编号按钮”，在编号框里选择合适的编号形式，单击“确定”按钮。
怎样解决列表分级太多而显得不简洁的问题？方法是把子列表折叠起来，称为“折叠大纲”。将鼠标光标移到要折叠的列表的上一级处，单击鼠标右键，选择“列表属性”命令，将“启用折叠大纲”和“开始时折叠复选框”选中，单击“确定”按钮。 打开它时只要单击它就打开了。
6.插入水平线
在网页中适时的插入水平线可以使层次分明。最简单的方法是插入水平线使需要分隔的部分分开。把插入点调整到插入水平线的位置，选择“插入”菜单的“水平线”命令。
双击插入的线条，在弹出的“水平线属性”对话框里单击“颜色”下拉列表， 选择相应的颜色，可以改变线条颜色。在对话框中有“窗口宽度百分比”和“像素”选项，它们的作用是通过调整宽度数值设置线条的宽度，但是这个数值的单位却是由它后面的选择决定，调整“高度”的数值，可以改变线条高度。
单击水平线，选中它。按ALT+ENTER键，也可直接进入水平线对话框。
水平线变化有限，装饰性不强。我们还可以插入更丰富的线条来修饰页面，那就是线条图像。 线条图像就是一个特别狭长的图像。将水平线选中，按DEL键，将水平线删除，选择“插入”菜单的“图片”命令，单击“剪贴画”选项。选择“图片”选项卡，这里把FrontPage提供的剪贴画按类别放在了下面的列表框中，选择“WEB框架”，选择小石头图像，单击“插入剪辑”按钮。由小石头构成的线条就插入完成了。
如果想把线条缩短一点，可以在线条上单击鼠标右键，选择“图像属性”命令，打开“图片属性”对话框，选择“外观”选项卡，选择“指定大小”，将宽度的单位设置为百分比，将宽度调整为80，单击“确定”按钮。
7.插入时间标记
在Internet上我们经常看到许多网页上都有一个最新更新日期，用来告诉用户页面上一次更新是什么时候，这是怎么做的呢？看完下面的部分你就知道了。
时间标记当活动网页被重新或自动更新之后，会自动改变。设置起来也很容易：在页面末尾输入：“更新时间”，执行“插入”菜单的“日期与时间”命令，在“日期时间属性”对话框中选择“该网页上次日期”，如果要改变日期的格式，可以单击“日期格式”下拉列表，选择合适的格式。
8.插入注释
怎么在网页里插入注释呢？（在我们创建和修改网页的过程中，经常需要插入一些文字，表明设计的意图和方法，在网页时作为参考和提示，这就是注释。）
插入注释的方法是：普通模式下单击当前网页要插入注释的位置，把插入点设置到那里。选择“插入菜单”的“注释”命令，这样就会弹出“注释”对话框，在“注释”文本框中输入注释的内容，单击“确定”按钮。
在指定的位置注释出现了。现在单击“预览”选项卡，切换到预览模式，注释没有出现。 实际上注释并不是在浏览器中显示的网页的一部分，浏览者通过浏览器是看不到网页里的注释的。
9.预览新建页面
设计好的页面，应该检查它在浏览器中是否显示正常。
方法是，一般只要切换到预览模式就可以了。单击“预览”选项卡，在这个预览模式下的显示和在浏览器中的显示是一样的。但这并不意味着我们就不必用浏览器来检查的网页了。因为即使是同一个页面，可能在不同的浏览器中显示会不太一样。比如在Internet Explorer中是这样显示的，但是在Netscape中又是那样显示的。所以，我们要在自己的机器上多装几个浏览器，用来检查网页的兼容性。
怎么用不同的浏览器来检查呢？选择“文件”菜单的“在浏览器中预览”选项，在浏览器列表框中选择不同的浏览器。（以Internet Explorer 5.0为例）单击“确定”按钮。就可以看到新建页面在浏览器中的效果了。
这一部分内容很简单，但是这些内容在制作网页的过程中几乎每次都会用到，“万丈高楼平地起”，不要小看这些最基本的操作呀。