第9章建立Web服务器和站点发布

1、第第9 9章章 建立建立webweb服务器和站点发布服务器和站点发布 第第9章章 建立建立web服务器和站点发布服务器和站点发布 9.1 pws和和iis介绍介绍 9.2 web站点开发实例站点开发实例 9.3 使用使用frontpage的视图管理站点的视图管理站点 9.4 站点的发布站点的发布 实训九实训九 第第9 9章章 建立建立webweb服务器和站点发布服务器和站点发布 9.1 pws和和iis介绍介绍 利用frontpage创建的站点要让人浏览，必须把它 发布到服务器上。pc机用户若要创建一个internet服务 器，目前可以利用pws和iis。 第第9 9章章 建立建立webweb

2、服务器和站点发布服务器和站点发布 pws的全称为personal web server，是微软开发的 个人网站服务器，主要应用于个人信息共享和web开 发，适合于创建小型的个人站点。利用pws，可以在 不上网的情况下对自己的网站进行调试，这样做能节 省上网费用。pws是一个桌面型的web服务器，使用 它可以自动创建个性化主页，以拖放的方式发布文档。 在pws的帮助下，我们可以快速简便地进行web站点 设置。 第第9 9章章 建立建立webweb服务器和站点发布服务器和站点发布 由于是面向个人用户，pws只能安装在微软的消 费类操作系统，即windows 98之上。如果对服务器的 功能、安全性等

3、有更多要求的话，应该使用微软的企 业级internet服务器软件iis。 iis(internet information server，互联网信息服务) 是windows服务器系列的internet服务组件，可以运行 于微软的服务器版操作系统之上，包括windows nt、 windows2000和windows xp。iis提供了比pws更高级 的稳定性和安全特性。 第第9 9章章 建立建立webweb服务器和站点发布服务器和站点发布 iis包括web服务器、ftp服务器、nntp服务器和 smtp服务器，分别用于网页浏览、文件传输、新闻服 务和邮件发送等方面，它使得在网络(包括互联网和局

4、 域网)上发布信息变成了一件很容易的事。随着微软的 不断改进，windows2000服务器iis已经逐渐取代 unix，成为了internet上最流行的web服务器软件组合。 第第9 9章章 建立建立webweb服务器和站点发布服务器和站点发布 9.1.1 pws的安装与使用的安装与使用 pws是随windows 98一同发售的，它包含在 windows 98的光盘中。要安装pws，在光驱里放入 windows 98的完整安装光盘，进入光盘的add-onspws 目录，双击setup.exe文件，开始安装personal web server。此时系统将弹出安装界面的第一步，提示pws 的的服

5、务功能，单击“下一步”按钮进入如图9-1所示 的界面。pws有“最小”、“典型”和“自定义”3种 安装选择，一般选“典型”安装即可。 第第9 9章章 建立建立webweb服务器和站点发布服务器和站点发布 如果希望要更多的示例和文档参考或者一些附加 特性，可选择“自定义”选项，打开pws详细组件选 择窗口，从中选择需要的部分，如图9-2所示。 第第9 9章章 建立建立webweb服务器和站点发布服务器和站点发布 图图9-1 pws安装类型选择安装类型选择 第第9 9章章 建立建立webweb服务器和站点发布服务器和站点发布 图图9-2 自定义自定义pws安装安装 第第9 9章章 建立建立webw

6、eb服务器和站点发布服务器和站点发布 设置好各个需要的组件之后，单击“下一步”按钮， 安装程序会弹出目录设置窗口。如无特殊需求，建议不 要更改，以缺省目录来安装。连续单击两次“下一步” 按钮，就进入了正式安装阶段，屏幕上会显示一个安装 进度条。当安装完成后，系统会提示重新启动计算机。 系统重新启动后，会在右下角的系统托盘中多出一个手 托文档的图标。这就是pws的快速访问图标 ，双 击该图标可以迅速调出pws的设置窗口，如图9-3所示。 第第9 9章章 建立建立webweb服务器和站点发布服务器和站点发布 打开浏览器，在地址栏中输入“localhost”或 “”后回车。这时如果

7、出现了pws的欢迎画面， 表明pws安装成功。 由图9-3可看出，pws的管理器界面共有5个部分， 可分别管理不同的功能。下面分别来讲解各个功能模 块的作用。 第第9 9章章 建立建立webweb服务器和站点发布服务器和站点发布 图图9-3 pws设置窗口设置窗口 第第9 9章章 建立建立webweb服务器和站点发布服务器和站点发布 1. 主屏主屏 主屏又细分为“发布”和“监视”两部分。“发 布”中的按钮可以控制web服务器的运行、停止。 “监视”中的内容是对web站点访问的一些统计信息。 本例中的主页是“http:/169”。这是pws根据你的主机 名所建的虚拟域名。主页所在的位置是 “c:

8、inetpubwwwroot”。就是 说，当在浏览器的地址 栏中输入“169”时，所访问的是保存在 “c:inetpubwwwroot”的站点文件。 第第9 9章章 建立建立webweb服务器和站点发布服务器和站点发布 2. 发布发布 这里提供了定制个人发布主页及编辑发布文件列 表的功能，将文件发布出去，以供给别人浏览和下载。 按照向导的提示完成发布后，用户的主页中就多了一 个“查看我发布的文档”的超链接。单击可查看或下 载你所发布的文件。 3. web站点站点 可在这里编辑主页，查看来宾簿，打开留言簿， 以得到一些反馈信息。 4. 教学课程教学课程 这里提供了快速学习和使用pws的方法。 第

