《Dreamweaver网页设计》-第15章

Dreamweaver 网页设计
第15章 15章 站点管理
【学习概述】 学习概述】
利用Dreamweaver可以非常方便地创 建和管理站点（创建站点详见第3章），还 可以对站点中的网页和相关资源进行管理。 本章的重点内容是检查站点和上传网页。
15.1பைடு நூலகம்
检查和测试站点
Dreamweaver 提供了多项功能用来检查和测试站点，其中包括预览页面和检 查浏览器兼容性，以及运行各种报告等。 15.1.1 检查站点链接 一个网站往往包括很多超级链接，制作过程中不可避免地会出现这样或那样的 链接错误。因此必须在发布网站之前对整个网站进行一下链接检查。检查站点 链接步骤如下： （1）打开站点，这里选择站点“myweb”，执行【站点】->【检查站点范围的 链接】命令，打开“链接检查器”面板，如图15-1所示，最下面信息栏提示一 些站点文件概要信息。默认打开“断掉的链接”项，可以看到本站点有不少断 掉的链接，读者这时就要注意进一步检查了。
图15- 15“myweb的站点定义为”对话框
（5）单击“确定”按钮，返回“管理站点”对话框，单击“完成”按钮，完 成设置。 （6）在“文件”面板中单击“连接到远端主机”按钮，显示“后台文件活动myweb”对话框，如图15-16所示。
图15- 16“后台文件活动-myweb”对话框
7）在“文件”面板中，单击“展示以显示本地和远端站点”按钮，打开的 窗口中左面显示“远端站点”，右面显示“本地文件”，如图15-17所示。 选择“远端站点”中的文件“index.htm”后，删除之（因为我们要上传自己 制作的首页文件“index.html”，以免引起冲突）。在“本地文件”中选择站 点“myweb”，然后单击“上传文件”按钮，显示信息“您确定要上传整个站 点吗？”（如图15-18所示），单击“确定”按钮。
图15-4 错误、警告和告知性信息 （3）可以看到检查结果没有“错误”信息，只有“警告”和“告知性” 信息。这里只是检查了文件“index.html”，其它文件的检查请读者自 己完成。
15.1.3 使用站点报告 读者可以对当前文档、选定的文件或整个站点的工作流程或HTML属性（包 括辅助功能）运行站点报告。运行报告可以改进工作流程、测试站点以及检 查辅助功能。生成站点报告步骤如下： （1）执行【站点】->【报告】命令，显示“报告”对话框，如图15-5所示
图15-20 上传完毕后，窗口显示内容左右一致
（9）在浏览器中输入地址“”后，就可以浏览 网页了，如图15-21所示。
（10）这样就可以在任何一台连接到Internet的计算机上浏览该网站了。 网页必须经过诸如检查站点链接状态、检查浏览器兼容性和页面分辩率兼容 性测试等几个步骤后，才能上传到远程服务器上，供浏览器用户欣赏。
（3）在“FTP主机”项后面的文本框中输入FTP主机的域名或者IP地址， 这里输入“61.139.126.13”；在“主机目录”项后面的文本框中输入 “wwwroot/”；在“登录”项后面的文本框中输入“shumazm”。在“密码” 项后面的文本框中输入密码。除了“主机目录”选项外，其它3个选项都是 必须的。 （4）“myweb的站点定义为”对话框的其它各个选项设置如图15-15所示。
图15-1显示断掉的链接
（2）在“链接检查器”面板的“显示”项后选择“外部链接” 选项，如图15-2所示。
图15-2显示外部链接 15-2 （3）在“链接检查器”面板的“显示”项后选择“孤立文件” 选项，如图15-3所示。
图15-3显示孤立文件
15.1.2 检查浏览器的兼容性 “检查目标浏览器”功能是对文档中的代码进行测试，检查是否存在目标 浏览器所不支持的任何标签、属性、CSS 等。注意：此检查对文档不作任 何方式的更改。目标浏览器检查可提供有关三个级别的潜在问题信息：错 误信息、警告信息和告知性信息，其中若发现错误信息必须修改网页。检 查目标浏览器步骤如下： （1）打开站点“myweb”下的文档，比如“index.html”。 （2）执行【文件】->【检查页】->【检查目标浏览器】命令。显示“目标 浏览器检查”面板，如图15-4所示。
图15-6 设置“报告”对话框
（4）根据所选择报告的内容，结果列表出现在“站点报告”面板中，如 图15-7所示，同时还会打开一个浏览器窗口，其中列出详细的报告内容， 如图15-8所示。
图15- 7 “站点报告”面板
图15-8 报告内容
分辩率测试 浏览器用户可能使用14英寸、15英寸、17英寸，甚至更大尺寸的显 示器。因此显示器屏幕分辨率设置也有所不同，比如800×600 像素，1024×768像素等等。要保持分辩率兼容性，就要在不同 的分辨率下查看网页。如图15-9和15-10所示，分别是在 800×600像素分辩率和1024×768像素分辩率下浏览网页 “index.html”的效果。读者如果发现网页有不兼容的内容，一定 要进一步修改完善。
图15-9 800×600分辩率
图15-10 1024×768分辩率
15.2
上传网页
主页空间很容易申请，请读者自行申请。假设从空间供应商处得到如下信 息：“您申请的空间已经开设成功。同时系统分配您一个三级域名，您现 在可以通过立即投入使用。FTP IP:61.139.126.13 FTP帐号:shumazm您可以给您的虚拟主机绑定自己的 域名，并且把域名解析到IP地址:61.139.126.13”。 注意：每个空间供应商所给信息不尽相同，但是一般都包括FTP主机、帐 号、密码这3项。 网页制作出来之后必须上传到Web服务器上才能够让更多的人欣赏到。上 传网页步骤如下： （1）执行【站点】->【管理站点】命令，打开“管理站点”对话框，如图 15-13所示。
图15- 13“管理站点”对话框
（2）选择站点“myweb”，然后单击“编辑”按钮，显示“myweb的站点定 义为”对话框，切换到“高级”选项卡，选择“分类”中的“远程信息”选 项，选择“远程信息”的“访问”项后的下拉列表中的“FTP”选项。如图 15-14所示。
图15-14 “myweb的站点定义为”对话框
图15- 5“报告”对话框 （2）若要在“工作流程”部分中运行报告，可以选择以下任何报告： 取出者：创建一个报告，列出某特定小组成员取出的所有文档。 设计备注：创建一个报告，列出选定文档或站点的所有设计备注。 最近修改：创建一个报告，列出在指定时间段内发生更改的文件。
（3）若要在“HTML报告”部分中运行报告，可以选择以下任何报告： 可合并嵌套字体标签：创建一个报告，列出所有可以为清理代码而合并的嵌 套字体标签。 辅助功能：创建一个报告，列出您的内容与辅助功能准则之间的冲突。 没有替换文本：创建一个报告，列出所有没有替换文本的img标签。 多余的嵌套标签：创建一个报告，列出应该清理的嵌套标签。 可移除的空标签：创建一个报告，列出所有可以为清理 HTML 代码而移除 的空标签。 无标题文档：创建一个报告，列出在选定参数中找到的所有无标题的文档。 选择要报告的类别和要运行的报告类型后，如图15-6所示，单击“运行”按 钮。
图15-17 左面显示“远端站点”，右面显示“本地文件”
图15-18 提示上传信息 （8）在上传过程中，显示“后台文件活动-myweb”对话框，对话框显示 正在上传文件的名称和大小，如图15-19所示。上传时间取决于站点文件 的多少，上传完毕后，窗口显示如图15-20所示。
图15- 19 “后台文件活动-myweb”对话框
15.4
实践检验
理论巩固 填空题 （1）目标浏览器检查可提供有关三个级别的潜在问题信息分别为： ______，其中发现______信息必须进行修改。 （2）“链接检查器”面板中可以显示__________等3种类型的 文件。 （3）用Dreamweaver通过FTP访问远程服务器时__________这 3项是必须的。 简答题 （1）简述如何使用站点报告。 （2）简述如何生成设计备注。 上机操作 （1）请把你制作的网站上传到服务器上。