frontpage2000网页制作教程(完全版)_frontpage做网页教程
frontpage2000网页制作教程(完全版)由刀豆文库小编整理,希望给你工作、学习、生活带来方便,猜你可能喜欢“frontpage做网页教程”。
第 一 课 从一个网页开始
Frontpage2000教程 第 二 课 编辑网页 Frontpage2000教程 第 三 课 使用图形 Frontpage2000教程 第 四 课 超链接 Frontpage2000教程 第 五 课 使用表格 Frontpage2000教程 第 六 课 组件的使用 Frontpage2000教程 七 课 使用框架 Frontpage2000教程 第八课 使用多媒体 Frontpage2000教程 第九课 站点操作 Frontpage2000教程 第十课 表单设计 Frontpage2000教程 第十一课 创建讨论组 Frontpage2000教程 第十二课 站点的发布
frontpage2000教程 第 一 课 从一个网页开始
作者:未知
阅读人次:5527
文章来源:未知
发布时间:2004-11-20
网
友评论(7)条
认识Frontpage2000
你是否紧跟时代的潮流上了网?你在聊天室里是否听过别人聊起自己的个人主页,你会不会觉得自己没有个人主页就落伍了?有没有想过自己也要做一个主页?想过?那你还瞎呆在那里干什么?赶快阅读本教程,你就该学会制作自己的主页了。
本教程教你学会使用微软公司的Frontpage2000,学会干什么?当然是做你的个人主页啦。或许你认为制作主页是一门很深奥的工作,需要懂得大量的计算机知识。我现在要告诉你,你错了。在这个流行图形操作系统的今天,制作主页不再需要你去学习复杂,烦躁的HTML语言了,你只需要知道一个概念:主页(也称网页,怎么样称呼都无所谓)就象一张白纸,你可以在上面写字,画画等等,通过自己的设计,那张白纸可以变成很漂亮。做主页时就是这个概念,只不过我们写字,画画是用笔和白纸,而做主页我们是用鼠标,键盘和Frontpage
当然制作网页的工具不单只有Frontpage2000,还有许许多多好用的工具。但是对于初学者来说,Frontpage2000是最好不过了,因为它操作简单,方便使用,最适合初学者。或许你下了决心要做一个专业网页制作人员,要学会更多更专业的网页制作工具,但是我还是希望你先学习使用Frontpage2000,打好扎实的基础怎么样也好一点对吧。
学习本教程之前,你要准备好:电脑一部,当然包括鼠标和键盘,不然还了得,还有就是你的电脑要装上Frontpage2000,因为一边阅读教程一边实际操作总要好一些吧。
Frontpage2000可以从微软的Office2000里进行安装,Office2000哪里有?现在盗版之风吹遍大江南北,不用我介绍了吧:)
具体安装方法:把Office2000光盘塞入光驱,在安装向导出现选择要安装的文件时,选择Frontpage2000“从本机运行”(如图1)。
(图1)
(图2)
另外Office2000附带了一些好看的字体文件,在选择安装文件时,你也可以在文件列表下面的“Office2000工具”中选择安装(如图2)。
安装好了Frontpage2000,我们就可以开始学习了。努力,奋斗。
第一章
认识Frontpage2000
安装好Frontpage2000后你可以在Windows的开始菜单运行它。
首先我们来认识一下Frontpage2000的操作界面(如图3)。
(图3)
对于初学者来说,一看到有那么多的菜单和那么多的按纽,不禁会吓一大跳:“太复杂了,我看我还是不行了。”哈哈,请你放心,你太抬举Frontpage2000了,其实它没什么,就那么一点,你完全可以“征服”它的,给自己一点信心。
我们来把Frontpage2000的界面划分成两半,你可以看见图3上面有一条红线,当然在你的Frontpage2000上面是没有的,这只是笔者自己画上去的,为了大家好区分。
好的,那么我们看图3,我们把红线以上的那部分叫控制窗,红线以下的叫制作窗。
控制窗包括常见的那些“文件,编辑”菜单,虽然看上去挺多挺复杂,但是它大部分常用的命令都归到了下面一栏的按纽栏中去了。你看,在流行图形操作界面的今天,我们是多么地幸福啊:)下面一栏为属性栏,我们可以用这栏来定置文字和图片的属性等等。
制作窗包括编辑区和切换按纽。我们就把编辑区当做是一张白纸吧,你可以在上面写字(用键盘打字)和画画(插入图片),具体操作我们将在下几章学习。编辑区左下角有三个按纽,我们把它们叫做切换按纽:点“普通”按纽,就会出现默认的编辑区。点“HTML”按纽,编辑区就会变成一个满是英文(?!)的窗口,我们可以在这里编辑HTML,但是对于初学者,笔者不建议你去乱动。做好了网页的时候,我们可以点一下“预览”按纽来观看自己做的网页,不满意可以再点“普通”按纽回到编辑区修改。
另外当你第一次运行Frontpage2000的时候,你会看到编辑区左边会有另外的一栏,灰色的,上面有几个按纽,它叫“视图”栏。它可以让你更方便地查看网页的大小,连接等等。但是有时我们会觉得它妨碍了我们的工作,使编辑区看起来很窄很不舒服,为了不让它妨碍我们工作,我们可以点击控制窗菜单栏里的“编辑→视图”(如图4),使它消失,要使用的时候再重复点击一次使它出现,真方便
(图4)
到此为止,我们就已经和Frontpage2000交上朋友了,慢慢地,我们要进一步控制它,让它全心全意为我们服务。
Frontpage2000教程 第 二 课 编辑网页
作者:未知
阅读人次:19327
文章来源:未知
发布时间:2004-11-20
网
友评论(3)条
视图与模式
(一)现在进入FRONTPAGE。单击任务栏“开始”按钮,选择“程序”选项,单击“MICROSOFT FRONTPAGE”选项就可以了。可能你会发现FRONTPAGE界面和WORD很相似[图一],这是因为编辑WEB页面和编辑WORD文档有很多同样的设置,这些设置所用的图标和WORD中的是一样的。
[图一]FrontPage2000 界面
视图中的组框是用来切换视图的,单击里面的小图标就可以切换到不同的视图。FRONTPAGE共有6种视图[如左],使用不同的视图可以从不同的侧面查看设计的WEB站点。对一个WEB站点而言,不断更新是很重要的。随着站点的成长,维护站点的工作量会越来越大。建立站点可能很快,但是如果没有这6种视图的帮助,维护起来就很困难了。
这些视图的使用不用一下就全部掌握,只要知道有这些视图就可以了。
Frontpage2000教程 第 三 课 使用图形
作者:未知
阅读人次:6495
文章来源:未知
发布时间:2004-11-20
网
友评论(3)条
插入图形
如果有一个图形,怎么把它放到网页上呢?
首先要看你的图形是什么格式的,也就是它扩展名是什么 只有扩展名为GIF和JPEG的图形文件才能成为我们的页面的一部分。因为这两种图形格式不仅应用广泛,而且有利于节省存贮空间。
如果图形不是这种格式,使用了其它格式的图形文件,在保存网页时FRONTPAGE会提示做格式转换,FRONTPAGE可以自动进行格式转换。
现在可我们看看怎么插入图形 选择“插入”菜单的“图片”命令,单击“来自文件”按钮。
在默认情况下,FRONTPAGE认为你要插入的图片总是放在你建立的站点的目录或它的子目录下的。可以说,站点就是一个目录。我们把编辑的许多网页文件放在同一个目录下,我们称这个目录为站点的主目录。这些网页引用的图形一般也放在这个目录下。当然,我们也可以在这个目录下建立其他的子目录,再把所有的图形放在子目录里。所以搜索下拉列表只允许在主目录和主目录下的子目录进行选择。
如果要插入的图片不在主目录下, 在“选择文件”对话框中进行选择。
选择好文件以后,单击“确定”按钮,回到“图形”对话框。单击“确定”按钮,图形就插入了。现在单击“常用”工具栏的“保存”按钮。
在“另存为”对话框中输入新的web页文件的名字,单击“保存”按钮。
出现了一个对话框, 因为我们刚才插入的文件不在站点内,现在FRONTPAGE要把它复制到站点内,可是使用什么名字,放在站点的哪个目录下呢,就要在这设置了,单击“改变文件夹”按钮,另外这儿还在需要时对图形的格式进行转换。单击“位置”按钮,在默认情况下,图形被保存在站点的主目录下,现在我们选择IMAGE目录,单击“确定”按钮。回到“嵌入式文件”窗口,再单击“确定”。这样,图形就保存在站点内了。
我们还可以从INTERNET上插入一个图形。
选择“插入”菜单的“图片”命令,在URL栏内输入图片的地址,单击“确定”按钮。由于是插入网上的图片,因此在插入图形以后,应该保存一下网页,使图形存到站点内。
您可能说,我不会画画,插入图片容易,可是编辑图片就不容易了。没关系,FRONTPAGE自己带有许多剪贴画,你可以把它们插入到自己的网页。
选择“插入”菜单的“图片”命令,选择“剪贴画”。
你看,各种剪贴画都分类放好了。你可以自由地选择。
不过,插入后别忘了保存网页,把剪贴画复制到站点目录下。
Frontpage2000教程 第 四 课 超链接
作者:未知
阅读人次:7003
文章来源:未知
发布时间:
2004-11-20 网友评论(5)条
用文本和图形建立链接
怎样才能自己做的网页相互联系起来呢?也就是说让别人点页面上的图形或文本就跳转到其他页面呢?
在网页里,我们把这种点击后会进行页面切换的网页界面元素叫超链接。
先来看一下用文字来建立链接。
首先创建一个指向站点内其他网页的超链接。
选择“插入”菜单的“超链接”命令,在文件列表框内选择“页面1.htm”文件,注意在URL文本框中显示了该文件的地址。
单击“确定”按钮.超链接就制作成功了。
我们切换到预览模式(单击预览按钮),当我们把鼠标指向“主页”两字时鼠标变成手形,单击它,我们就切换到主页了。
那么为什么不在普通模式下试呢?:因为普通模式主要是用来编辑网页的,当我们在普通模式把鼠标指向“主页”两字时鼠标没有变成小手状,因此不能进行页面切换。不过如果按住CTRL键,鼠标就变成了小手状。这时单击就可以进行切换了。也就是说在普通模式中按住CTRL键才能激活超链接。
我们也可以将超链接指向其他站点的网页。选中作为超链接的文本,单击“常用”工具栏的“超链接”按钮单的超链接命令是一样的。,这和选择插入菜
在“创建超链接”对话框里,在URL地址栏直接输入要连接的网页或网站的地址。如果不清楚要作超链接的地址,只要单击URL地址框后面的放大镜
单击“确定”按钮就可以了。
就可以用浏览器在INTERNET上查找要链接的网页,FRONTPAGE会自动记录你找到的地址。
我们还可以改变已经设置好的超链接。首先确认是普通模式,在要改变的超链接下单击鼠标右键,选择“超链接属性”命令,输入新的URL地址就可以了。
要想取消超链接,删除所有URL地址框里的内容就可以了。
还有一种超链接,可以链接电子邮件。这样可以使你的网上朋友通过Email及时与你联系,这是一个网站站长和网友交流的重要手段。
首先选中要作为超链接的文本,一般文本就是你的邮箱地址,单击“超链接”按钮,单击“信封”按钮,输入你的邮箱地址,单击“确定”按钮,退出对话框,选择“确定”,这时超链接就建立好了。我们试一下,切换到预览模式,单击邮件链接,这样OUTLOOK被激活了,现在就可以发Email了。
刚才讲的都是用文本建立超链接,怎么用图形来建立链接呢? 其实图形超链接和文字超链接的制作方法是一样的,只要在建立超链接时选择图形就可以了。
首先选中超链接的图形,单击箭头图形,单击“常用”工具栏“超链接”按钮,选择主页文件“页面1.htm”,单击“确定”按钮.在普通模式中,按住CTRL键,单击箭头图形,就跳到主页页面了。
Frontpage2000教程 第 五 课 使用表格
作者:未知
阅读人次:7876
文章来源:未知
发布时间:2004-11-20
网
友评论(4)条
创建表格
在FRONTPAGE的诸多功能中,制表功能也是一个很重要的方面。我们不仅利用表格显示一些有规律的数据,而且还经常对表格中的单元格进行调整,在其中放入文本和图形,达到对网页进行布局的目的。
我们来看看这个网页,这是在普通模式里的效果。
文本被分成左右两栏了。文本周围有虚线包围。这些虚线实际上就是表格的框线,我们利用表格把网页分为了左右两栏。
我们切换到预览模式,框线没有了。
在普通模式看到的虚线可以便于我们编辑。由于表格框线的宽度是0,所以它在普通模式里是虚线显示的,而在浏览器里它就不显示出来。也就是说用一个看不见的表格把文字分开。
怎样创建表格呢?
首先把插入点调整到要插入表格的位置,单击“常用”工具栏“插入表格”按钮,拖动鼠标,直到高亮的格子的行列数与你要插入的表格相同为止。这里我们用3乘4的,也就是3行4列的。
实际上这种方法创建单元格只能将各单元格行高和列宽设置为一样的,如果要在创建表格时对表格进行设置,可以使用插入表格命令。设置好插入点后,选择“表格”菜单的“插入”命令,单击“表格”命令,将行数设置为3,列数设置为4,将边框粗细设置为5,将单元格间距设为3,确认指定宽度复选框选中,并选择单位为百分比,设置百分比为80,使表格宽度为浏览器宽度的80%,单击“确定”按钮。
新建的表格边框变粗了。这是因为我们刚才设置了边框的粗细为3,另外单元格之间的分割线也变宽了,这是因为我们设置了单元格间距的结果。我们的设置也自动变为了下一次创建表格的默认设置。
还有一种创建表格的方法,你可以直接把表格画出来。
选择“查看”菜单的“工具栏”命令,单击其中的“表格”选项,这时就会显示“表格”工具栏。
单击“手绘表格”按钮,用拖动鼠标的方法画一个表格。双击鼠标退出画表格状态。
如果画错了就单击“擦除”按钮,在要擦除的线条上拖动,这时线条会变红,放开鼠标,线条就被擦除了。
表格工具栏的其他按钮都与表格菜单的各条命令相对应,它们的使用方法也是一样的。
Frontpage2000教程 第 六 课 组件的使用
作者:未知
阅读人次:11095
文章来源:未知
发布时间:2004-11-20
网
友评论(3)条
使用字幕
这种滚动文字我们称为字幕。它特别醒目,我们经常使用它来发布一些站点的通知或提示信息。
其实创建字幕很简单。我们把插入点放到要使用字幕的位置,选择“插入”菜单的“组件”命令,单击“字幕”选项,在文本框中输入要滚动的文字,单击“确定”按钮。字幕不动,这是因为我们现在是在普通模式下,我们单击“预览”选项卡切换到预览视图,字幕的滚动效果就呈现出来了。
字幕的字体、字号、字颜色是可以调整的。我们在要调整字体字体、字号或字颜色的字幕上单击鼠标右键,选择“字体”命令进入“字体”对话框,把字大小改为5,字颜色改为绿色。当然在这里你也可以选择“字符间距”选项卡改变字符的间距,单击“确定”按钮。这时字符的外观就改变了。
其实,对字幕的字符串外观进行设置和对普通字符串的设置是一样的。只不过字幕字符串是一个整体罢了。
除了可以调整字幕的外观外,字幕的背景颜色、滚动速度等都是可以调整的。
我们在字幕上单击鼠标右键,选择“字幕属性”命令,进入“字幕属性”对话框。
下面,我一项项给您介绍:
“方向”组框用来指定字幕是向哪个方向滚动,现在的设置表示从右向左滚动;
“速度”组框用来调整字幕滚动的速度;
“延迟”表示字幕每滚动一步的时间间隔是多少毫秒;
“数量”表示字幕每滚动一步的距离是多少像素;
“表现方式”是调整字幕滚动的具体效果,你可以自己试试;
“重复”组框用来对滚动效果的循环次数进行选择;
“背景颜色”用来调整字幕的背景颜色;
“大小”用来设置字幕的宽度与高度。你可以使用像素来控制字幕的实际大小,也可以使用百分比来设置字幕的宽度,这时字幕的实际大小是根据浏览器窗口大小的百分比来计算的;
“文本对齐方式”组框是用来调整字幕和它所在行文字的对齐方式的。里面有三种对齐方式的效果。
象字幕效果是动态HTML的一种功能,它是制作网页的一种标准。不过动态HTML并不是所有版本的浏览器都支持。比如字幕效果只有在Internet Explorer 4.0与Netscape Communicator 4.0以上版本才能看出来,而在低版本的浏览器上它们不过是普通文本罢了。
Frontpage2000教程 七 课 使用框架
作者:未知
阅读人次:9338
文章来源:未知
发布时间:2004-11-20
网
友评论(3)条
创建框架
你见过布告栏吗?就是那种有一个大的栏框,里面张贴着各种各样的布告的框架。布告栏可以把一个版面分成几个部分,在每一个部分里可以张贴不同的内容。
在我们的FRONTPAGE中,也可以制作这样的“布告栏”。在FRONTPAGE中我们把它叫做框架,它可以把一个浏览器窗口分成几个区域,每一个部分可以显示不同的网页。看,这些就是用框架制作的网页:
这是一个双框架网页,它把浏览器空间分成了两个框架,左框架和右框架分别显示了不同的两个网页。
这是一个三框架的网页,它分为三个框架,上面、左面和右面的框架都放着一个单独的网页。
我们还可以把不同框架的网页相互联系起来:
回到双框架网页中,单击左框架中的“显示主页内容”,这时在右面的框架里就会显示当前网站的主页。
刚才我们单击了左框架的超链接,它就要显示链接到的网页,可是显示在右面的框架里。这是因为右框架是左框架的目标框架,在FRONTPAGE中,一个框架的链接内容总是显示在它的目标框架里。
我们现在就来制作一个框架网页:
选择“文件”菜单的“新建”命令,单击“网页”按钮,选择“框架网页”选项卡,在这里列出了十种框架布局模板,你可以根据自己的需要选用。单击“目录”模板,在预览部分显示了框架网页的布局,上面的说明告诉我们左面的超链接内容在右面显示,这样我们就知道右框架是左框架的目标框架。有了这些信息你能够选择合适的框架模板了。单击“确定”按钮。
我们建立的框架网页上有按钮。
这是因为刚才我们创建了一个框架网页,但是并没有指定在各个框架里显示哪个网页,就好像我们做了一个布告栏,但是并没有向里面张贴布告一样,而这些按钮就是用来让我们指定在框架里显示哪个网页的。
Frontpage2000教程 第八课 使用多媒体
作者:未知
阅读人次:4647
文章来源:未知
发布时间:2004-11-20
网
友评论(3)条
使用音频
网页除了显示图形和文字之外,还能实现多媒体功能。
对多媒体的良好支持是FRONTPAGE的一个突出的特色。我们能够很容易的在网页里播放音频和视频。
我们从最简单的嵌入音频开始。我们选择“插入”菜单的高级命令,单击“插件”选项,在打开的“插件”属性对话框中单击“数据源浏览”按钮,选择要播放的音频文件,我们可以选择扩展名为WAV、MID、SND、AU的音频文件,单击“确定”按钮。
在普通模式下,为了表示插入音频的位置,FRONTPAGE就会使用这样的插头标记。
现在我们切换到预览模式,音乐就自动播放了。
现在插头变成一个播放器了。
这个播放器名字叫ACTIVE MOVIE,它是Internet Explorer浏览器自带的一个媒体播放插件。浏览器检测到我们在网页里插入了一个音频文件,就会在插入音频的位置显示一个ACTIVE MOVIE播放器,并用它来播放音频。
最新版本的Inter Explorer 和 Netscape Navigator都带了播放多媒体的必要插件,不过如果浏览者的浏览器没有带插件或没有安装,我们最好给他们一个不能播放文件的提示信息。
在刚才插入的音频文件图标上右单击鼠标健,选择“插件属性”命令,在“浏览器不支持插件时显示的消息”文本框中输入“对不起,您的浏览器不支持这种文件格式的播放.”,这样,当使用的浏览器不能播放音频时,浏览者就会在网页上看到提示信息。
我们可以改变音频图标的大小:单击音频图标,拖动图标四周的小黑点,图标就变大了,切换到预览模式,播放控件就也变大了。这和改变图片的大小是一样的操作方法。
我们也可以精确的调整插件在网页中显示的大小:在普通模式下的音频图标上右单击鼠标健,选择“插件属性”命令,我们只要修改“大小”部分的数值就可以调整插件的大小。
“布局”部分中:对齐方式用来调整插件与网页中其他文字的对齐方式。这也和图片的对齐方式一样;水平和垂直间距用来是用来调整插件与周围文本的距离的,变框粗细是用来设置图标边界的宽度的。
现在我们把“隐藏插件”选项选中,把浏览器不支持插件时显示的消息去除,单击“确定”按钮。
切换到预览模式。插件没有了,音乐却在播放。这说明插件仍然在播放音频文件,只不过被隐藏起来罢了。刚才我们还除去了浏览器不支持插件时显示的消息,这样就实现了网页的背景音乐。
我们也可以使用插入音频的方法。嵌入要使用插件来播放音频文件,离开了插件,嵌入的文件就不能够正常的播放。而插入则不同,它在播放多媒体时并不依赖插件,只和我们使用的浏览器有关。目前,Internet Explorer支持对插入的音频的播放,而Netscape Navigator还不能支持。也就是说,目前插入的音频只能在Internet Explorer上播放,不过以后情况会有所改变。
好了,现在我们来看一看怎么插入音频:在网页内右单击鼠标健,选择“网页属性”,单击背景音乐框的浏览按钮,选择插入的音频文件,单击“确定”按钮,在默认情况下,不限次数复选框是选中的,表示文件将不断循环播放,单击“确定”按钮。
还可以设置播放的次数。再次进入”网页属性“对话框,去除不限次数复选框的选中,这是我们就可以调整播放次数了。
因为插入的音频不使用插件播放,所以播放的方式是事先设置好的,在浏览网页时,用户是控制不了的。
使用音频还有一种方法,就是链接音频。我们现在选中“播放音频”文字,单击“常用”工具栏“超链接”按钮,选择音频文件,单击“确定”按钮。
现在我们用浏览器来看一看:单击超链接,音频文件就在独立的ACTIVE MOVIE中播放了;
我们用鼠标右键单击超链接我们还能选择“目标另存为”命令将音频文件下
Frontpage2000教程 第九课 站点操作
作者:未知
阅读人次:6891
文章来源:未知
发布时间:2004-11-20
网
友评论(3)条
创建新站点
我们讲了这么多的网页设计技巧,现在就可以进入创建站点的学习了。
用FRONTPAGE创建站点是很容易的。首先,我们来看一下创建一个只包含一个网页的站点。
选择“文件”菜单的“新建”选项,单击“站点”命令,这时新建站点对话框就弹出来了,在“指定新站点位置”文本框中输入新站点的位置,单击“只有一个网页的站点” 图标,单击“确定”按钮。
这就建立好站点了,我们现在来看一下新的站点里有什么,单击“视图”工具条的“文件夹”按钮。
在文件夹列表里有一个网页文件,名字叫做“index.htm”。我们知道,每一个站点都要有一个主页,这个主页也是一个网页文件。浏览者访问站点时首先进入的就是站点的主页。主页的名字在一般情况下就叫做“index.htm”。就是说我们新建只包含一个网页的站点时,FRONTPAGE就自动为我们创建了站点的主页了。这个新建的站点主页时空的,我们可以向里面添加内容。
在文件列表里除了主页之外,还有文件夹。新建站点时,FRONTPAGE都会在站点所在位置下新建两个文件夹,一个是“images”另一个是“_private”。
我们在编辑站点时可以在“image”文件夹里放置站点用到的图片。
“private”文件夹比较特殊,其中的文件对浏览者来说是隐含的,我们可以把一些不想让浏览者看到的网页文件放在这个文件夹里,比如:我们可以在这个文件夹里存放注册用户的个人信息。
尽管每一个站点都要有一个主页,不过创建站点时我们仍然可以从一个空站点开始:
选择“文件”菜单的“新建”命令,单击“站点”选项,在“新建站点”对话框里,我们可以选择“空站点”图标来创建一个空站点。
“新建站点”对话框中还有许多其他图标,这是FRONTPAGE提供的用来创建站点模板或向导。我们创建只有一个网页的站点或者创建空站点,都是从头开始来创建一个站点,这就好像盖房子一样,首先画图纸。然而,有许多的房子都具有相似的结构和用途,所以我们可以用一张图纸盖很多相似的房子,这样就节省了许多工作。
同样的,尽管站点的风格千差万别但是有许多站点的功能和结构都是一样的,如果我们从头开始建立站点的话,就要做许多重复劳动,这时,我们就可以使用模板或向导来建立站点。
模板和向导的作用就好像盖房子的图纸一样,我们不必每次建立站点时都从头开始。
我们单击“个人站点”图标,用它可以迅速创建一个个人站点,输入站点所在的位置,单击“确定”按钮,你看,这就是我们刚才创建的个人站点。个人站点模板已经为我们规划好了站点的目录和建立了相关的页面。
现在我们点击一下“文件夹”按钮,双击index.htm图标,看,这就是我们的个人站点的主页。
哎,好象有许多文字都不对,没关系,这些文字都是可以改变的,现在写的是文字的用途,比如“主题”文字就是用来写网站标题的地方,我们只要把它改为自己喜欢的标题就可以了。
返回到“文件夹”模式,双击photo.htm。也可以把风景图片换成自己的照片,只要在新建站点的基础上进一步修改就可以做出自己的个人站点了。这不仅节省了许多力气,同时也给了初学者一个良好的出发点。我想,你会喜欢用模板和向导来创建站点的。
那么模板和向导有什么区别呢?
我们安装软件时,一步步的用对话框提示我们完成安装过程的程序就是一个向导。在FRONTPAGE里,向导也是一种模板,不过它是一种特殊的模板,它会以对话框的形式辅助你完成站点的创建过程。
现在我们选择“文件”菜单的“新建”选项,单击“站点”命令,你看,FRONTPAGE提供了两个向导:公司展示向导、讨论站点向导,使用起来都很方便,你有兴趣也可以利用向导建立一个站点。
Frontpage2000教程 第十课 表单设计
作者:未知
阅读人次:10210
文章来源:未知
发布时间:2004-11-20
网
友评论(3)条
搜索表单
上一课我们学习了站点操作,在结合网页的编辑技巧,相信你已经可以制作一个自己的站点了。不过我们要把站点设计的更好,还需要继续学习。比如说,搜索网页。
你看这一个网页,在网页中有一个搜索文本框,里面可以输入文本,同时还有“开始搜索”和“重新填写”两个按钮。这是一个最简单的搜索表单。
它是将搜索表单发布到WEB服务器并在浏览器中看到的结果。我们在自己的计算机上编辑完站点以后,可以先把站点的文件拷贝到一个大家都可以访问的服务器上,这样别人就可以通过浏览这个服务器来来访问我们的站点。这个过程就好像把工厂生产的产品拿到商店里让大家选购一样。我们把这个过程叫做站点的发布。我们把站点的WEB页拷贝到一个服务器上让大家访问,为了把这个放WEB页的服务器和其他服务器区分开,我们就把它叫做WEB服务器。我们试一下就知道这个发布到WEB服务器的搜索表单有什么用了。
现在我们在“搜索”文本框中输入“Test”,单击网页上的“开始搜索”按钮。
网页上多出了一个表格。这个多出的表格列出了我们网站中所有出现了“TEST”的网页,以及这些网页的修改日期、大小、和与关键字匹配的紧密程度。
这个网页是一个进行关键字搜索的网页。现在我们自己也做一个这样的搜索表单我们首先在要插入这样的搜索表单的位置单击,使插入点放到指定位置,选择“插入”菜单的“组件”子菜单,单击“搜索表单”,进入“搜索表单属性”对话框。
在“搜索表单属性”选项卡里,我们可以改变搜索表单的文本框和按钮的提示,现在我们把“输入框的标签”改为“在网站中搜索:”,单击“搜索结果”选项卡,在这里我们可以设置显示查询结果时要显示哪些信息,以及信息的格式,我们选中“显示文件大小”和“选中文件日期”复选框,单击“确定”按钮。
搜索表单显示在指定位置了。除了搜索文本框的提示信息之外,它的外观和刚才的搜索表单并没有什么不同。现在我们单击“预览”选项卡,切换到预览模式,在“在网站中搜索:”中输入“FRONTPAGE”,单击“开始搜索”按钮。
没有反应? 我们看一下预览窗口的标题:“该网页中存在着需要保存或发布后才可正常预览的元素”。这说明我们的搜索表单在发布到WEB服务器之前是不能正常工作的。
我们来看一看表单的工作原理。首先说说搜索表单和普通网页有区别:搜索表单可以让我们输入字符串,还可以查询关键字。而普通网页只能让浏览者通过选择超链接的方法进行选择,察看指定的网页,这些网页都是事先设计好的,在浏览时并不改变。但是搜索表单的查询结果可以不一样,每次查询都会改变网页的显示内容,这也就是说搜索表单在浏览时显示是可以改变的。
我们再来看一下表单的工作过程:
1.首先,用户输入要查询的关键字,然后单击“开始搜索”按钮,浏览器就会把用户输入的信息发送到WEB服务器,这个过程叫做提交; 2.接着WEB服务器受到信息之后就进行查询找到相关的网页,提取它们的大小、名字的等信息,并把这些信息格式化为WEB网页; 3.最后,服务器再把格式化后的网页发回用户的浏览器,这时用户就看到查询到的信息了,我们把这个过程叫做表单处理。
也就是说,表单处理的过程是在WEB服务器上完成的。正是因为这个道理,我们如果不把搜索表单发布到服务器就不能正常使用搜索表单的功能。
Frontpage2000教程 第十一课 创建讨论组
作者:未知
阅读人次:5164
文章来源:未知
发布时间:2004-11-20
网
友评论(4)条
创建讨论组(上)
上节课我们学习了表单方面的内容,利用表单的各个字段,可以设计出各种各样的在浏览者和站点之间进行交互的网页。其中讨论组就是应用得很广泛的一种。
看,这就是一个讨论组站点,在这里可以让浏览者对一个话题进行讨论。浏览者可以阅读别的浏览者发送的文章,也可以对阅读的文章进行回复。浏览者还可以发送一篇新文章。使用搜索表单,浏览者可以迅速的找到要自己感兴趣的文章。
讨论组的创建使用了框架、表单、FRONTPAGE组件等功能。要从头创建一个讨论组确实不容易。不过使用FRONTPAGE提供的讨论组向导,建立一个讨论组还是很愉快的一件事情。
我们单击“文件”菜单,选择“新建”选项,单击“站点”命令,进入“新建”对话框,单击“讨论站点”图标,将“添加到当前站点”复选框选中,这样我们就可以在前站点下添加讨论组了,单击“确定”按钮
这时文件夹列表多了几个文件,这些就是我们讨论组所用的网页。
我们再来看看多出的这几个文件各有什么作用:
“article_welc.htm”是讨论组的欢迎网页;
“article_nav.htm”是讨论组的导航栏网页;
“article_post.htm”是浏览者发送文章用的表单网页;
“article_cfrm.htm”是表单的确认网页;
“article_topic.htm”是讨论组的所有文章的目录;
“article_frm.htm”是一个框架网页,在这个网页里可以同时显示讨论组的目录、导航栏和文章内容;
“article_search.htm”是搜索文章的网页。
只要你愿意,你可以像编辑普通网页一样,修改这些网页,添加你需要的内容。
我们发布站点之后,在浏览器里浏览站点。
在这里我们就可以通过“发表新文章”和“搜索”超链接来发表文章和搜索已有文章。
现在我们单击“发表新文章” 超链接,这时确认表单就出现了,告诉浏览者他们发送的文章已经成功地发送到了服务器。
现在我们单击“刷新整页”按钮进入讨论组的框架网页。
在这个网页的上方是讨论组的导航栏框架内容网页,左方把文章和对文章的回复以目录的形式列了出来。我们单击左方的文章,如果单击“回复”超链接我们还可以对当前阅读的文章进行回复。
Frontpage2000教程 第十二课 站点的发布
作者:未知
阅读人次:9583
文章来源:未知
发布时间:2004-11-20
网
友评论(3)条
建立站点服务器
我们在设计好站点之后,就可以将站点发布到WEB服务器了。只要安装个人WEB服务器,就可以建立自己的WEB服务器了。
在WINDOWS安装盘里有一个Add-onsPWS目录,这个目录存放着WINDOWS个人网站服务器的装文件,我们执行这个目录下的“SETUP.EXE”应用程序就可以安装个人网站服务器。在安装完毕后,在WINDOWS任务栏的右方就会有个人网站服务器的图标出现。此时系统会提示我们要重新启动计算机。
重新启动计算机后,我们双击个人网站服务器图标,进入个人WEB管理器,“HTTP://xiaosong”就是我们的个人网站的地址。
我们来看看怎么把自己的站点发布到新建立好的个人网站服务器。刚安装好的个人网站服务器还需要配置FRONTPAGE的服务器扩展。
配置FRONTPAGE的服务器扩展有几个好处:
首先,如果我们不配置FRONTPAGE的服务器扩展,那么有的网页功能就无法实现,比如:查询表单、计数器、一些可插入的组件都无法正常工作。
其次,服务器扩展程序还可以自动为我们更新文件和超链接。在每次我们发布站点的时候,服务器扩展程序都会自动比较待发布的本地站点和服务器上的站点,找出其中的不同之处并做相应的更新。
最后在配置FRONTPAGE的服务器扩展之后,我们还可以以HTTP的形式发布我们的站点,甚至可以直接在FRONTPAGE里编辑服务器上的站点。
要配置FRONTPAGE的服务器扩展,首先要安装服务器扩展管理器。这是OFFICE2000安装对话框,这是OFFICE2000安装是的一个对话框,在这里我们可以选择安装OFFICE2000的哪些部件。单击“MICSOFT FRONTPAGE FOR WINDOWS”下拉列表,单击“服务器扩展管理表单”,选择“从本机运行全部程序”,这样服务器扩展管理表单就会被安装到计算机里。
用同样的方法选中“服务器扩展源工具”,单击“开始更新”,完成安装后,服务器扩展管理器就被装入计算机里了。
再来讲讲怎么配置FRONTPAGE的服务器扩展:单击“开始菜单”,选择“程序”,单击“MICROSOFT OFFICE工具”,选择“服务器扩展管理器”,这时我们就进入了服务器扩展的管理控制台。
教你怎么设计制作网站首先,可以告诉想设计制作网站或想从事网站制作相关行业的的朋友。做网站有很多种方式,不外乎自己开发,找人开发。找人开发这里就不说了,没有什么技术含量,准......
应用frontpage制作网页(二)一、网页美化A、添加网页背景:即整个网页的背景。在编辑窗口中选择“普通”选项卡,在编辑区单击右击选择“网页属性”调出“网页属性”对话框,选择“背......
PhotoShop制作网页登陆框教程PS教程为大家带来网站按钮制作教程,制作过程中主要应用渐变、蒙板等工具,希望大家喜欢!先看效果图:1、执行菜单:“文件”/“新建”(快捷键Ctrl+N),弹......
网页设计与制作教程目录第1章 网页设计与制作概述1.1网络的基础知识1.1.1 TCP/IP协议1.1.2 IP地址 1.1.3域名地址 1.1.4统一资源定位器 1.2图形图像的基础知识1.2.1位图与矢......
用FrontPage制作网页教程【教学目标】了解用FrontPage制作课件的优势与不足,学会用FrontPage制作网页型课件。 【重点难点】重点是如何在FrontPage插入多媒体素材,难点是课件......