9、第9 9章章 建立建立webweb服务器和站点发布服务器和站点发布 5. 高级高级 从“高级”选项中可以看到当前web服务器虚拟目 录的结构。一般不用再对它进行修改，pws在安装的 时候就为我们设置好了，如图9-4所示。 在“默认文档”中，可改变当以 http:/的形式访问时，浏览器默认调用 的文件名以及调用时搜索的顺序。我们知道，浏览器 只能显示一个一个的web页面，那为什么输入像 这样的站点名也可以打开呢？这就是“默 认文档”在起作用。 第第9 9章章 建立建立webweb服务器和站点发布服务器和站点发布 启用“默认文档”后，只需在浏览器中输入站点名， 浏览器便会自动打开站点内的“默认文档

10、”所指定的 web文件。如果选中了“允许浏览目录”，则浏览文 件夹时，如果此文件夹中没有“默认文档”中指定的 任何一个文件，则会自动以“列目录”的方式把此文 件夹中所有的文件和目录都显示出来。 第第9 9章章 建立建立webweb服务器和站点发布服务器和站点发布 图图9-4 pws的的“高级高级”选项选项 第第9 9章章 建立建立webweb服务器和站点发布服务器和站点发布 9.1.2 iis的安装与使用的安装与使用 在windows 2000和windows xp中都已经集成了iis， windows 2000中集成的是5.0版，windows xp中集成的 是5.1版。默认情况下，不会在w

11、indows xp上自动安装 iis，可以通过“控制面板”中的“添加或删除程序”安 装iis或选择附加组件。要安装iis，首先进入“控制面 板”，依次选择“添加或删除程序”“添加/删除 windows组件”，显示“windows组件向导”，如图9-5 所示。 第第9 9章章 建立建立webweb服务器和站点发布服务器和站点发布 图图9-5 安装安装iis组件组件 第第9 9章章 建立建立webweb服务器和站点发布服务器和站点发布 在“web组件”对话框中，取消选择“internet信 息服务(iis)”的复选框(如果有)，重新勾选后单击“下 一步”即可完成iis组件的添加。用这种方法将最大化

12、 安装iis组件，包括web、ftp和smtp等全部服务。 如果只需要建立一个web服务器，而不需要ftp等 服务，则为了性能和安全性方面的考虑，应该仅仅安 装需要的组件。单击“internet信息服务”，然后单击 “详细信息”，弹出iis详细组件列表，如图9-6所示。 只选择“internet信息服务管理单元”、“公用文件” 和“万维网服务”3项即可。 第第9 9章章 建立建立webweb服务器和站点发布服务器和站点发布 图图9-6 定制定制iis组件组件 第第9 9章章 建立建立webweb服务器和站点发布服务器和站点发布 安装完成后，打开“控制面板”，依次选择“管 理工具”“intern

13、et信息服务”，打开iis配置界面，如 图9-7所示。 第第9 9章章 建立建立webweb服务器和站点发布服务器和站点发布 图图9-7 iis管理器界面管理器界面 第第9 9章章 建立建立webweb服务器和站点发布服务器和站点发布 internet信息服务管理单元提供了一些服务器管理 选项，用于控制网站或ftp站点的内容以及对这些站点 的访问。例如，如果你是一位开发人员，在将站点上 载到internet之前要对站点进行测试，则可以使用此工 具测试你的设置并查看这些设置在最终服务器上的精 确效果。在以前版本的iis中，此工具称为internet服务 管理器。 internet信息服务管理单元

14、包含下列功能。 第第9 9章章 建立建立webweb服务器和站点发布服务器和站点发布 服务器的一些附加设置，如管理ftp站点、隔 离应用程序、映射mime类型或指定其他脚本引擎等。 新建虚拟目录的向导。 管理internet信息服务网络安装的功能。 第第9 9章章 建立建立webweb服务器和站点发布服务器和站点发布 iis管理窗口的界面与windows资源管理器的界面 相似，左边为站点列表，单击站点名称前面的“加”、 “减号”可以展开、收缩站点的文件夹列表；选中一 个文件夹时，在右边的子窗口中会列出所选文件夹的 详细文件列表，在“操作”菜单中有对当前选择站点 可以使用的命令列表。 第第9 9

15、章章 建立建立webweb服务器和站点发布服务器和站点发布 在安装iis的同时，系统建立了一个简易的默认站 点，站点名为“计算机主机名”，在本例中为 “ccxp”，对应于本地路径“c:inetpubwwwroot”(iis 默认值)。该默认站点有两个虚拟目录iishelp和msmq。 利用虚拟目录可以将分散在各处的文件组织在一个站 点里面。 设本机的ip地址为，自己的网页放在 d:mysite目录下，网页的首页文件名为index.htm，现 在根据这些建立自己的web服务器。 第第9 9章章 建立建立webweb服务器和站点发布服务器和站点发布 对于此web站点，可以用现

16、有的“默认web站点” 来做相应的修改后，就可以轻松实现。选中“默认网 站”，单击右键后在快捷菜单中选择“属性”，或单击 工具栏上的属性图标 ，弹出“默认web站点属性” 设置窗口。 修改绑定的ip地址：单击“网站”选项卡，在“ip 地址”下拉列表中选择所需用到的本机ip地址 “”。 修改主目录：单击“主目录”选项卡，在“本地路 径”输入(或用“浏览”按钮选择)自己网页所在的 “d:mysite”目录，如图9-8所示。 第第9 9章章 建立建立webweb服务器和站点发布服务器和站点发布 图图9-8 网站主目录属性网站主目录属性 第第9 9章章 建立建立webweb服务器

