Dreamweaver网页设计第15章.ppt

Dreamweaver 网页设计第15章站点管理【学习概述】 利用Dreamweaver可以非常方便地创建和管理站点（创建站点详见第3章），还可以对站点中的网页和相关资源进行管理本章的重点内容是检查站点和上传网页15.1检查和测试站点Dreamweaver 提供了多项功能用来检查和测试站点，其中包括预览页面和检查浏览器兼容性，以及运行各种报告等15.1.1检查站点链接一个网站往往包括很多超级链接，制作过程中不可避免地会出现这样或那样的链接错误因此必须在发布网站之前对整个网站进行一下链接检查检查站点链接步骤如下：（1）打开站点，这里选择站点“myweb”，执行【站点】->【检查站点范围的链接】命令，打开“链接检查器”面板，如图15-1所示，最下面信息栏提示一些站点文件概要信息默认打开“断掉的链接”项，可以看到本站点有不少断掉的链接，读者这时就要注意进一步检查了图15-1显示断掉的链接（2）在“链接检查器”面板的“显示”项后选择“外部链接”选项，如图15-2所示图15-2显示外部链接（3）在“链接检查器”面板的“显示”项后选择“孤立文件”选项，如图15-3所示图15-3显示孤立文件15.1.2检查浏览器的兼容性“检查目标浏览器”功能是对文档中的代码进行测试，检查是否存在目标浏览器所不支持的任何标签、属性、CSS 等。

注意：此检查对文档不作任何方式的更改目标浏览器检查可提供有关三个级别的潜在问题信息：错误信息、警告信息和告知性信息，其中若发现错误信息必须修改网页检查目标浏览器步骤如下：（1）打开站点“myweb”下的文档，比如“index.html”2）执行【文件】->【检查页】->【检查目标浏览器】命令显示“目标浏览器检查”面板，如图15-4所示图15-4 错误、警告和告知性信息（3）可以看到检查结果没有“错误”信息，只有“警告”和“告知性”信息这里只是检查了文件“index.html”，其它文件的检查请读者自己完成15.1.3使用站点报告读者可以对当前文档、选定的文件或整个站点的工作流程或HTML属性（包括辅助功能）运行站点报告运行报告可以改进工作流程、测试站点以及检查辅助功能生成站点报告步骤如下：（1）执行【站点】->【报告】命令，显示“报告”对话框，如图15-5所示图15- 5“报告”对话框（2）若要在“工作流程”部分中运行报告，可以选择以下任何报告： 取出者：创建一个报告，列出某特定小组成员取出的所有文档设计备注：创建一个报告，列出选定文档或站点的所有设计备注最近修改：创建一个报告，列出在指定时间段内发生更改的文件。

（3）若要在“HTML报告”部分中运行报告，可以选择以下任何报告： 可合并嵌套字体标签：创建一个报告，列出所有可以为清理代码而合并的嵌套字体标签辅助功能：创建一个报告，列出您的内容与辅助功能准则之间的冲突没有替换文本：创建一个报告，列出所有没有替换文本的img标签多余的嵌套标签：创建一个报告，列出应该清理的嵌套标签可移除的空标签：创建一个报告，列出所有可以为清理 HTML 代码而移除的空标签无标题文档：创建一个报告，列出在选定参数中找到的所有无标题的文档选择要报告的类别和要运行的报告类型后，如图15-6所示，单击“运行”按钮图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的站点定义为”对话框（3）在“FTP主机”项后面的文本框中输入FTP主机的域名或者IP地址，这里输入“61.139.126.13”；在“主机目录”项后面的文本框中输入“wwwroot/”；在“登录”项后面的文本框中输入“shumazm”。

在“密码”项后面的文本框中输入密码除了“主机目录”选项外，其它3个选项都是必须的4）“myweb的站点定义为”对话框的其它各个选项设置如图15-15所示图15- 15“myweb的站点定义为”对话框（5）单击“确定”按钮，返回“管理站点”对话框，单击“完成”按钮，完成设置6）在“文件”面板中单击“连接到远端主机”按钮，显示“后台文件活动-myweb”对话框，如图15-16所示 图15- 16“后台文件活动-myweb”对话框7）在“文件”面板中，单击“展示以显示本地和远端站点”按钮，打开的窗口中左面显示“远端站点”，右面显示“本地文件”，如图15-17所示选择“远端站点”中的文件“index.htm”后，删除之（因为我们要上传自己制作的首页文件“index.html”，以免引起冲突）在“本地文件”中选择站点“myweb”，然后单击“上传文件”按钮，显示信息“您确定要上传整个站点吗？”（如图15-18所示），单击“确定”按钮图15-17 左面显示“远端站点”，右面显示“本地文件”图15-18 提示上传信息（8）在上传过程中，显示“后台文件活动-myweb”对话框，对话框显示正在上传文件的名称和大小，如图15-19所示。

上传时间取决于站点文件的多少，上传完毕后，窗口显示如图15-20所示 图15- 19 “后台文件活动-myweb”对话框图15-20 上传完毕后，窗口显示内容左右一致（9）在浏览器中输入地址“”后，就可以浏览网页了，如图15-21所示10）这样就可以在任何一台连接到Internet的计算机上浏览该网站了网页必须经过诸如检查站点链接状态、检查浏览器兼容性和页面分辩率兼容性测试等几个步骤后，才能上传到远程服务器上，供浏览器用户欣赏15.4实践检验实践检验理论巩固填空题（1）目标浏览器检查可提供有关三个级别的潜在问题信息分别为：______，其中发现______信息必须进行修改2）“链接检查器”面板中可以显示__________等3种类型的文件3）用Dreamweaver通过FTP访问远程服务器时__________这3项是必须的简答题（1）简述如何使用站点报告2）简述如何生成设计备注上机操作（1）请把你制作的网站上传到服务器上。