dreamweaver第七章 网站的管理
本章在读者掌握了简单的网页的制作方法的基础上重点介绍建立网站的方法，包括网站的管理与维护、建立网站的过程、如何向远程服务器上传文件。通过本章的学习，读者可以掌握网站建设与管理的方法，以及上传文件的方法
本章在读者掌握了简单的网页的制作方法的基础上重点介绍建立网站的方法，包括网站的管理与维护、建立网站的过程、如何向远程服务器上传文件。通过本章的学习，读者可以掌握网站建设与管理的方法，以及上传文件的方法，帮助读者有效地把单独的、零散的网页组织起来，初步形成符合读者设计思想的网站。
7.1 网站管理与维护
前面的章节主要介绍了网页的制作技术，而一个网站都是由许多网页构成的，因此如何管理这些网页也是非常重要的。因为当一个网站的网页数量增加到一定程度以后，网站的管理与维护将变得非常繁琐，因此掌握一些网站管理与维护的技术是非常实用的，可以节省很多时间。
7.1.1 设置合适的网站文件结构
通常在开发网站的时候，并不是把所有的网站文件都保存在一个站点根目录下面，而是使用不同的文件夹来存放不同性质的文件。一个合理的网站文件结构对于开发者来说是非常重要的，它可以使站点的结构更清晰，避免发生错误。网站开发者可以通过合适的文件结构来对网站的文件进行方便的定位和管理。
如果建立起适合的网站文件存储结构，那么网站开发者就能够迅速定位自己需要的文件，或者将制作完成的文件存储到相应的目录中，进行网站开发工作。
下面介绍3种常用的网站文件组织结构。
方案一：最简单的存储方案，按照文件类型进行分类管理。
图7.1 按照文件的类型对网站的文件进行管理
将不同类型的文件存放在不同的文件夹中，这种存储方法适用于中小型的网站，该方法通过文件的类型对文件进行管理。图7.1所示的是这种类型的存储结构。
对于大型的网站来说，这种分类存放文件的方式并不适用，因为很可能同样种类的文件数量也相当多，仅仅根据文件类型对文件进行分类储存是不够的。这样我们就需要对文件进行进一步的管理。
方案二：按照主题对文件进行分类管理。这种方案的文件存储结构如图7.2所示。 在这种存储方案中，网站的页面按照不同的主题（Subject ）进行分类储存。关于某个主题的所有文件被存放在一个文件夹中，然后再进一步细分文件的类型。这种存储方案适用于那些页面、文件数量众多，信息量大的静态网站。
方案三：对文件的类型进行进一步细分存储管理。
这种存储方案实际上是第一种存储方案的深化，将页面进行进一步的细分后进行分类存储管理。具体的存储方案如图7.3所示。
,
图7.2 按照主题对文件进行分类管理 图7.3 对文件的类型进行进一步细分 这种存储方案适用于那些文件类型复杂，包括各种文件的多媒体动态网站。
上面介绍了3种常用的文件组织结构，总而言之，网站的文件存储结构不是固定的而是灵活的，网站开发者要根据实际需要建立适合自己网站的存储结构，但是要遵守如下几条原则。
· 网站的首页文件，通常是index.html ，必须存放在网站的根目录中。
· 网站使用的所有的文件都必须存放在站点的文件夹或者子文件夹中。用URL 方式进行链接的内容或者页面可以不存放在站点文件夹中。
· 所有的文件夹必须遵循同一个命名方案，而且不能够包含非法的字符（如空格和连结符等）。和文件名一样，同样路径下的文件夹不能够重名。
· 在进行网站开发之前，开发者就应该通过Dreamweaver 的站点管理器建立起站点并且建立合适的存储目录，这将给日后的开发工作带来很多方便。
· 尽量不要通过操作系统进行网站文件的删除、重命名或者移动等操作，这样可能会造成已经设计好的网页中的链接错误。所有的这些操作都应该通过站点管理器来完成。
7.1.2 管理站点内的链接
在Web 页面中，链接是必不可少的。一个复杂的网站中存在着数以百计的链接，在链接的更改和维护过程中难免会发生错误，而这种错误是最让人头疼的，因为在繁复的HTML 代码中找出错误的链接实在是太麻烦了。为了解决这一问题，Dreamweaver 提供了一个检查链接的工具––––链接检查器。有了它，我们就可以对网站中繁多的链接实施有效的管理。
1. 在“首选参数”对话框中设置链接的更新方式
在菜单中选择“编辑→首选参数”命令，在左边的“分类”区域中选择“常规”选项，打开如图7.4所示的对话框。
在“移动文件时更新链接”下拉列表中选择“提示”选项，将链接的更新方式设置为提示更新。
,
图7.4 在“首选参数”对话框中设置链接的更新方式
2. 更新链接
对于打开的文档，如果将它另存到其他位置，将会出现对话框，提示是否更新页面内的链接。单击“是”按钮，将会更新页面内的链接；单击“否”按钮，就不更新页面内的链接。
3. 查找和修复断开的链接
打开站点的文档窗口，在菜单中选择“站点→检查站点范围的链接”命令，Dreamweaver 会自动查找断开的链接，并将它们显示在对话框中。
双击某个要修复的链接，打开该链接存在的页面，属性栏中将会显示带有该链接的文本或图像。在属性栏的“链接”文本框中重新定位链接即可。
7.1.3 巧用查找和替换管理站点
和其他大多数软件一样，Dreamweaver 也提供了文本的查找和替换功能，所不同的是它的查找和替换功能非常强大。灵活地运用Dreamweaver 的查找和替换功能，可以帮助我们有效地管理站点和页面，大大提高编辑页面和安排站点的效率。在这里，将通过3个实例介绍如何灵活运用查找和替换功能。
1. 更新链接中的URL
读者制作的网站和页面中不可避免地含有到外部的链接。有时由于其他站点的URL 发生变化或其他需要，读者不得不将站点中含有的链接进行更新，例如将http://www.ibm.com更新为http://support.ibm.com。这是一项非常麻烦的工作，而且很容易发生遗漏。使用查找和替换命令可以使这项工作变得简单。
操作步骤如下。
（1）照前文，打开“查找和替换”对话框。
（2）在对话框的“查找范围”下拉列表中选择“整个当前本地站点”选项，在“搜索”下拉列表中选择“指定标签”选项，在其后的下拉列表中选择“a”选项。
（3）在第3行的3个下拉列表中依次选择“含有属性”、“href”和“=“选项，在最后一个下拉列表中输入要替换的链接，例如“http://www.ibm.com.*”。其中的“.*”代表了以“www.ibm.com”开头的所有URL 。
（4）在“动作”下拉列表中选择“设置属性”和“href”选项，在随后的下拉列表中输入正确的URL ，对应上文，为“http://support.ibm.com$1”。其中的“$1”是与上面的“.*”相对应的。
（5）在“选项”区域中选中“使用正则表达式”复选框。
（6）单击“替换全部”按钮完成更新操作。
,2. 查找含有特定文本的标签
有时候需要查找一些含有特殊文本的标签，对其进行操作。例如，在如图7.5所示的表格中，想要将显示学生姓名的一栏用不同颜色表示出来，就可以查找含有“Name:”文本的表格单元格标签。
图7.5 要处理的表格
操作步骤如下。
（1）参照前文，打开“查找和替换”对话框。
（2）在对话框的“查找范围”下拉列表中选择“当前文档”选项，在“搜索”下拉列表中选择“指定标签”选项，在其后的下拉列表中选择“tr”选项。
（3）在第3行的下拉列表中依次选择“包含”选项、“文本”选项，在随后出现的输入框中输入要查找的文本“Name:”。
（4）在“动作”区域的下拉列表中选择“设置属性”选项、“bgcolor”选项，在随后的列表框中输入颜色代码，例如#CCCCFF（蓝色）。
（5）在“选项”区域中选中“使用正则表达式”复选框。
（6）单击“替换全部”按钮完成更新操作。
7.2 在Internet 上建立自己的Web 站点
制作完成一个网站以后，就必须要把它放置在Internet 上，下面就来介绍相关的方法。企业建立的网站与用户建立的个人主页是不完全一样的。企业建立网站需要经过一定的审批程序，花费一定的费用，而普通用户为了学习，可以完全免费地建立个人网站，也不需要复杂的审批程序。
7.2.1 企业建立网站的过程
企业在国际互联网上建立网站要经过申请域名、制作主页和信息发布这3个过程。
1. 申请域名
首先要向中国互联网络信息中心（CNNIC ）或是Internic Registration Services申请注册自己的域名，形式如company.com.cn （国内域名）或company.com （国际域名）。目前国内有多家ISP （Internet Service Provider，国际互联网服务提供商）为CNNIC 代理这项业务，他们可以帮用户完成这项工作。
2. 制作主页
将要发布的信息以Web 页面的形式制作好。主页的设计及制作将直接影响到浏览访问者的兴趣。
3. 信息发布
将制作完成的信息发布到Internet 上。企业可以自己建立机房，配备专业人员、服务器、路由器和网管软件等，再向邮电部门申请专线、出口等，由此建立一个完全属于自己的、由自己管理的独立网站。这样需要比较多的投资，日常运营的费用也很高。
,因此目前比较流行的做法有以下3种，特别是虚拟主机方案非常流行。
· 虚拟主机方案：租用ISP 的Web 服务器磁盘空间。将自己的主页放在ISP 的Web 服务器上，对于一般企业这将是最经济的方案。虚拟主机与真实主机在运作上毫无区别，对访问者来说，虚拟主机与真实主机同样毫无区别。对企业来说，虚拟主机也完全可以实现前面所说的功能，而且企业的投入只是一次传统媒体的广告费用。
· 服务器托管方案：对于因有较大的信息量和数据库而需要很大的空间时，或建立一个很大的站点时，可以采用此方案。就是将用户放有自己制作的主页的服务器/ Internet主机放在ISP 网络中心机房中，借用ISP 的网络通信系统接入Internet 。
· DDN 专线接入方案：用户可以将服务器设置在本地机房，然后通过DDN 专线与ISP 的网络中心的路由器端口连接，成为一台Internet 主机。
7.2.2 个人建立网站的过程
当然，如果个人愿意投资，也可以像企业一样，注册域名，使用虚拟主机方案建立自己的个人主页。目前很多商业网站为了吸引更多人的注意，提高网站的知名度，都提供免费的个人主页空间和免费的域名。对于一般的用户来说，申请一个免费的空间，自己制作主页，然后向全世界发布，无疑这是令所有年轻人心动的事。
注意，根据中国的规定，不能以个人名义注册国内域名。在申请注册国内域名时必须提供申请单位的营业执照，如果个人确实希望拥有一个顶级或二级域名，可以申请注册国际域名，注册国际域名没有必须是企业才能注册的限制。
用户可以查看新浪网的“免费大全”（http://tech.sina.com.cn/all4free/）。这个网站本身不提供免费主页空间，但它汇总了各种各样免费资源的信息，除了主页空间外还有免费电子信箱、免费域名、免费论坛及留言簿等其他免费资源。在列出的网站中，一定可以找到符合自己心意的免费资源。
7.3 向服务器上传主页
下面以一个例子来介绍当用户的主页制作完成后如何上传到服务器上，这个例子是以免费个人主页空间为例的，但与建立企业网站的操作方法是一样的。
假设用户已经向某个提供免费主页空间的网站提出了申请，通常在几天后会收到一封电子邮件，内容大体如下，当然不同的网站给用户发的邮件也不尽相同。
下面灰色背景的文字为邮件内容，白色背景的文字是为用户做的解释,“××××”代表的内容会根据不同的网站而变化。假设用户申请的用户名是“artech”，密码是“password”。 用户您好：
恭喜您！！！
您在××××申请的个人主页请求已经获批准。
下面是您在使用××××的免费homepage 时要注意的一些问题:
1.
2.
3.
通常这些注意事项都是告诉用户要遵纪守法，不要放置商业性、反动、色情以及其他敏感的内容。
4. 请将以下的代码放到您的个人主页里：
网站向用户提供免费空间，一般都要求在用户的主页上放置他们的标志，以宣传他们的网站，用户只需把上面提供的代码插入到主页文件中就可以了。
5. 您必须将您的文件放在您的××××目录下。
默认的首页文件为: index.html
请尽量不要用中文文件名。
我们系统对文件名的大小写是敏感的，请注意！
请把文件上传到 ×××.××××.××× 服务器上,
并用您的用户名和密码登录。
上面这些信息很重要，在上传文件时要注意这些事项。
6. 您的地址（URL ）表现形式为 http:// ×××.××××.×××/您的用户名
例如: http:// ×××.××××.×××/wing
这就是用户的主页地址，任何人都可以通过这个地址访问用户的主页。当然用户要把“您的用户名”这几个汉字正确地换成自己的用户名，例如http:// ×××.××××.×××/artech。
7. 做完您的homepage 后，希望您能尽快把您的个人主页放上来。
当您把主页放好后，请到以下地址填写连接表，并请写简短的介绍。谢谢！ http:// ×××.××××.×××/addurl.html
以便在我们的搜索引擎里能方便地找到您的主页。
提供免费空间的网站一般都为用户提供一个索引，这也是一个宣传网站的机会。
8. 您的个人资料
您的用户名：artech
您的密码：password
您的地址：http:// ×××.××××.×××/artech
==========================================================
在此，谢谢您使用××××服务!
==========================================================
收到这份电子邮件后就可以上传文件了。使用Dreamweaver 可以实现文件的上传。 首先打开“文件”面板，拉开面板上方的站点选择框，选择最下面一行的“管理站点”。 Dreamweaver 提供对多个网站的管理，在站点选择框中可以切换网站。
这时打开“管理站点”对话框。在这个对话框中双击所要上传的站点名，会打开站点定义对话框，在对话框左边列表中选择“远程信息”项，打开“访问”下拉列表。
在“访问”下拉列表中选择FTP 选项，就可以设置FTP 服务器的各项参数了。 ·“FTP主机”：设定FTP 主机地址。
·“主机目录”：设定主机上的站点目录。
·“登录”：设定用户登录名。
·“密码”：设定登录密码。
·“保存”：是否保存设置。
·“使用防火墙”：是否使用防火墙。
这些参数都可以从上面的那封电子邮件中找到。正确输入这些参数后单击“确定”按钮，返回站点管理窗口。
这时单击站点管理窗口的 （联机到远方主机）按钮，将会开始登录FTP 服务器。经过一段时间后， 按钮上的指示灯变为绿色，表示登录成功了，并且按钮变为 （如果单击这个按钮就可以断开与FTP 服务器的连接），此时就可以看到远程站点文件列表中已经有文件了。如果是第一次上传文件，那么远程文件列表中是没有文件的。
这时只需选中要上传的文件。用户可以同时选中多个文件，然后单击上传按钮 ，这时
,会打开一个对话框，询问是否将依赖的文件同时上传。
所谓网页的依赖文件就是该网页中的图片、链接的外部样式表等文件。注意网页通过超级链接指向的文件不属于依赖文件。
如果没有看到询问框，则Dreamweaver 会自动将依赖文件同时上传。如果不希望自动上传依赖文件，可以选择菜单“编辑→首选参数”，打开对话框。在左侧列表中选择“站点”，然后在右边勾选“下载/取出时要提示”和“上载/存回时要提示”复选框，这时在上传或下载文件前也会打开对话框，请用户选择文件。
在上传完所有文件后，单击 按钮，断开与服务器的联系，这时就可以通过浏览器访问用户的站点了。