17、和站点发布服务器和站点发布 添加首页文件名：单击“文档”选项卡，再按 “添加”按钮，根据提示在“默认文档名”中输入自 己网页的主页文件名“index.htm”。 添加虚拟目录：比如主目录在“d:mysite”下， 而你想输入“/music”就可调出 “e:mariahcarey”中的网页文件，这里面的“music”就 是虚拟目录。请在“默认web站点”上单击右键，选 择“新建”“虚拟目录”，依次在“别名”处输入 “music”，在“目录”处输入“e:mariahcarey”，之后 再按提示操作即可添加成功。 效果的测试：打开ie浏览器，在地址栏输入 “192.168.0.

18、1”之后再按回车键。此时，若能调出你自 己网页的首页，则说明设置成功。 第第9 9章章 建立建立webweb服务器和站点发布服务器和站点发布 9.1.3 使用使用frontpage服务器扩展管理站点服务器扩展管理站点 对于用frontpage开发的站点来说，为了使它在 web浏览器中具有一个web站点的全部功能，放置站点 的服务器应该安装frontpage服务器扩展。这些程序使 站点管理员能够管理站点，使设计者能够使用 frontpage的高级特性，使访问者能够正确访问站点。 一般来说，frontpage服务器扩展允许frontpage完 成下面的任务。 第第9 9章章 建立建立webweb服

19、务器和站点发布服务器和站点发布 1. 创作创作 服务器扩展可用于处理一些frontpage的高级创作 特性。如在整个web上创建导航栏，在web上处理网页 格式以及超链接的自动维护，创建讨论组、搜索表单、 计数器以及指定数据发送目标的表单。某些网页模板 也依赖于服务器扩展，它还使得多人创作和远程创作 成为可能。 第第9 9章章 建立建立webweb服务器和站点发布服务器和站点发布 2. 管理管理 服务器扩展可以为web设置安全权限，使不同的用 户可以对web具有不同等级的访问权利。如是否可以 运行脚本和程序，是否可对web进行创建、重命名和 删除的操作等。 第第9 9章章 建立建立webweb

20、服务器和站点发布服务器和站点发布 在frontpage 2002的服务器扩展中新捆绑了一个工 作组站点创作和管理工具sharepoint。sharepoint工作组 web站点在其上提供了一个位置，使工作组可以进行 通信、共享文档并且共同完成项目。用户仅使用一个 web浏览器就可以参与sharepoint工作组web站点讨论。 如果使用与sharepoint team services兼容的客户程序， 例如microsoft office xp，则可以与工作组web站点进 行无缝工作，向站点保存文档、在客户程序中编辑工 作组web站点文档并在客户程序和工作组web站点之间 移动信息。 第第9

21、9章章 建立建立webweb服务器和站点发布服务器和站点发布 frontpage 2002服务器扩展并不随office xp一同安 装，用户需要在office xp的安装光盘中找到“sharept” 文件夹，运行其中的“setupse.exe”来安装。这将同时 安装sharepoint和msde(microsoft数据引擎)，如图9-9 所示。 第第9 9章章 建立建立webweb服务器和站点发布服务器和站点发布 图图9-9 安装安装sharepoint 第第9 9章章 建立建立webweb服务器和站点发布服务器和站点发布 安装完成后，sharepoint已经为我们创建了一个比 较完备的工作组

22、站点。相对于pws和iis所创建的默认 站点来说，这个站点要精细、漂亮得多，功能也非常 强大。它使得工作组成员可以在这个站点上发表文件、 创建讨论板、组织投票、发布通告、留言等。如果你 的权限允许的话，你还可以对站点进行站点设置、用 户管理、安全检查等工作，而所有的这些工作只需用 一个浏览器即可完成。 打开浏览器，在地址栏输入在iis中的默认站点名 (本例中为http:/ccxp)，打开sharepoint站点，如图 9-10所示。 第第9 9章章 建立建立webweb服务器和站点发布服务器和站点发布 图9-10 sharepoint站点窗口 第第9 9章章 建立建立webweb服务器和站点发

23、布服务器和站点发布 这个站点提供了一个工作组站点的框架模板，用 户可以直接使用。在浏览器中单击相应的超链接，随 时可以为站点添加活动内容。站点管理员可以通过页 面顶端的工具条来管理站点。单击“站点设置”，再 单击“转到站点管理”，打开如图9-11所示的窗口。 站点管理员可以在这里进行以下工作。 第第9 9章章 建立建立webweb服务器和站点发布服务器和站点发布 图9-11 sharepoint站点管理窗口 第第9 9章章 建立建立webweb服务器和站点发布服务器和站点发布 管理用户和角色：更改匿名访问设置，添加、删 除用户，指定用户类型。 指定站点文档讨论和订阅设置：更改站点讨论和 订阅设

24、置，管理讨论和订阅的内容。 管理子站点：创建、合并、删除子站点。 指定使用率分析设置。 指定服务器健全检查设置。 第第9 9章章 建立建立webweb服务器和站点发布服务器和站点发布 9.2 web站点开发实例 在学习了如何创建和使用服务器后，我们现在把 注意力放在如何创建和发布web站点上来。在本章中， 我们将学习从网站规划、收集素材、页面制作，到网 站发布的全过程。 站点的创建并不是简单地把相关的网页通过超链 接组合在一起，而站点的发布也不是简单地把这些相 关的网页放在服务器上，特别是对一些比较复杂的站 点来说，我们需要借助frontpage 2002中的关于创建站 点的更为强大的工具来完

