《清华大学_网页设计培训教程_dreamweaver_11章》由会员分享，可在线阅读，更多相关《清华大学_网页设计培训教程_dreamweaver_11章（43页珍藏版）》请在金锄头文库上搜索。
1、第11章 发布和管理网站,第11章 发布和管理网站,教学提示：本章利用Dreamweaver 8介绍发布和管理一个综合网站的过程，使用户在掌握创建网站方法的基础上进一步掌握网站的测试、远程站点的设置和网站同步等方法。 教学目标：Dreamweaver 8可以用来创建单个的网页，但在大多数情况下，用户可能更希望将这些单独的网页组合起来，成为一个站点。拥有自己的网站，可以说是每个网页创作者的梦想。Dreamweaver 8 不仅能够编辑网页，而且带有强大的站点管理功能。,第11章 发布和管理网站,11.1 测试本地站点 11.2 构建远程站点 11.3 上 机 实 战,11.1 测试本地站点,11
2、.1.1 检测站点的浏览器兼容性 11.1.2 检测可能存在的链接错误 11.1.3 使用浏览器预览网页,11.1 测试本地站点,在网站的各个网页都已经制作好了以后，就可以将网站上传到服务器上发布了，不过在上传之前为了保证页面的正确性，最好先在本地进行一些测试，以检查页面的外观、效果、链接等是否和自己的设计吻合。,11.1.1 检测站点的浏览器兼容性,虽然所有网页都遵循HTML 3.2标准，但不同厂家的浏览器之间有细微的差别，这些细微的差别往往会导致不同的浏览器看同一网页时出现完全不同的效果，因此用户在发布网页之前必须要对它进行浏览器的兼容性测试，以保证它在用户所期望的浏览器中能够正确显示。
3、检查浏览器的具体操作如下。 (1) 如果要检查某个文件夹或整个站点，可以选择【站点】|【管理站点】命令，打开【管理站点】对话框，在站点列表中选中用户要测试的站点，单击【完成】按钮。然后在本地文件夹中选择一个用户要测试的文件夹。目标浏览器将对该文件夹内的所有html文件进行检查(包括子文件夹)。如果要测试整个站点，可选择站点所在的根目录。 (2) 选择【文件】|【检查页】|【检查目标浏览器】命令，出现如图11.1所示的结果。 (3) 需要设置用户要测试的目标浏览器，可以单击图11.1结果中左上角的绿色三角形按钮，在出现的弹出菜单中选择【设置】命令，如图11.2所示，出现如图11.3所示的对话框，
4、设置检测的浏览器类型。,11.1.1 检测站点的浏览器兼容性,图11.1 检查目标浏览器的结果,图11.2 选择【设置】命令,11.1.1 检测站点的浏览器兼容性,图11.3 【目标浏览器】对话框,11.1.2 检测可能存在的链接错误,虽然对所有网页都进行了链接，但由于在站点编辑和修改时可能会使某些网页的链接出现错误，因此在发布网页之前必须对网站进行站点中的链接测试，以保证各个网页都能具有用户所期望的链接。 1. 检查链接 检查链接的具体操作如下。 (1) 如果要检查某个文件夹或整个站点，可以选择【站点】|【管理站点】命令，打开【管理站点】对话框，在站点列表中选中用户要测试的站点，然后在本地文
5、件夹中选择一个用户要测试的文件夹。目标浏览器将对该文件夹内的所有html文件进行检查(包括子文件夹)。如果要测试整个站点，可选择站点所在的根目录。 (2) 选择【文件】|【检查页】|【检查链接】命令。这时系统开始自动进行检查，并将检查结果显示为如图11.4所示。 2. 修复错误的链接 在使用Dreamweaver检查链接后，检测站点链接的对话框中会显示一个包括损坏的链接、外部链接及单独文件的列表(如果选择的是检查整个站点)。 检查完链接状况后，就可以根据检查的结果对错误或断开的链接进行修正，以使网页文件的链接状况达到预期的效果。Dreamweaver提供了强大的修正链接功能，其具体操作如下。
6、(1) 在站点窗口的本地站点窗格中，选中要修改链接范围的文件。选择【站点】|【改变站点范围的链接】命令，出现如图11.5所示的对话框，提示用户修改链接的站点范围。,11.1.2 检测可能存在的链接错误,图11.5 更新链接范围,图11.4 检查站点链接结果,11.1.2 检测可能存在的链接错误,图11.5 更新链接范围,11.1.2 检测可能存在的链接错误,(2) 在【更改所有的链接】文本框中，会显示当前在站点窗口中选中文件的URL，也可以对其中的地址进行修改，或单击右侧的文件夹按钮，然后从文件夹中选择文件。 (3) 在【变成新链接】文本框中，可以输入修改后的链接地址。也可以对其中的地址进行修
7、改，或单击右侧的文件夹按钮，然后从文件夹中选择文件。 (4) 设置完毕，单击【确定】按钮确定操作。这时Dreamweaver会对站点中的文档进行扫描，查找包含要替换链接的文档，如果找到了包含要替换链接的文档，会打开如图11.6所示的对话框，提示用户更新其链接。 (5) 单击【更新】按钮，可以更新链接。单击【不更新】按钮，则不更新链接。 链接修复后，该文件就会从检测站点链接的对话框的【检查结果】列表框中消失。如果修复后，此文件仍显示在【检查结果】列表框中，则表示Dreamweaver找不到新输入的文件，链接仍然是不正确的。,11.1.2 检测可能存在的链接错误,图11.6 更新站点链接,11.1
8、.3 使用浏览器预览网页,在完成了站点的浏览器兼容性检查和链接检查之后，还需要在浏览器中进行预览，以观察页面在浏览器中的具体结果。 在浏览器中测试网页的方法介绍如下。 (1) 在Dreamweaver 8窗口中选择【文件】|【在浏览器中预览】|【编辑浏览器列表】命令，如图11.7所示，会弹出如图11.8所示的对话框。 (2) 单击浏览器旁的“+”按钮，会弹出如图1.9所示的对话框，从中选择所需要进行预览的浏览器。 (3) 在添加好浏览器后，就可以在图11.7所示的【在浏览器中预览】子菜单中选择相应的浏览器进行预览。,11.1.3 使用浏览器预览网页,图 11.7 选择【编辑浏览器列表】命令,1
9、1.1.3 使用浏览器预览网页,图 11.8 编辑浏览器列表,11.1.3 使用浏览器预览网页,图 11.9 【添加浏览器】对话框,11.2 构建远程站点,11.2.1 使用FTP定义远程站点 11.2.2 使用局域网定义远程站点 11.2.3 上传和下载站点 11.2.4 对从远程站点取出的文件进行登记 11.2.5 同步本地站点和远程站点的文件,11.2 构建远程站点,所谓发布网站，实际上就是将自己制作的网页存放到ISP提供的空间中。发布网站是为了方便大家都能在网上浏览。网页必须放在一个WWW服务器中，并进行合理的设置才能正确发布。 一般的ISP都提供相应的服务，但大多都以电子邮件的形式寄
10、给网络管理员，由网络管理员帮用户上传。这样主页的维护和更新就相当不方便，而且还会有空间的限制。其实国内的网易()、国外的地球村()等网站都提供相应的服务。网易更有高达20MB的存放空间，传输速度相当快。另外还免费提供一个支持pop3协议的信箱，更可获得留言本和计数器，相当方便。 完成了网站规划中的所有网页设计之后，就可以把整个网站放到远程服务器上了，这就是所谓的“上传网站”。在上传网站之前，需要定义本地站点和远程站点。在第2章中已经讲述了如何构建本地站点和编辑本地站点。下面将详细讲述设置远程站点信息和上传、下载站点文件的一些相关知识。,11.2.1 使用FTP定义远程站点,在上传和下载文件之前
11、，必须设置网站的远程站点信息。在站点定义对话框中选择【高级】选项卡，并在左边的列表框中选择【远程信息】选项，如图11.10所示。默认的【访问】文本框设置为“无”，用户可以直接在下拉列表中选择不同的服务器访问类型，可以是【本地/网络】，也可以是FTP、【SourceSafe数据库】或WebDAV等。 如果用户使用FTP连接Web服务器请选择FTP类型。要设置FTP类型远程站点的远程信息，具体操作如下。 (1) 在如图11.10所示的站点定义对话框中选择FTP选项，这时，站点定义对话框变成了如图11.11所示的形式。 (2) 在【FTP主机】文本框中为Web站点输入上传文件的FTP主机名称为 。
12、(3) 在【主机目录】文本框中输入远程站点主目录的名称为“incomingNetBook”，主目录指的是存放用户所发布的Web页面的文件夹。 (4) 在【登录】和【密码】文本框中输入登录该FTP服务器的用户名和密码。在默认情况下，Dreamweaver将自动保存用户的密码，如果用户需要在连接到远程服务器之前每次都输入密码，可取消选中【保存】复选框。,11.2.1 使用FTP定义远程站点,图11.10 【访问】下拉列表,11.2.1 使用FTP定义远程站点,图11.11 设置FTP服务器的访问类型,11.2.1 使用FTP定义远程站点,(5) 在接下来的两个选项中为站点选择合适的防火墙参数：如果
13、用户的防火墙配置要求使用被动式FTP(即让用户的本地软件来建立FTP连接，而不是向远程服务器发送请求建立连接)，则选中【使用Passive FTP】复选框。如果用户不能确认，可以询问用户的系统管理员。如果用户位于防火墙后，从防火墙连接到远程服务器，则选中【使用防火墙】复 选框。 (6) 选择【编辑】|【首选参数】命令，在出现的对话框左边的列表框中选择【站点】选项，这时参数设置对话框如图11.12所示。 (7) 这个对话框显示了FTP连接的一些属性设置，如【FTP连接】、【FTP作业超时】以及是否显示本地机上的文件等，其中还包含了防火墙信息的选项。在【防火墙主机】文本框中设置防火墙主机名称为“”
14、；在【防火墙端口】文本框中设置端口为“21”。 (8) 单击【确定】按钮，即可完成站点的创建。在站点管理窗口中单击连接服务器按钮，就可以建立通过FTP的连接了。,11.2.1 使用FTP定义远程站点,图11.12 设置防火墙属性,11.2.2 使用局域网定义远程站点,如果用户在发布站点之前，不想频繁地连接到Web服务器，这时就可以选择使用局域网来定义远程站点，也可以直接利用本机来定义远程站点。要设置局域网类型远程站点的远程信息，具体操作如下。 (1) 在如图11.13所示的站点定义的对话框中选择【本地/网络】选项，这时，用户将看到如图11.14所示的对话框。 (2) 在【远端文件夹】文本框中为
15、本地站点输入上传文件的文件夹名称，或在文本框右边的单击文件夹图标，选择将要存放文件的文件夹，这个文件夹可以是本机文件夹，也可以是局域网中的其他计算机中的文件夹。 (3) 在接下来的4个选项中为站点选择合适的行程访问和站点同步条件。 (4) 选择【编辑】|【首选参数】命令，在出现的对话框左边的列表框中选择【站点】选项，这时【首选参数】对话框如图11.15所示。 (5) 这个对话框显示了本地连接的一些属性设置，如【FTP连接】、【FTP作业超时】以及是否显示本地机上的文件等，其中还包含了防火墙信息的选项，如果是在本机上，无需考虑安全问题，也可以不用设置。 (6) 单击【确定】按钮，即可完成站点的创
16、建。在站点管理窗口中单击连接服务器按钮，就可以建立通过本地的直接连接了。,11.2.2 使用局域网定义远程站点,图11.13 定义站点的对话框,11.2.2 使用局域网定义远程站点,图11.14 设置局域网的访问类型,11.2.2 使用局域网定义远程站点,图11.15 本地站点参数,11.2.3 上传和下载站点,一般来说，资源从Internet服务器下载到本地计算机这个过程，称作下载；而资源从本地计算机上传到Internet服务器这个过程，称作上传。 实际上，在正常的浏览过程中，经常会进行上传和下载操作。例如，在本地计算机上浏览网页，实际上就是将Internet服务器上的网页下载到本地计算机上，然后进行浏览；很多网站(如电子商务网站或免费电子邮件网站)，都会要求用户输入用户名称和密码，这实际上就是将用户的信息上传到Internet服务器上。 利用一些其他的工具，如FTP程序等，可以直接将Internet服务器上的站点结构及其中的文档下载到本地计算机，经过修改，
