返回总目录
文件类型：PDF/Adobe Acrobat 文件大小：字节
更多搜索：返回 总目
返回总目录
目 录
第10章 制作特殊效果的网页.................................................................................2
10.1 插入日期和时间.........................................................................................2
10.2 加入声音.....................................................................................................5
10.3 在网页中插入视频...................................................................................17
10.4 制作动态HTML效果..............................................................................24
10.5 制作网页过渡效果...................................................................................30
10.6 插入高级元件...........................................................................................31
10.7 运用宏.......................................................................................................45
第10章 制作特殊效果的网页
在打开Internet上的一些站点时,往往会见到许多声音,动画,以及网页
间转换的过渡效果,这些特殊效果使页面变得不呆板,充满活力.
10.1 插入日期和时间
大部分的网页都会显示出最近的更新日期,让浏览者知道该网页内容的更
新程度.FrontPage 2000针对这一点,提供了日期和时间的功能,网页设计者
只要插入日期和时间,当网页更新时,日期和时间就会随之更新.
1)将插入点设置在要插入日期和时间的位置.
2)从"插入"菜单中选择"日期和时间"命令.
3)出现"日期时间属性"对话框,在"显示"区域中提供了两个显示更新
日期的选项(见图10.1).
选择"该网页上次编辑日期"选项,则以网页保存文件的时间为准,只
要网页一经重新保存,日期时间就会随之更新.
选择"该网页上次自动更新的日期"选项,不仅以该网页的保存日期为
准,而且其包含的网页如果有变动,则日期时间也会跟着一起被更新.
图10.1 设置日期时间属性
4)在"日期格式"和"时间格式"列表中选择所需的日期及时间的显示方
式.
5)单击"确定"按钮.
网页中的插入点位置显示了插入的日期和时间(见图10.2).
图10.2 网页中插入的日期时间
10.2 加入声音
为了让自己的网页充满活力,更吸引网友,只有图形图像是不够的,还必
须在网页中加入悦耳的音乐.
10.2.1 设置背景音乐
用FrontPage 2000制作网页时,为网页加入背景音乐是一件非常容易的事
情.
1)从"文件"菜单中选择"属性"命令.
图10.3 设置背景音乐
2)出现"网页属性"对话框,选中"常规"选项卡.
3)在"背景音乐"区域的"位置"栏中输入声音文件的路径及文件名,也
可以单击"浏览"按钮,在"背景音乐"对话框中选择一个声音文件作为网页
的背景音乐(见图10.3).
4)如果在当前站点中没有任何声音文件,单击"从计算机上选择一个文
件"按钮,在"选择文件"对话框中选择一个声音文件(见图10.4).
图10.4 选择背景音乐文件
5)单击"确定"按钮,将选取的声音文件导入到"网页属性"对话框中(见
图10.5).
图10.5 导入的声音文件
6)在"背景音乐"区域的"循环次数"选项栏中可以设置背景音乐播放的
次数,如果需要循环播放背景音乐,需选中"不限次数"复选框,否则在"循
环次数"栏中输入或选择播放的次数.
7)单击"确定"按钮.
此声音文件就成为网页的背景音乐.设置好背景音乐后,如果想将背景音
乐随网页文件一起保存,单击"常用"工具栏中的"保存文件"按钮.保存
文件时,会出现"保存嵌入式文件"对话框,将背景音乐文件保存到当前站点
中(见图10.6).
图10.6 保存背景音乐文件
在FrontPage 2000中,除了Wav文件之外,还有下列几种音乐文件可以用
来当作背景音乐播放:
MIDI音乐文件(扩展名:MIDI,MID)
AIFF文件(扩展名:AIF,AIFC,AIFF)
AU文件(扩展名:AU,SND)
10.2.2 用超链接加入声音
使用超链接的方法也可以在网页中加入声音.背景音乐是当打开站点时,
声音就播放出来;而使用超链接加入的声音,则必须单击超链接对象才能播放.
1)如果当前站点中没有包含要链接的声音文件,需要先将声音文件导入当
前的站点中.从"文件"菜单中选择"导入"命令.
2)出现"导入"对话框,单击"添加文件"按钮,在"将文件添加到导入
列表"对话框中选择要导入的声音文件(见图10.7).
图10.7 将声音文件导入站点中
3)单击"打开"按钮,选取的声音文件出现在"导入"对话框中.单击"确
定"按钮.
4)选择要创建超链接的文字或图片,然后单击"常用"工具栏中的"超
链接"按钮.
5)出现"创建超链接"对话框,在列表中选择要链接的声音文件(见图10.8).
图10.8 选择要链接的声音文件
6)单击"确定"按钮.
选择的文字或图片创建了超链接,单击"常用"工具栏中的"保存文件"
按钮将网页保存.然后单击"在浏览器中预览"按钮,在浏览器中单击创建
的超链接就可以播放声音.
如果使用浏览器听不到声音,可在浏览器中的"工具"菜单中选择"Internet
选项"命令,在出现的"Internet选项"对话框中选择"高级"选项卡,然后
选择"多媒体"下的"播放声音"复选框(见图10.9).
图10.9 设置播放声音
10.3 在网页中插入视频
在网页中插入视频可以使网页真正地动起来,能更加吸引站点的访问者.
10.3.1 插入视频
若要在网页中插入视频,请按下列步骤操作.
1)将插入点设置在要插入视频的位置.
2)从"插入"菜单的"图片"子菜单中选择"视频"命令.
3)出现"视频"对话框,如果对话框中没有视频文件,可单击"从计算
机上选择一个文件"按钮.
4)在"选择文件"对话框中选择所需的视频文件(见图10.10).
图10.10 选择视频文件
5)单击"确定"按钮.
图10.11 在网页中插入的视频
视频图像出现在插入点位置(见图10.11).用鼠标单击视频图像就会选择该
视频图像,此时视频图像的周围会出现8个控点,使用鼠标拖动控点可以改变
视频图像的大小.
10.3.2 设置视频播放方式
加入视频之后,可以对视频播放的方式进行设置.具体操作如下:
1)使用鼠标右键单击视频图像,从快捷菜单中选择"图片属性"命令.
2)出现"图片属性"对话框,选中"视频"选项卡.
3)"视频源"选项中显示的是视频文件的名称(见图10.12),如果希望插入
另外一个视频文件,可单击"浏览"按钮,在出现的"视频"对话框中选择一
个视频文件.
图10.12 设置视频播放方式
4)若要选中"在浏览器中显示控件"复选框,就会在浏览器中显示AVI播
放控制器.
如果插入的视频文件比较大,最好选择此项,这样可以自己控制视频的播
放过程.
5)在"循环次数"选项栏中可以输入视频文件重复播放的次数.
6)如果选中"不限次数"复选框,打开网页之后视频文件会一直重复播放.
7)在"循环延迟"选项栏中输入的数值可以控制两次播放之间的停顿时间,
这个值的单位是毫秒.
8)"播放"区域中的两个选项控制视频开始播放的条件,如果希望进入网
页时就自动播放视频文件,需选中"打开文件时"复选框;如果希望当用鼠标
单击视频图像时开始播放,应选中"当鼠标悬停于其上时"复选框.
10.3.3 用超链接加入视频
与使用超链接加入声音的方法相同,也可以使用同样的方法加入视频.
1)选择要创建超链接的文字或图片,然后单击"常用"工具栏中的"超
链接"按钮.
2)出现"创建超链接"对话框,在列表中选择要链接的视频文件(见图
10.13).
图10.13 选择要链接的视频文件
3)单击"确定"按钮.
选择的文字或图片创建了超链接,单击"常用"工具栏中的"保存文件"
按钮将网页保存.然后单击"在浏览器中预览"按钮,在浏览器中单击创建
的超链接就可以播放视频.
注意:如果用Netscape 4.0来观看播放效果,在链接到该视频文件后,还
必须在视频文件上单击鼠标右键,在出现的快捷菜单中选择"Play"命令才能
开始播放.
10.4 制作动态HTML效果
在FrontPage 2000中,不仅能用文字作出移动的字幕,而且还能制作出动
态HTML效果的文本.
1)选取要制作动态HTML效果的文字.
图10.14 "DHTML效果"工具栏
2)从"格式"菜单中选择"动态HTML效果"命令,显示"DHTML效果"工
具栏(见图10.14).
3)单击"开启"选项栏的下拉箭头,在下拉列表中选择一个事件,如单击,
双击,鼠标悬停或网页加载(见图10.15).
图10.15 设置开启方式
4)当在"开启"选项中选择"单击"事件后,"应用"选项被激活,单击"应
用"选项栏的下拉箭头,在下拉列表中选择应用效果(见图10.16),如选择可
以使文字有飞出效果的"飞出"选项.
图10.16 设置应用效果
5)当在"应用"选项中选择了效果后,"选择设置"选项被激活,单击"选
择设置"选项栏的下拉箭头,在下拉列表中选择一种动态效果(见图10.17),
如选择"到左下部"选项,使文字向左下方移动.
图10.17 设置动态效果
设置了DHTML效果的文字显示在蓝色的边框内(见图10.18).单击窗口底部
的"预览"标签,切换到"预览"视图,用鼠标单击具有DHTML效果的文字,
此文字就会向左下方移动,直到在网页中消失.
图10.18 具有DHTML效果的文字
如果对文本的动态HTML效果不满意,单击"DHTML效果"工具栏上的"删
除效果"按钮,可以将DHTML效果删除.
10.5 制作网页过渡效果
由于FrontPage 2000使用了动态HTML技术,可以在网页中加入动画元素,
不仅如此,还支持网页之间的转换使用动态技术.当我们浏览Web站点从一个
网页切换到另一个网页时,将出现各种不同的效果.
1)打开需要设置过渡效果的网页.
2)从"格式"菜单中选择"网页过渡"命令.
3)出现"网页过渡"对话框,在"事件"下拉列表中选择对应事件(见图
10.19),如选择"进入网页"选项,就会在进入网页时出现过渡效果.
图10.19 设置网页过渡效果
4)在"过渡效果"列表框中选择一种过渡效果.
5)在"周期"文本框中输入过渡效果延续的时间.
6)单击"确定"按钮.
若要查看网页的过渡效果,单击窗口底部的"预览"标签,切换到"预览"
视图浏览网页的过渡效果.
10.6 插入高级元件
如今在浏览器中所能看到的网页,其丰富的变化已经超过过去所能想像,
而这些都要归功于各种控制元件的加入.这些元件其实就是一些HTML,但是通
过它们可以将文字,声音,图像,视频等元素以更互动,动态的方式呈现在网
页上.
10.6.1 插入HTML
虽然FrontPage 2000是一个"所见即所得"的网页编辑软件,不懂得HTML
语法的人也可以轻松制作网页,但对于一个HTML高手来说,还是应该让他有一
展身手的机会.只要从"插入"菜单的"高级"子菜单中选择"HTML"命令,
就会出现"HTML标记"对话框,在对话框中可以直接加入HTML标签(见图10.20).
图10.20 "HTML标记"对话框
注意:关于插入HTML的详细介绍,请参阅第12章"理解HTML".
10.6.2 插入Java程序
现在许多网页设计者都会在页面中加入Java程序元件,来增加网页的整体
效果.Java是一种程序语言,而Java程序则是利用Java语言开发出来的一种
特殊程序.只要浏览者的浏览器支持Java程序,就可直接在网页中加入Java
程序并执行,非常方便.
用户除了可以自己开发Java程序外,还可以从网络上取得,下载Java程
序的最佳站点就是Sun Microsystems公司的Java主页,它的URL
是:http://java.sun.com/applesInternet1)将插入点设置在要插入Java程序
的位置.
2)从"插入"菜单的"高级"子菜单中选择"Java小程序"命令.
3)出现"Java小程序属性"对话框,在"Java小程序源"文本栏中输入Java
程序的名称(见图10.21),输入时要注意大小写.
图10.21 "Java小程序属性"对话框
4)在"含有Java小程序的URL"文本栏中输入站点名称,如果已经将Java
小程序导入到当前站点中,就不需要设置此选项.
5)考虑到使用者的浏览器可能不支持Java程序,在"浏览器不支持Java
时显示的消息"文本栏中可以输入一些文字替代Java程序.
6)在"布局"区域中可以设置Java程序在网页中的位置.
7)在"大小"区域中可以设置Java程序的范围大小.
8)单击"确定"按钮,网页中插入了一个Java程序.
10.6.3 插入ActiveX控件
ActiveX控件是一些具有特定功能的软件,它和前面所说的Java程序有许
多相似之处.在网页中加入一些不同功能的ActiveX控件,可以播放Avi视频
文件,显示试算表内容等等.
在FrontPage 2000里面提供了很多现成的ActiveX控件,由于种类繁多,
无法一一详细列举其用法,因此在这里只举一个小小的例子来说明.
注意:如果想知盗更多一些ActiveX控件的相关功能,可以到站点
http://activex. microsoft.com上去详细了解.
1)将插入点设置在要插入ActiveX控件的位置.
2)从"插入"菜单的"高级"子菜单中选择"ActiveX控件"命令.
3)出现"插入ActiveX控件"对话框,在"选择列表"框中选择所需的ActiveX
控件(见图10.22),例如选择"Windows Media Player"控件.
图10.22 选择ActiveX控件
图10.23 插入的ActiveX控件
4)单击"确定"按钮,ActiveX控件出现在网页中(见图10.23).
5)若要设置此控件关联的文件,例如,插入了一个视频播放控件后,要设
置用此控件播放的视频文件.用鼠标双击网页中的控件.
6)出现"选项"对话框,选中"参数"选项卡.
7)在"属性名称"列表中选择"Filename"选项,然后单击"修改"按钮.
8)出现"编辑对象参数"对话框,在"值"区域中选择"网页"选项(见图
10.24),然后单击"浏览"按钮,在"选择文件"对话框中选择所需的视频文
件.
图10.24 选择视频文件
9)单击"确定"按钮,返回到"选项"对话框,视频文件的路径及文件名
出现在"值"列表中(见图10.25).
图10.25 显示视频文件的路径及文件名
10)单击"确定"按钮.
若想查看控件效果,单击窗口底部的"预览"标签,切换到"预览"视图
就会看到控件播放的视频效果(见图10.26).
图10.26 查看控件效果
注意:由于Netscape 4.0本身并未支持ActiveX控件,所以无法直接用它
来查看ActiveX控件的效果.
10.6.4 插入插件
在WWW世界里遨游时,经常会遇到一些浏览器无法自行处理的文件,像Word
文件,3D动画文件等等.为了解决这个问题,于是产生出一些软件模块,可以
和浏览器整合在一起,以便处理这些文件,这些软件就称为插件.
注意:插件主要是针对Netscape的浏览器所制作的,虽然Internet Explorer
也支持此功能,但仍有少数的插件在执行时会有问题.在使用插件来展示资料
之前,必须先安装好相关的插件才会看到效果.
一般来说有许多图形,音乐,多媒体等类型文件都已产生可以和浏览器整
合在一起的插件.
但是软件的更新日新月异,随时都有新的插件出现,如果想知道有哪些文
件可以用什么插件处理,最好的办法还是随时注意Internet上面的信息,或是
利用搜索资料的功能来查询.
1)将插入点设置在要插入插件的位置.
2)从"插入"菜单的"高级"子菜单中选择"插件"命令.
3)出现"插件属性"对话框,在"数据源"文本框中输入插件调用的数据
来源,可以单击"浏览"按钮,在"选择插件数据源"对话框中选择所需的文
件(见图10.27).
图10.27 选择插件数据源
4)在"大小"区域中可以设置插件的高度和宽度.
5)单击"确定"按钮.
插件出现在网页中(见图10.28),若要查看插件效果,单击窗口底部的"预
览"标签,切换到"预览"视图就会播放插件中的视频文件.
图10.28 显示插入的插件
10.7 运用宏
在网页中加入现成的ActiveX控件或Java程序固然方便有效,但如果想要
做出更互动的效果,例如单击按钮显示某些信息,或是输入资料后要判断资料
的正确性等等,那么在网页中就必须加入宏,VBScript和HTML.
10.7.1 创建宏
在制作站点时,时常会碰到在几个网页间都会使用到同样的互动效果,这
时就可以在FrontPage中制作一个宏动作.
1)从"工具"菜单的"宏"子菜单中选择"宏"命令.
2)出现"宏"对话框,在"宏名称"文本框中输入宏的名称(见图10.29).
图10.29 "宏"对话框
3)单击"创建"按钮,出现Visual Basic编辑器,在编辑器中可以编辑宏
动作(见图10.30).
图10.30 Visual Basic编辑器
4)宏动作编辑完毕,从"文件"菜单中选择"关闭并返回到Microsoft
FrontPage"命令.
如果对创建的宏动作感到不满意,可以打开"宏"对话框,在"宏名称"
列表中选择要编辑的宏,然后单击"编辑"按钮,就可以在Visual Basic编辑
器重新编辑这个宏.
10.7.2 删除宏
如果要删除宏动作,从"工具"菜单的"宏"子菜单中选择"宏"命令,
出现"宏"对话框,在"宏名称"列表中选择要删除的宏,然后单击"删除"
按钮,这时会出现对话框询问是否要删除宏(见图10.31),单击"是"按钮,
就会将这个宏删除.
图10.31 删除宏
返回总目录
目 录
第11章 站点的管理与发布......................................................................................2
11.1 站点的更新与管理......................................................................................2
11.2 发布站点的条件........................................................................................20
11.3 发布站点....................................................................................................21
第11章 站点的管理与发布
看完前面的章节后,相信各位读者对FrontPage 2000的网页制作功能,应
该都有相当的了解.但是事实上,除了网页的制作与编辑外,FrontPage 2000
还是一套功能强大的站点管理工具.本章将会讲述如何利用FrontPage 2000高
效率地维护,更新与管理站点,让你和站点时刻保持密切的联系.
11.1 站点的更新与管理
网络上的信息无时无刻不在体现着现代生活的高速,信息应该是最新的,
这就需要我们不断更新网页的内容,所以说站点的更新是一项巨大的工程.
根据每个文件最后修改或保存的日期,Frontypage2000会自动检测出哪些
文件需要更新,哪些不必修改,这样就可以节省很多上传文件的时间,提供工
作效率.
除了不断更新站点的内容,适当的时候也可以改变一下站点的风格,让浏
览者有一种耳目一新的感觉,这样你的站点才显得有生命力.
11.1.1 设置编辑程序
在网站的更新过程中,总是会碰到修改图形,制作GIF动画之类的工作,
可以根据个人喜好设置自己熟悉的相关编辑程序.
1)从"工具"菜单中选择"选项"命令.
2)出现"选项"对话框,选中"配置编辑器"选项卡,指定各种文件类型
对应的编辑程序(见图11.1).图11.1 指定编辑程序
3)单击"添加"按钮,会出现"添加编辑器关联"对话框(见图11.2),可
以设置一个新的编辑程序来编辑相应的文件类型.
图11.2 设置新的编辑程序
4)单击"确定"按钮,新的编辑程序出现在对话框中(见图11.3).
图11.3 添加新的编辑程序
5)单击"确定"按钮完成设置.
这样当我们编辑GIF图形时,双击该图形文件,就自动打开与之关联的编
辑程序.
11.1.2 任务管理
随着站点中文件与链接数量的增多,并且某个站点中可能有多人分别独立
工作,这就需要对自己的文件与链接进行标记,以便与他人的工作内容相区别.
在FrontPage 2000中,可以使用任务管理和维护站点.
1.添加任务
在几个人同时做一个项目时,如果你已经完成网页中所负责的图片部分,
而文字链接部分要由其他人来完成,这时可将网页添加到任务中,等待他人来
完成此任务.
1)选择作为任务的网页.
2)从"编辑"菜单的"任务"子菜单中选择"添加任务"命令.
图11.4 新建任务
3)出现"新建任务"对话框,在"任务名称"框中输入工作的名称(见图11.4).
4)在"分配对象"框中输入要完成此任务的工作者.
5)在"说明"框中输入对任务的简单的文字叙述.
6)在"优先"级区域中指定任务的优先顺序."高"表示最优先.
7)单击"确定"按钮.
8)若想查看任务,请在"视图"栏中单击"任务"按钮.
9)在"任务"视图中可以看到所有的任务分配(见图11.5).
图11.5 任务视图中的任务
2.将链接的新网页添加为任务
当设定链接到一个新网页时,若想将此网页的内容交由其他人编辑,也可
将此网页添加到任务中.
1)选定要定义超链接的文本或图像.
2)单击"常用"工具栏上的"超链接"按钮,或是从"插入"菜单中选
择"超链接"命令.
3)出现"创建超链接"对话框,单击"创建一网页并链接到该网页"按
钮.
4)出现"新建"对话框,在"常规"选项卡中选择一种网页模板.
5)在"选项"区域中选中"仅添加站点任务"复选框(见图11.6),单击"确
定"按钮.
图11.6 设置添加任务
6)出现"另存为"对话框,在"文件名"框中输入网页的名称(见图11.7).
图11.7 保存网页
7)单击"保存"按钮,建立了一个新的网页.
8)在"视图栏"中单击"任务"按钮.
9)在"任务"视图中可以看到这个新任务(见图11.8).
图11.8 添加的新任务
3.执行任务
如果有任务指派你来完成,可按下列步骤执行任务.
1)在"视图栏"中单击"任务"按钮,进入"任务"视图.
2)在任务列表中选择分配给你的任务,单击鼠标右键,从快捷菜单中选择
"开始任务"命令(见图11.9).
图11.9 选择任务
3)进入网页编辑状态,根据根本的任务编辑网页内容(见图11.10).
图11.10 编辑网页内容
4)完成任务后单击"常用"工具栏上的"保存"按钮,在保存文件时会出
现对话框询问此项任务是否已经完成(见图11.11).
图11.11 询问是否完成此项任务
5)在"视图栏"中单击"任务"按钮,在"任务"视图中可以看到这
项任务已经标识为"已完成"(见图11.12).
图11.12 标识完成的任务
4.删除任务工作记录
完成的任务记录可以保留下来以便查阅,但也可以将它删除.
1)在任务列表中选择要删除的任务记录.
2)单击鼠标右键,从快捷菜单中选择"删除"命令.
图11.13 删除的工作记录
3)出现"确认删除"对话框(见图11.13),单击"是"按钮.
4)选择的任务记录被删除.
11.2 发布站点的条件
当我们精心建立了自己的Web站点后,就可以向Internet或Intranet上
发布自己的成果,以实现信息共享.不过站点发布应该具备下面几个条件:
1.与Internet的连接
不管是申请网页存放空间,还是发布网页,你都必须能与Internet相连,
可以通过电话和调制解调器与Internet相连,也可以通过局域网与Internet
相连.
2.网页存放空间
首先就是申请一个网页存放空间,来存放你的站点,也就是说将你的站点
放到Web服务器上.在Internet上有很多地方可以提供免费的个人主页存放地,
国内比较著名的有:广州网易,瀛海威等.
3.是否支持FrontPage Server Extension
FrontPage Server Extension(FrontPage服务器扩展程序)是一个支持
FrontPage服务器工具的补丁程序.如果WWW服务器上提供了FrontPage服务
器扩展程序,也就是说WWW主机上安装了FrontPage Server Extension,那么
你的发布步骤会简单一些.否则,网页中设置的许多动态HTML将无法正确显示.
4.发布软件
发布软件是用来将网站由你的计算机传送到Internet服务商所提供的网页
存放地.用于网页发布的软件有很多,比如:cuteFTP,WS-FTP,可以根据个人
喜好选择.FrontPage 2000本身也提供了相当方便的网页发布方式.
发布开始前,必须确认以下信息:
Internet服务提供商连接
服务提供商使用的协议,如FTP,HTTP Post或CRS
发布文件使用的Web服务器的统一资源定位符(URL)
发布文件服务器上文件夹名
11.3 发布站点
为了便于用户发布站点,FrontPage 2000提供了一个相当方便的网页发布
工具,只需完成其中的设置,就可以成功地将自己的主页发布到Internet中去.
1)在FrontPage 2000中,打开想要发布的站点(见图11.14).
图11.14 打开网站
2)在"常用"工具栏中单击"发布站点"按钮,或者从"文件"菜单中
选择"发布站点"命令.
3)出现"发布站点"对话框,在"指定发布站点的位置"文本框中输入要
发布站点的位置(见图11.15).如果没有站点建立提供商,可以单击"WPP"按
钮,启动浏览器并打开微软提供的一个地址,凡是在这里登记ISP都可以完全
支持FrontPage 2000提供的各种扩展工具.
图11.15 输入发布站点的位置
4)单击"选项"按钮,可以选择发布所需的选项(见图11.16),如果你是第
一次发布这个站点,可以使用默认选项"只发布更改过的网页",当下一次发布
同一站点时,将只发送更改过的网页,这样可以节省上网更新时间.
图11.16 设置发布选项
提示:SSL是网上的一种安全协议,只有提供了这种服务的服务器才能选择
此项,对于大多数用户来说,没有必要选择这种层次的安全服务.
5)设置好发布地址,单击"发布"按钮,FrontPage 2000开始检测WWW服
务器的状态.
6)FrontPage与服务器连接成功后,就会出现"要求提供用户名和密码"对
话框(见图11.17),要求输入用户名和密码,这些内容都是你申请站点时ISP
提供给你的信息.
图11.17 提供用户名和密码
7)设置完毕后,单击"确定"按钮.
开始站点的发布过程(见图11.18).当网页发布成功后,在浏览器打开站点
仔细浏览一下,看看站点中每个网页是否正确的显示.
图11.18 网页发布过程
网页不能正确显示的原因有很多,最有可能的就是文件名的大小写问题.
通常浏览时,使用者只要输入网站地址,就可以直接进入主页,例如输入网站
地址"http://home.hn.cninfo.net/home/ydh/index.htm",就会直接进入ydh
的首页.如果你的主页文件名中有大写的字母,请在Frontpage 2000中将其该
为小写.
当你的网页内容有更新时,只要再单击"常用"工具栏中的"发布站点"
按钮,即可将修改过的网页上传.
返回总目录
目 录
第12章 理解HTML.................................................................................................2
12.1 HTML概述.................................................................................................2
12.2 HTML的应用...........................................................................................21
第12章 理解HTML
虽然使用FrontPage 2000可以不需要编写任何的HTML语言,就能设计出
一个非常不错的网页,但是在制作网页时,FrontPage已经在背后自动编写
HTML.本章介绍HTML语法只为了让使用者在制作网页时,了解一下FrontPage
幕后的一些工作,领略HTML的风采.
12.1 HTML概述
HTML语言是超文本标记语言(Hyperlink Text Markup Language)的缩写.
它是一种描述文档结构的语言,而不能描述实际的表现形式.HTML语言使用标
签来指明文档中的不同内容.标签是区分文本各个组成部分的分界符,用来把
HTML文档划分成不同的逻辑部分(或结构),如段落,标题和表格等.标签描述
了文档的结构,它向浏览器提供该文档的格式化信息,以传送文档的外观特征.
12.1.1 HTML基础
1.HTML标签
HTML标签规定Web文档的逻辑结构,并且控制文档的显示格式,也就是说,
设计者可以用标签定义Web文档的逻辑结构,但是文档的实际显示则由浏览器
来负责解释.可以使用HTML标签来设置链接,标题,段落,列表和字符加亮区
域等等.大部分HTML标签形式如下:
〈标签名〉相应内容〈/标签名〉
标签的名字用尖括号括起来.HTML标签一般有起始标签与结束标签两种,
分别放在它起作用的文档两边.起始标签与结束标签非常相似,只是结束标签
在"〈"号后面多了一个斜杠"/".某些HTML元素只有起始标签而没有相应的
结束标签,例如换行标签,由于不包括相应的内容,所以只使用〈br〉就可以
了.还有一些元素的结束标签是可以省略的,如分段结束标签〈/〉,列表项结
束标签〈/li〉,词语结束标签〈/dt〉和定义结束标签〈/dd〉等等.
起始标签中可以包含属性(attribute)域,其位置是从标签名之后空一个格
的地方开始,在结束符(〉)之前结束.属性域向客户端提供了关于页面元素内
容以及如何处理的附加信息.
2.基本的页面格式
所有HTML页面都使用指明页面特性,标题,主体以及名称的标签.在标准
HTML页面上必须使用的标签如下(见图12.1):
图12.1 标准HTML页面使用的标签
...:开始标签是HTML文档的第一个标签,它通
知客户端该文档是HTML文档,类似地,结束标签应该出现在HTML文档
的尾部.
...:标签出现在文档的起始部分,标明文档的
题目(或介绍),该部分包含的是文档的无序信息.文档标题部分可以包含题目
和主题信息.结束标签指明文档标题部分的结束之处.
...:标签用来设定文档的标题(不超过64个
字符).用户在浏览HTML文档时,绝大多数浏览器会把文档标题显示在窗口顶
端的标题栏中.
...:HTML文档中的标签用来指明文档的主体区域,
该部分通常能够包容其它字符串(如标题,段落,列表等),HTML文档的主体区
域可以简单地理解成标题以外的所有部分.结束标签指明主体区域的
结尾.
3.段落与换行
一旦建立完页面的基本结构后,就需要在页面中加入文档.是一个段落
标签,它有两个标准用法,第一个用法是在段落的结束处放置一个单独的,
它相当于一个回车和一个换行的功能(见图12.2).
图12.2 插入标签
段落标签的另一种标准用法是使用开始标签和结束标签(见图
12.3).
图12.3 插入标签
是一个强制换行标签,如果在一行文本的结束处加入标签,文档
会被强制换行.这个标签是非常有用的,例如可以将它用在联系信息中(见图
12.4).
图12.4 使用标签
4.链接
在HTML中使用anchor标签来建立链接,在链接的语法中必须包含一个
参考属性href和一个结束标签,如下所示:
here's a link to another Page.
在链接语法中,定义一个超链接,href指定了目标URL,这个URL
可以是一个书签,网页或者站点.here's a link to another Page是超链接
对象.
在链接语法中,不仅可以从网页链接到网页,而且还可以在一个网页内部
链接.可以在HTML中,将链接分成两部分,一种是标准链接,另一种是页内链
接.
所谓标准链接,就是两个网页间的链接.在标准链接中也有几种链接法:
绝对链接就是要求在href中,输入一个完整的URL.当需要链接到另一
个服务器的网页时,一般使用绝对链接:
Visit the Sybex Web site
相对链接是当链接自己服务器上的网页时,可以不使用绝对URL链接,
而只要输入一个相对的URL就可以了,例如从自己的主页链接到确认网页:
Go to the confirm Page
如果同一个服务器中的两个网页在不同的目录下,该怎么办 例如,从
自己的主页链接到articles目录中的confirm.htm确认网页:
Go to the confirm Page
所谓页内链接,就是不仅可以链接到其他网页,而且还可以链接到单个HTML
网页的任何地方,在网页中定义一个书签book,然后可以在网页中设置一个页
内链接.
Go to the book
5.加入图像
在制作网页时,图像经常被插入到网页中,同样,如果使用HTML制作网页,
也会经常使用到图像标签.在图像标签中,不被要求插入结束标签.图像标签
是由图像标签和图像源src组成:
上述的HTML语法只是由最基本的图像标签组成的,一般图像插入到网页中,
都有尺寸,位置,边距等等,因此一个图像标签应该包含下列属性:
Width="X":定义图像的宽度.
Height="X":定义图像的高度.
Border="X":定义图像周围的边框厚度.X的值可以是任何一个数值.
Alt="X":表示当图像不能或不准备显示时,就用X的值显示在浏览器
中.
若要在图像标签中设置图像的尺寸,位置以及边距,标签如下:
当定义了图像的宽度,高度和边框时,浏览器会事先为图像准备布局.这
样可以改善浏览器浏览此网页的速度.
12.1.2 HTML排版技术
前面介绍了HTML的一些基本知识,在制作比较简单的网页时,可以将这些
HTML作为网页的主体,但是,随着设计变得越来越复杂,将需要一些排版方面
的技术支持.
1.表格
在制作网页时,为了使网页中的内容排列整齐,有序,经常会用到表格.
使用HTML创建表格,必须需要3个表格标签:
...:在HTML文档中,定义一个表格.
...:这是表格行的标签,它定义表格单独一行内的单元格.
...:定义表格中一个单独的数据单元格.
使用这3个标签可以建立一个简单的表格(见图12.5).
图12.5 制作基本表格
在实际制作网页时,网页中的表格要更复杂,更灵活.而且还要用到下列
表格标签属性:
align=X:指定表格沿网页的Left和Right对齐,以便四周的文本围绕
它显示.X是一个变量,可用Left或者Right替换它.
Border=X:以像素为单位指定表格边框的大小(粗细).X变量的值要求是
一个大于等于0的值.
Cellspacing=X:指定单元格之间的空白间距,以像素为单位.X变量的
值要求一个大于等于0的值.
Cellpadding=X:指定单元格分隔线与单元格内容之间的空白间距,以
像素为单位.
Width=X%或Width=X:可以使用相对宽度和绝对宽度的方式定义一个表格
的宽度.
相对宽度是指浏览器横向空间的一个百分比,而绝对宽度是指具体的像素
宽度.
Height=X%或Height=X:可以使用相对高度和绝对高度的方式定义一个表
格的高度.相对高度是指浏览器纵向空间的一个百分比,而绝对高度是指具体
的像素高度.
Colspan=X:指定一个单元格占用的列数.
Rowspan=X:指定一个单元格占用的行数.
使用这些标签属性可以制作一个比较复杂的表格(见图12.6).
图12.6 制作复杂的表格
在制作表格时,不仅要设置表格属性,还要设置单元格的属性.这时会用
到下列标签属性:
align=X:指定文档在单元格中的水平相对位置(见图12.7),其中X变量
的值可以是left,right或middle.X的值为left时,单元格中的内容将左对
齐;为Right时,单元格中的内容将右对齐;为middle时,单元格中的内容将
居中对齐.
图12.7 使用align标签
Valign=X:指定文档在单元格中的垂直相对位置(见图12.8),其中X变
量的值可以是top,middle或bottom.X的值为top时,单元格中的内容在单
元格的上端;为middle时,单元格中的内容在单元格的中间;为bottom时,
单元格中的内容在单元格的下端.
图12.8 使用valign标签
2.框架
当一个网页由几部分组成时,就要使用到框架,建立一个基本的框架网页
至少需要3个独立的HTML网页.在建立框架时,首先需要设置框架,即控制框
架布局和由HTML代码组成的网页.然后,每个框架建立起一个独立的代码页面.
在设置框架时,首先需要建立行或列,以及填充那些行或列的HTML页面,
可以使用下列标签来实现.
...:定义一个框架网页,它的基本参数定义行
和列,结束标签用于结束框架网页.
...:定义一个单独的框架.它包括该框架中载入的网
页的位置,可以使用src=X来指明这个位置.X是这个HTML页面的相对或绝对
URL.
同表格一样,框架也是通过创建行和列来建立的.但是相对表格而言,框
架更简单,在框架中,列是一个垂直的控制,行是一个水平控制.而且框架的
语法也十分简洁,行是rows,列是cols.Rows是指定框架网页中行的数量,
以及它们的相对或绝对大小.Cols是指定在框架网页中列的数量,以及它们的
相对或绝对大小.如果想建立4个等百分比的列,可以使用框
架语法cols="25%,25%,25%,25%",同样,建立4个等百分比的行使用
rows="25%,25%,25%,25%"就可以了.
建立框架网页行和列的组合,只需把rows和cols的值加入到适当的框架
标签中.图12.9就是使用rows和cols建立一个简单的框架.
图12.9 建立框架
在和标签中可以使用下列标签属性设置框架网页的属
性:
cols=X:指定框架网页中列的数量,以及它们的相对或绝对大小.
Rows=X:指定框架网页中行的数量,以及它们的相对或绝对大小.
Border=X:由Netscape Navigator 3.0以上版本来控制框架网页边框的
宽度,这个变量值以像素宽度来设置.
Frameborder=X:由Internet Explorer来控制框架网页边框的宽度,这
个变量值以像素宽度来设置.
Framespacing=X:由Internet Explorer来控制框架网页边框的宽度.
下列标签属性用于设置框架的布局:
frameborder=X:指定框架周围的边框.在Netscape Navigator中需要
一个yes或者no,打开或者关闭一个框架边框;在Internet Explorer中需要
输入一个数字像素宽度值.
Marginheight=X:以像素为单位指定框架顶部和底部边距大小.
Marginwidth=X:以像素为单位指定框架左侧和右侧边距大小.
Name=X:指定框架的名称,使它能被其他HTML页面中的超链接作为目标.
名称必须以一个标准字母或者数字开头.
Noresize:禁止框架的大小被用户改变.
Scrolling=X:用Scrolling="Yes","No","Auto"打开或者关闭滚
动条的显示;Auto是缺省值,它将滚动条的显示权力交给浏览器,浏览器根据
需要是否显示滚动条.
Src=X:指定框架中载入网页的URL.
12.2 HTML的应用
12.2.1 浏览HTML文件
上面介绍了HTML语法的一些基本知识,在编辑HTML语法时,不需要专门
的软件,只要一般的文档编辑软件就可以了,例如Windows中的记事本等.这
是因为HTML文件是以文档文件的格式保存的,只要任何能够编辑文档文件的软
件,都可以作为编辑HTML文件的工具.
在FrontPage 2000中有两种方法可以编辑HTML文件:一种是切换到HTML
视图模式,在HTML页面中对HTML文件进行编辑;还有一种是FrontPage 2000
提供了专门的HTML文件编辑器,只要从"工具"菜单的"宏"子菜单中选择
"Microsoft脚本编辑器"命令,就会出现Microsoft脚本编辑器,可以在脚
本编辑器中编辑HTML文件.
只要在FrontPage 2000的编辑窗口下方单击"HTML"标签,切换到HTML
视图就可以看到网页的HTML内容(见图12.10).
图12.10 HTML视图
如果想使用Internet Explorer来浏览HTML文件,在Internet Explorer 5.0
中的"查看"菜单中选择"源文件"命令,打开记事本程序,浏览当前网页的
HTML文件(见图12.11).
图12.11 用IE浏览HTML文件
除了上面两种方法可以浏览HTML文件外,还可以用Netscape Navigator
浏览器浏览.比较这3种浏览方式,会发现除了Internet Explorer之外,其
它两种方法:FrontPage 2000和Netscape Navigator都会将HTML程序代码用
不同的颜色显示出来.这样可以方便阅读,并且比较容易分辨HTML语法中的不
同功能.
12.2.2 加入HTML标签
随着HTML语法技术的发展,不断会有新的功能加进来,因此随时有最新的
版本.目前浏览器所普遍支持的HTML版本是3.2版,但是象Netscape和
Microsoft这两家浏览器的主力公司,会陆续发展出独创而非标准的HTML语法.
然而FrontPage 2000可以支持微软的浏览器所支持的HTML语法,却不支持
Netscape的.这时,便可以直接加入HTML语法,让Netscape浏览器的使用者
也可以看到相同的网页效果.
注意:如果想对HTML语法的版本有更深入的认识,可以到
http://www.w3c.org站点中找到相关的资料,这个网址是个W3C的站点,W3C
是一个负责制定各种与WWW有关标准的机构.
1.使用FrontPage编辑器
在FrontPage 2000的网页编辑窗口中,切换到HTML视图,可以象编辑其
它的文档一样来编辑HTML内容.而且HTML视图会根据语法功能的不同,为文
档加上不同的颜色,以方便辨认.
1)在FrontPage 2000中打开一个网页,在网页中将选取一个图像(见图
12.12).
图12.12 选取图像
2)单击窗口下方的"HTML"标签,切换到"HTML"视图,关于选取图形的
图像标签属性被选取(见图12.13).
图12.13 突出显示图像标签属性
3)在图像标签中,将align="Left"修改成align="Right"(见图12.14).
图12.14 修改图像标签属性
4)单击窗口下方的"普通"标签,切换到"普通"视图,选取的图形已经
移到网页的右边(见图12.15).图12.15 图像位置被改变
2.使用HTML标记
在HTML页面中修改HTML的内容,让人有眼花撩乱的感觉,这时,可以使
用插入HTML标记的方法,在网页中插入HTML语法.
使用HTML标记可以在"普通"视图模式下,在网页中插入一段HTML标签.
1)在FrontPage中打开一个网页,将插入点设置在要加入HTML标记的位置.
2)从"插入"菜单的"高级"子菜单中选择"HTML"命令.
3)出现"HTML标记"对话框,在文本框中输入图像标签(见图12.16).
图12.16 "HTML标记"对话框
4)单击"确定"按钮.
插入的HTML语法效果在"普通"视图中不会看到,切换到"预览"视图就
会显示使用HTML标记插入的图形(见图12.17).
图12.17 使用HTML标记插入的图形
切换到"HTML"视图,会看到在网页中加入的HTML标记内容的结果与HTML
其他标签有所不同(见图12.18).这是因为使用HTML标记加入的HTML内容,
FrontPage会将它作为是一个独立的组件.
图12.18 插入的HTML标记
·上一篇：第一部份
·下一篇：PNUMBERPLOCATION