25、成站点的开发。 第第9 9章章 建立建立webweb服务器和站点发布服务器和站点发布 frontpage 2002具有远程编辑功能，可以直接编辑 服务器上的网页文件，但这要求服务器支持此项功能， 即服务器必须安装frontpage服务器扩展，而且常常会 受到时间、速度等因素的制约。所以，更多地是在本 地硬盘中进行站点的开发制作，待站点完成后再将它 上传到服务器上。 第第9 9章章 建立建立webweb服务器和站点发布服务器和站点发布 9.2.1 准备素材和建站环境准备素材和建站环境 要创建一个网站，首先要明确这个站点的类型， 是个人网站、企业网站还是政府网站等，各种类型的 网站应该具有它们各自

26、不同的风格。例如，一个个人 网站可以根据站点主人的意愿使用很夸张的色彩组合； 可以使用轻松、随意的行文风格；可以在不违反法律、 道德规范的情况下，随意增添站点的内容。而一个政 府网站就不能像个人网站或商业网站那样随意，无论 在色彩搭配还是版面布局上都应该给人一种庄重、严 肃、规范的感觉。 第第9 9章章 建立建立webweb服务器和站点发布服务器和站点发布 其次，就是要明确站点的目的、任务。是宣传、 广告性质的，还是服务性质的；它的面向对象；要向 访问者说明什么；访问者能从这个站点得到什么等等。 然后围绕着这个目标确立这个站点应该具有哪些内容。 接下来就是收集、整理资料，准备要往站点中添加的

27、内容了。 第第9 9章章 建立建立webweb服务器和站点发布服务器和站点发布 传统的媒体资料(如印刷品、照片等)要重现在网上， 必须经过数字化后转换为计算机可以处理的形式，也 就是说要将它们转换为一个具体的计算机文件。不同 类型的媒体数据有不同格式的计算机文件，而且随着 多媒体技术的迅猛发展和计算机性能的提高，web站 点的内容也越来越丰富多彩，表现形式也越来越多样 化，从最初的纯文本bbs到图文并茂的http网站，如 今更可以直接在web页面中嵌入电影、游戏等。 第第9 9章章 建立建立webweb服务器和站点发布服务器和站点发布 计算机上的各种媒体格式也经过不断的改进换代， 如今已达数十

28、种之多，且有的还有多个版本。它们之 中有的已被web创作工具和浏览器所支持，可以直接 拿来使用，有些则需要经过转换后才能用于网上。下 面我们对文本、图像(动画)、声音(音乐)这3大类进行 简单介绍。 第第9 9章章 建立建立webweb服务器和站点发布服务器和站点发布 1. 文本文本 书籍、报纸、手写文稿等文字资料除了手工再重 新输入以外，还可以用如下的办法：先用扫描仪将其 扫描为图像文件，再用ocr(光学字符识别)软件处理为 文本文件。 第第9 9章章 建立建立webweb服务器和站点发布服务器和站点发布 计算机上的文本格式常见的有纯文本文档，以 txt为扩展名(以下简称txt，其他类同)；

29、word和 windows写字板文档doc；wps文档wps；帮助文件 hlp和chm；网页文件htm等。除了txt文件是纯文 字文档，可以被所有的软件识别外，其他的文件中都 加入了其专属的控制文字和版面格式的控制代码，因 此须先转换为txt文件后再导入到frontpage中。现在 word 2002已经能很好地将doc转换为htm了。 第第9 9章章 建立建立webweb服务器和站点发布服务器和站点发布 还有就是文档存储时的内码格式问题。我国大陆 目前广泛使用的是gb2312标准，收录简体汉字6763个， 而台湾、香港地区使用的是繁体的big5码，两种编码 的文件不能互通，须经内码转换后才能

30、被识别。这一 情况已严重阻碍了两岸乃至华人地区的文化交流。为 此，国家已制定了最新的gbk大字符集标准。gbk标 准收录了简、繁汉字两万余，以往一些在计算机上打 不出来的生僻字已可以直接处理了。 第第9 9章章 建立建立webweb服务器和站点发布服务器和站点发布 frontpage在编辑网页时可以设置其所使用的内码 格式(参见图9-12)。在“网页属性”对话框的“语言” 选项页面中，“html编码”一栏指定了文档存储的 内码，如果访问者的计算机中安装了指定的字体，则 浏览器就可以正确地显示网页。 第第9 9章章 建立建立webweb服务器和站点发布服务器和站点发布 图图9-12 网页编码属性

31、网页编码属性 第第9 9章章 建立建立webweb服务器和站点发布服务器和站点发布 2. 图像图像 绘画、照片等图像资料可以用扫描仪扫描后输入 计算机中。不便于扫描的可先拍摄为照片再扫描，或 者用数字相机拍摄后直接输入到计算机中。 图像的格式比较丰富，按表现形式分有黑白、灰 度、彩色；按存储格式有1位(黑白)、4位(16色)、8位 (256色)、24位(16万色、真彩色)。它们是随着计算机 性能的提高而逐渐发展起来的，所需要的存储空间也 越来越大。在将一个图像文件保存时，又有bmp、gif、 pcx、jpg、png、tif等编码格式。 第第9 9章章 建立建立webweb服务器和站点发布服务器

32、和站点发布 在internet的早期，由于受带宽限制，web中不可 能使用太大的图像文件，gif文件因其具有较高的压缩 比，使得图像文件的体积较小，而且可以表现简单的 动画，所以得到了广泛的应用。但gif是一种8位编码 格式，只能表现出256种颜色，在图像的表现力上受到 一定影响，于是就有了jpg图像文件。jpg是一种24位 图像格式，在未压缩的情况下，24位图像的体积是8位 图像的3倍。但jpg图像使用一种有失真的压缩算法， 在损失一定图像细节的情况下得到极大的压缩比，使 jpg文件保持很小的体积以利于网络的传输。 第第9 9章章 建立建立webweb服务器和站点发布服务器和站点发布 jpg

33、文件虽然体积较小，但它只能表现静止图像。 得益于计算机通信技术的提高，宽带网络开始逐步普 及，近年来web中开始大量使用flash动画文件swf。 swf采用的是矢量存储格式，在表现图像的真实度上 不及jpg，但它丰富的动态表现能力弥补了这一缺憾。 而且swf中可以插入声音，具有交互能力，所以，近 几年来网上涌现出了大量的flash动画片、小游戏、 mtv、web广告等。 第第9 9章章 建立建立webweb服务器和站点发布服务器和站点发布 常见的视频文件格式有avi、mpg、dat、rm、 asf、wmv、mov几种。avi、mpg和dat由于文件 体积较大，并不适于网络播放，dat多见于v

34、cd光盘 中。网络中常见的是rm、asf、wmv 3种文件。rm 文件的压缩比较大，在低分辨率下表现尚可，在高分 辨率下图像显得比较粗糙。所以，近来的电影文件常 处理为asf或wmv格式。mov原是苹果计算机上的视 频格式，近年来也开始应用于pc机上。 第第9 9章章 建立建立webweb服务器和站点发布服务器和站点发布 3. 声音声音 磁带、模拟唱片等声音资料要录入到计算机中， 可将原始音源与计算机声卡的线路输入接口linein相连 接，重新录制为数字信号。cd、vcd、md等声音资 料虽然也可以采用这种方法，但转录后音质必然会有 所损失，况且cd等已经是数字信号，计算机已可以直 接处理，所

35、以，最好采用软件将其转换为声音文件的 形式。 第第9 9章章 建立建立webweb服务器和站点发布服务器和站点发布 声音文件也如同图像文件一般有8位、16位之分。 按采样率分，常用的有11千赫、22千赫和44千赫3种。 若是立体声格式的，还要存储两个声道的声音数据。 位数和采样率越高，所需要的存储空间也越大。举个 例子来说，一首cd音质44千赫16位立体声格式的 歌曲若是转为22千赫8位单声道格式的话，它的体积只 有原来的1/8。 第第9 9章章 建立建立webweb服务器和站点发布服务器和站点发布 pc机上常见的音乐文件有mid、wav、ra、mp3、 wma等几种。mid文件记录的是音乐的

36、“乐谱”，所 以它不能用来记录语音等自然声音，而且在不同的回 放设备上会有不同的表现，但它的文件体积非常小， 因此常常被用来作为网页的背景音乐。wav文件是出 现较早，也是使用最广泛的声音文件，只要是音乐软 件，必定支持wav文件格式。但是wav文件在存储时 并不压缩，使得文件体积过于巨大，不适合于网络传 播，因此ra文件适时而生。 第第9 9章章 建立建立webweb服务器和站点发布服务器和站点发布 在modem一统天下的时代，ra文件使得在有限 的带宽下的语音、广播、电台的网上实时传输成为可 能，正因为此，它被形象地称为“网络收音机”。也 正是因为ra文件的设计目标所限，它的音质不很理想，

37、 渐渐地已不能满足人们对高品质音乐的需求。 第第9 9章章 建立建立webweb服务器和站点发布服务器和站点发布 mp3的出现可以说是pc机音乐史上的一个里程碑。 同样的一首cd音质的曲子，mp3文件的体积只有wav 文件的1/10。mp3也是真正实用化、市场化的数字音乐 格式，如今和mp3有关的电子产品已是随处可见。针 对mp3可以随意复制、传播的弊病，微软提出了wma 音乐格式。wma中可以加入数字版权保护技术，如果 你没有得到相应的许可证的话，将不能播放。wma还 使用了更为先进的波形压缩技术，使它的体积仅为 mp3文件的一半。 第第9 9章章 建立建立webweb服务器和站点发布服务器

38、和站点发布 综上所述，不管是图像的gif、jpg，还是音乐的 wav、mp3，它们最根本的区别是什么？是所采用的 压缩算法。wav和mp3可以互相转换，它们最终表达 出的信息是一样的，但在记录形式上却有极大的差别采 用了更先进的算法，就可以减小文件体积，减小了体积 就减小了磁盘空间，就缩短了传输时间，就提高了效率。 在网络速率还不是很理想的情况下，web设计人员应该 对所使用的图像和音乐等数据小心处理，使之既能达到 设计的要求，又使网页的体积尽可能地缩小，这样才能 使得访问者不至因为漫长的等待而离去。 第第9 9章章 建立建立webweb服务器和站点发布服务器和站点发布 要建设一个网站还要准备

39、好相应的建站环境(即计 算机的软、硬件设备等)。 在实际的开发过程中，随着进度的推进，站点中 的内容越来越丰富，常常需要使用一些其他的软件工 具。比如，我们需要对网页的背景图片做一些特效处 理，或者要制作一个个性化的徽标等，就需要用到一 些图像处理软件。又比如，要将一首cd上的音乐作为 网页的背景音乐，就需要用到声音处理软件将它转换 为wav文件或mid文件。在站点制作过程中我们常常 需要在几种开发工具之间来回切换，而像图像处理软 件等又极其耗费系统资源，所以应该配备一台性能强 劲的计算机设备。 第第9 9章章 建立建立webweb服务器和站点发布服务器和站点发布 平时还要做好数据的备份工作，

40、否则一旦出现病 毒、硬件故障等问题，而又没有备份的话，所有的开 发成果毁于一旦，不得不从头重新开始，而其中有些 关键资料或许已经难以再获得。所以，一定要养成经 常备份数据的良好习惯。 第第9 9章章 建立建立webweb服务器和站点发布服务器和站点发布 9.2.2 建立站点结构和导航体系建立站点结构和导航体系 当我们访问一些世界知名的站点时，常会有这样 的感觉，那就是这些站点的组织结构非常合理。不论 处于站点中的哪个网页，也不论该站点的内容多么庞 大繁杂，我们总能很快找到自己所需要的东西，并且 能够很迅速到达自己想去的地方。 第第9 9章章 建立建立webweb服务器和站点发布服务器和站点发布

41、 的确，一个好的web站点离不开一个好的组织结构。 如何构建一个好的web站点或者网页，组织结构对于 设计者来说是非常重要的。一个站点框架结构的好坏 决定了该web站点的成败。网站框架的构建并没有统 一的规律，主要取决于设计者的经验和知识，但也有 几条基本的原则可供遵循。 第第9 9章章 建立建立webweb服务器和站点发布服务器和站点发布 1. 结构清楚结构清楚 创建一个好的web站点和写一篇作文一样，好的 文章首先要求结构清楚、思路清晰，创建一个web站 点同样如此。一个结构清楚的web站点，看上去简单、 明了，访问者在访问的时候不会迷失方向。反之，如 果web站点的结构不清楚，那么访问者

42、在访问的时候 就会有一种雾里看花的感觉。 请看下面的这个例子。图9-13所示是一个“个人站 点”的结构图，在这个站点中要介绍有关个人的一点 资料。这个结构图就显得非常清楚、明确。 第第9 9章章 建立建立webweb服务器和站点发布服务器和站点发布 图9-13 站点结构图1 第第9 9章章 建立建立webweb服务器和站点发布服务器和站点发布 而图9-14所示的一个站点的结构图就显得非常混乱。 当访问者访问“我的照片”时，下面一层却又出现了 “我的爱好”、“星际”等4个子页，这会让初次访问 者感觉摸不着头脑，如同进入迷宫一般。 第第9 9章章 建立建立webweb服务器和站点发布服务器和站点发

43、布 图图9-14 站点结构图站点结构图2 第第9 9章章 建立建立webweb服务器和站点发布服务器和站点发布 此外，图9-14所示的站点的结构图也不应该在不同 层次或层次相同但内容不相关的网页之间建立超链接 关系。所以，在实际设计过程中，一般采用如下两种 做法，以便让访问者能够很清楚地知道自己在网站中 的位置。 在任何一层的每一个页面中，都建立返回首页 的超链接。这样，访问者不管身处何处，总能够很快 返回主页面。 第第9 9章章 建立建立webweb服务器和站点发布服务器和站点发布 使用户必须在树形结构中倒退。这样，访问者 只能按照设定的路线行走，在到达某个层次的节点时， 才可以到达同层次的

44、其他网页。这种方法虽然看起来 比较笨重，但却非常适用。尤其是像上面这种站点， 由于整个网站的结构比较简单，只有3层，所以采用这 种方法还是比较合适的。 第第9 9章章 建立建立webweb服务器和站点发布服务器和站点发布 2. 层次简单层次简单 一个好的站点一定是结构清晰的，同时其层次也应 该尽量简单。一个复杂的大型web站点并不表示它的 结构层次也非常复杂。不妨看一看一些世界知名公司 的web站点，它们的站点层次大多很简单，用户能够 很快地找到他们需要的内容。 第第9 9章章 建立建立webweb服务器和站点发布服务器和站点发布 再来看上面“个人站点”的例子。通常像这样的 个人站点，其层次结

45、构最多不会超过3层。一是站点本 身比较简单，没有过多的内容；二是过多的层次结构 容易让访问者感到迷惘，总有一种路走不到尽头的感 觉，而且有时候会让访问者感到厌烦。 假如，将上面的“个人站点”的结构稍作改变，变 为如图9-15所示的结构图。 第第9 9章章 建立建立webweb服务器和站点发布服务器和站点发布 图图9-15 站点结构图站点结构图3 第第9 9章章 建立建立webweb服务器和站点发布服务器和站点发布 这样，这个结构图变成了5层的结构。这种较多的 层次结构看起来就十分复杂，尤其是对于那些初次访 问该站点的访问者来说，这样的层次结构会给他们带 来一些麻烦。在这个本身不是专门的音乐网站

46、的“个 人站点”，对“音乐”的组织就显得繁复。 对于一个简单的web站点尚且如此，如果要设计 和创建一个有大量内容的大中型web站点，那岂不是 有无从下手的感觉。如果站点本身的内容就比较多， 资料比较丰富，再加上这么复杂的结构，那么所创建 出来的站点一定会给人一种在走迷宫的感觉。 第第9 9章章 建立建立webweb服务器和站点发布服务器和站点发布 9.2.3 编辑和制作网页编辑和制作网页 在设计和创建一个web站点时，组织结构固然很重 要，但也不能忽视网页外观的设计。网站的组织结构 好比一栋大楼，而网页的外观就是这栋大楼的装修外 饰。当访问者初次浏览一个网站时，首先吸引他的就 是页面的外观。

47、 第第9 9章章 建立建立webweb服务器和站点发布服务器和站点发布 版面设计也是一项重要的工作，它要利用有限的 页面空间，将各种页面元素组织在一起。各种字体、 图片、颜色的搭配应当合理、和谐，努力使整个版面 做到整洁、美观、主次分明、图文并茂。一个web站 点优美的版面设计是吸引访问者的一个重要因素，它 既要求设计人员具有深厚的艺术修养和文化修养，来 表达网页的内涵，又需要设计人员具有丰富的计算机 知识，可以通过对各种计算机知识的运用来实现其设 计思想。 第第9 9章章 建立建立webweb服务器和站点发布服务器和站点发布 本节主要讲解如何从总体上去把握一个web站点的 版面设计，其中有哪

48、些基本的规律可以遵循。 版面设计虽没有一个定式，但一般来说应注意以 下两点。 第第9 9章章 建立建立webweb服务器和站点发布服务器和站点发布 1. 网站的风格要统一网站的风格要统一 一个网站是由很多个网页组成的，如果每个网页 的风格都不一样，一定会使整个网站显得杂乱、不协 调，甚至使访问者感到迷惘，不知自己是否还是在同 一个网站里，所以，一定要使站点内所有的页面保持 一致的风格。特别是在一个网站由多个人来共同开发 的情况下，更应该注意这个问题。 第第9 9章章 建立建立webweb服务器和站点发布服务器和站点发布 要使网站的风格保持一致，包括网页的色彩运用、 文本的风格(字体、大小、颜色

49、)、网页中有代表性的东 西都要保持一致。比如网页的主色调要统一，不能在 一个页面中使用了暖色调而在它的子页面中却使用了 冷色调。还有，网站的名称、网站的徽标、有代表性 的图片和动画等均要保持一致。 第第9 9章章 建立建立webweb服务器和站点发布服务器和站点发布 要使制作出来的网页的形式和内容协调统一，一 个很好的方法就是使用主题。主题是frontpage为网页 设计人员提供的一个非常有用的工具，它可以帮助我 们实现这个目标。主题可以运用在整个站点上，使站 点内所有的网页具有统一的外观和感觉，也可以运用 在站点的一部分或单个网页上。 第第9 9章章 建立建立webweb服务器和站点发布服务

50、器和站点发布 另一个使页面保持一致的方法是使用样式表。样式 表定义了网页的字体格式。我们可以定义一个样式表文 件，然后链接到站点内的网页中。这样，我们就将所有 网页的字体样式统一了。以后若想要改变站点的风格或 文字格式，只要改动这个样式表文件就可以了。 第第9 9章章 建立建立webweb服务器和站点发布服务器和站点发布 2. 版面的合理布局版面的合理布局 如果将整个页面作为单一的整体来放置文本或图像， 常常会使版面设计显得单调和缺乏生气。而框架和表 格的出现，正好打破了这种单一页面式一统天下的局 面。在网页设计中，灵活地运用框架和表格，可以使 页面的风格变得生动活泼，排版起来更加方便。 第第

51、9 9章章 建立建立webweb服务器和站点发布服务器和站点发布 框架的主要功能是将所创建的网页分割成大小不 同的区域，而每个区域各自独立，分别链接到不同的 网页或web地址，这能够很好地解决网页空间狭小的 问题。frontpage 2002提供了10种结构的框架模板，如 果运用得当，可以使网页布局合理、整齐。 表格也是一种改善页面布局的有力工具。表格可 以将整个页面分成排列有序的单元格，而各个单元格 又可以再进行分割或合并。利用这些单元格，可以更 为精确地控制文本和图像在页面中的位置，可以更加 灵活地对行和列中的信息进行排版组织。 第第9 9章章 建立建立webweb服务器和站点发布服务器和

52、站点发布 表格在图文混排中应用尤为广泛。frontpage是一 个基于行结构的排版工具，如果在一行中直接排放文 本和图像，会使整个版面看上去很糟糕。而表格就有 了分割版面的作用，一个个单元格就是一个个容器， 每一个容器可以存放不同的内容，可以有不同的对齐 方式，使我们能够更精确地定位页面元素。 第第9 9章章 建立建立webweb服务器和站点发布服务器和站点发布 9.3 使用使用frontpage的视图管理站点的视图管理站点 创建完一个站点后，最重要也是最辛苦的就是对 站点的管理。例如，如何保证所创建的web站点能够 顺利地运行，如何能够及时地更新web站点；如何能 够有效地管理和维护web站

53、点等。frontpage 2002提供 了许多强有力的管理站点的工具，譬如“视图”。 frontpage提供了6种视图，其中的“网页”和“导航” 视图我们在前面的章节中已多次用到，本节中，我们 将会讲述frontpage的另外4种视图在管理站点方面的作 用。 第第9 9章章 建立建立webweb服务器和站点发布服务器和站点发布 9.3.1 “任务任务”视图视图 当用户在“网页”视图中编辑网页时，经常会遇 到这样的情况：就是发现当某件事情需要完成时，在 关键时刻却没有足够的时间或者资源来完成。有了 frontpage 2002以后，用户就不必再像以往那样，在字 处理器或者是某个文本文件中草草地记

54、下这件事情， 而可以直接从“网页”视图中添加一个任务到“任务” 视图中去。 第第9 9章章 建立建立webweb服务器和站点发布服务器和站点发布 任务可以帮助跟踪web站点中需要完成的工作。可 以将任务分配给个人或工作组。任务可以包含对web 站点上或某个特定文件上要完成的工作的说明。对于 文件，可以将该任务与一个文件相关联，再将其分配 给自己或某个合作者。任务可以与web站点上的任何 文件(如web页、图片、声音)相关联。在“任务”视图 下，可以监视自己web站点中的任务状态，有哪些需 要完成，有哪些已经完成。 在编辑一个网页时需要添加一个任务，可以进行 这样的操作。选择“编辑”“任务”“添

55、加任务” 命令，弹出“新建任务”对话框，如图9-16所示。 第第9 9章章 建立建立webweb服务器和站点发布服务器和站点发布 图图9-16 新建任务新建任务 第第9 9章章 建立建立webweb服务器和站点发布服务器和站点发布 在“任务名称”中给任务建立一个合适的名称， 在“说明”中输入任务的简要说明，单击“确定”按 钮，新添加的任务就显示在“任务”视图中了。以后 待时机成熟时，我们在“任务”视图中该项任务上选 择“开始任务”，frontpage就会打开该项任务所关联 的文件。任务完成后，frontpage会提示你将该项任务 标记为完成，如图9-17所示。 第第9 9章章 建立建立webw

56、eb服务器和站点发布服务器和站点发布 图图9-17 任务完成任务完成 第第9 9章章 建立建立webweb服务器和站点发布服务器和站点发布 在大多数情况下，为站点创建的任务要么是通过 站点向导自动创建，要么是自己手工创建。在某些情 况下，比如执行拼写检查，frontpage 2002也会为错误 创建一个任务。这样一来，定期检查任务就是一件有 意义的事情了。我们在关闭自己的站点时，应切换到 “任务”视图中，检查一下是否有任务还未完成。 第第9 9章章 建立建立webweb服务器和站点发布服务器和站点发布 9.3.2 “超链接超链接”视图视图 web网页与其他网站或网页的联系是通过超链接实 现的，

57、因此，必须对网站中的超链接进行统一且有效 的管理。在frontpage中，管理超链接一般在“超链接” 视图中进行。打开一个站点，切换到“超链接”视图， 我们可以看到如图9-18所示的画面。 屏幕左边的窗格为文件列表，右边的窗格中显示 了站点的超链接结构，箭头表示该页面包含了跳转到 另一页面的超链接。到页面的链接出现在页面的左边， 从页面发出的链接出现在页面的右边。单击文件图标 上的加号可以展开这个文件所发出的超链接。 第第9 9章章 建立建立webweb服务器和站点发布服务器和站点发布 与“导航”视图不同的是，在超链接结构中一个 网页可以出现多次，并且出现在“超链接”视图中的 网页一定至少有一

58、个网页与它相链接。在“超链接” 视图中没有明显的层次关系，各网页按照超链接的方 向顺序排列，这一点也与“导航”视图不同。 第第9 9章章 建立建立webweb服务器和站点发布服务器和站点发布 图图9-18 “超链接超链接”视图视图 第第9 9章章 建立建立webweb服务器和站点发布服务器和站点发布 在视图的“文件夹列表”中选择一个文件，可以 列出到达这个文件和这个文件所发出的超链接，如图 9-19所示。 第第9 9章章 建立建立webweb服务器和站点发布服务器和站点发布 图9-19 查看文件的链接 第第9 9章章 建立建立webweb服务器和站点发布服务器和站点发布 在链接图标上单击右键，

59、在弹出菜单中选择“移 至中央”，也可以查看此文件的链接情况。如果这个 链接是一个外部的url地址或文件链接，可以选择 “验证超链接”来检查这个链接是否可用，frontpage 会尝试连接这个超链接。如果不能够连通，则箭头线 会从中间断开以表示这是一个断链，例如图9-20中的 “http:/www.starc”。 第第9 9章章 建立建立webweb服务器和站点发布服务器和站点发布 当发现网页中有断链时，应当立即进行修复。修 复断链之前，首先要查清楚产生断链的原因。 如果是内部断链，比如站点内的网页文件或图像等， 应在文件所在的文件夹下查看文件是否已丢失或被重 命名。如果文件已不存在，则需要重新

60、复制或新建一 个相同名字的文件。 第第9 9章章 建立建立webweb服务器和站点发布服务器和站点发布 如果是外部链接，首先应查看该链接的目标url 地址是否正确。如果正确，再查看该站点是否仍然存 在，或者链接指定的文件在该站点中是否已被删除， 还应检查网络连接是否通畅等。 在视图中的空白位置右击鼠标，会弹出视图的 “显示格式”菜单，如图9-21所示。 第第9 9章章 建立建立webweb服务器和站点发布服务器和站点发布 图9-20 超链接快捷菜单 第第9 9章章 建立建立webweb服务器和站点发布服务器和站点发布 图图9-21 设置超链接显示格式设置超链接显示格式 第第9 9章章 建立建立