《Dreamweaver 网页设计》第15章 站点管理

Dreamweaver网页设计 第15章站点管理

Dreamweaver 网页设计 第15章 站点管理

【学习概述】 利用 Dreamweaver可以非常方便地创 建和管理站点(创建站点详见第3章),还 可以对站点中的网页和相关资源进行管理。 本章的重点内容是检查站点和上传网页

【学习概述】 利用Dreamweaver可以非常方便地创 建和管理站点（创建站点详见第3章），还 可以对站点中的网页和相关资源进行管理。 本章的重点内容是检查站点和上传网页

15.1检查和测试站 Dreamweaver提供了多项功能用来检査和测试站点,其中包括预览页面和检 查浏览器兼容性,以及运行各种报告等。 15.1.1检查站点链接 个网站往往包括很多超级链接,制作过程中不可避免地会出现这样或那样的 链接错误。因此必须在发布网站之前对整个网站进行一下链接检查。检查站点 链接步骤如下 1)打开站点,这里选择站点“ myweb”,执行【站点】->【检查站点范围的 链接】命令,打开“链接检査器”面板,如图15-1所示,最下面信息栏提示 些站点文件概要信息。默认打开“断掉的链接”项,可以看到本站点有不少断 掉的链接,读者这时就要注意进一步检查了。 w结果搜索参考验证日标浏览器检查链接检查器站点报告FP记录「厭务器调试 显示():断掉的链接(文件在本地避盘投有找到 S/index. html htel npA/np4html 5/index.html up/up html 图15-1显示断掉的链接 5/index.html index. html szjt/szjthtel ppdn/ ppdn.html 5/index.html 总共44个,5个而,3个孤立文件,总共218个链接,181个正确

15.1 检查和测试站点 Dreamweaver 提供了多项功能用来检查和测试站点，其中包括预览页面和检 查浏览器兼容性，以及运行各种报告等。 15.1.1 检查站点链接 一个网站往往包括很多超级链接，制作过程中不可避免地会出现这样或那样的 链接错误。因此必须在发布网站之前对整个网站进行一下链接检查。检查站点 链接步骤如下： （1）打开站点，这里选择站点“myweb”，执行【站点】->【检查站点范围的 链接】命令，打开“链接检查器”面板，如图15-1所示，最下面信息栏提示一 些站点文件概要信息。默认打开“断掉的链接”项，可以看到本站点有不少断 掉的链接，读者这时就要注意进一步检查了。 图15-1显示断掉的链接

2)在“链接检査器”面板的“显示”项后选择“外部链接” 选项,如图15-2所示。 结果搜索参考验证目标浏览器检查链接检查器站点报F记录服务器调试 示6):接〔援到站点外的页面,不能检查) 外部链接 httpwidow edia con/pub/ shock script: window. external addA 5i/index. htr http://www.baiducombs http://dovnloadnacronediacon/pub/shock /sj/sj. html ascript window. external add avorite c /Templates/erjin. dut http://dovnloadmacromediacon/pub/shock 总共44个,5个,3个孤立文件,总共218个链接,181个正确, 图15-2显示外部链接 (3)在“链接检査器”面板的“显示”项后选择“孤立文件” 选项,如图15-3所示。 结果搜索参考证目标浏览器检查「链接检查器站点报告FF记录」服务器调试 示)详有进入链接的文件 孤立的文件 5/javascript:windowenternal.adfavorite(http:/ai onlyvindy.com',数码专卖〕 日葛/ javascript: window, external. addFavoritecshumazn,w91t83m,数码专卖) 共44个,5个肌,3个孤立文件,总共218个链接,181个正确, 图15-3显示孤立文件

（2）在“链接检查器”面板的“显示”项后选择“外部链接” 选项，如图15-2所示。 图15-2显示外部链接 （3）在“链接检查器”面板的“显示”项后选择“孤立文件” 选项，如图15-3所示。 图15-3显示孤立文件

15.1.2检查浏览器的兼容性 检査目标浏览器”功能是对文档中的代码进行测试,检査是否存在目标 浏览器所不支持的任何标签、属性、CSS等。注意:此检查对文档不作任 何方式的更改。目标浏览器检査可提供有关三个级别的潜在问题信息:错 误信息、警告信息和告知性信息,其中若发现错误信息必须修改网页。检 查目标浏览器步骤如下 (1)打开站点“ myweb”下的文档,比如“ index htm (2)执行【文件】->【检查页】→>【检查目标浏览器】命令。显示“目标 浏览器检查”面板,如图15-4所示。 w结果搜索参考發证目标浏览器检查链接检查器站点报告FF记录脲务器调试 D显示:前文档 支持和标签的an1ns性,但这并 AM15txm的果生不,1m 18 cabindaκ标签的bjet属性不被支持,[ icrosoft Intex 18tit1e标签的0bjec属性不被支持,[ Netscape Navigator8.0] A index.html 21警告:EME标签的属性和值根据插件而变化。请检查所有属性 43 BACXGRI0M标签的TD属性不被支持。[ escape Navigator 图15-4错误、警告和告知性信息 (3)可以看到检查结果没有“错误”信息,只有“警告”和“告知性 信息。这里只是检查了文件“ index htm",其它文件的检查请读者自 己完成

15.1.2 检查浏览器的兼容性 “检查目标浏览器”功能是对文档中的代码进行测试，检查是否存在目标 浏览器所不支持的任何标签、属性、CSS 等。注意：此检查对文档不作任 何方式的更改。目标浏览器检查可提供有关三个级别的潜在问题信息：错 误信息、警告信息和告知性信息，其中若发现错误信息必须修改网页。检 查目标浏览器步骤如下： （1）打开站点“myweb”下的文档，比如“index.html”。 （2）执行【文件】->【检查页】->【检查目标浏览器】命令。显示“目标 浏览器检查”面板，如图15-4所示。 图15-4 错误、警告和告知性信息 （3）可以看到检查结果没有“错误”信息，只有“警告”和“告知性” 信息。这里只是检查了文件“index.html”，其它文件的检查请读者自 己完成

15.13使用站点报告 读者可以对当前文档、选定的文件或整个站点的工作流程或HTML属性(包 括辅助功能)运行站点报告。运行报告可以改进工作流程、测试站点以及检 查辅助功能。生成站点报告步骤如下 (1)执行【站点】->【报告】命令,显示“报告”对话框,如图15-5所示 报告在):前档 选择抿告 可合并嵌字体标签 可移除的空标 厂无标题文档 报告设置g) 匚帮助■ 图15-5报告”对话框 (2)若要在“工作流程”部分中运行报告,可以选择以下任何报告: 取出者:创建一个报告,列出某特定小组成员取出的所有文档 设计备注:创建一个报告,列出选定文档或站点的所有设计备注。 最近修改:创建一个报告,列出在指定时间段内发生更改的文件

15.1.3 使用站点报告 读者可以对当前文档、选定的文件或整个站点的工作流程或HTML属性（包 括辅助功能）运行站点报告。运行报告可以改进工作流程、测试站点以及检 查辅助功能。生成站点报告步骤如下： （1）执行【站点】->【报告】命令，显示“报告”对话框，如图15-5所示 图15- 5“报告”对话框 （2）若要在“工作流程”部分中运行报告，可以选择以下任何报告： 取出者：创建一个报告，列出某特定小组成员取出的所有文档。 设计备注：创建一个报告，列出选定文档或站点的所有设计备注。 最近修改：创建一个报告，列出在指定时间段内发生更改的文件

3)若要在“HTML报告”部分中运行报告,可以选择以下任何报告: 可合并嵌套字体标签:创建一个报告,列出所有可以为清理代码而合并的嵌 套字体标签 辅助功能:创建一个报告,列出您的内容与辅助功能准则之间的冲突。 没有替换文本:创建一个报告,列出所有没有替换文本的mg标签。 多余的嵌套标签:创建一个报告,列出应该清理的嵌套标签。 可移除的空标签:创建一个报告,列出所有可以为清理HTML代码而移除 的空标签。 无标题文档:创建一个报告,列出在选定参数中找到的所有无标题的文档。 选择要报告的类别和要运行的报告类型后,如图15-6所示,单击“运行”按 钮 报营在):前 取消 取出看 问设计备注 可合并嵌套宇体标签 问没有替换文本 问多余的套 可移除的空标签 问无标题文档 图15-6设置“报告”对话框

（3）若要在“HTML报告”部分中运行报告，可以选择以下任何报告： 可合并嵌套字体标签：创建一个报告，列出所有可以为清理代码而合并的嵌 套字体标签。 辅助功能：创建一个报告，列出您的内容与辅助功能准则之间的冲突。 没有替换文本：创建一个报告，列出所有没有替换文本的img标签。 多余的嵌套标签：创建一个报告，列出应该清理的嵌套标签。 可移除的空标签：创建一个报告，列出所有可以为清理 HTML 代码而移除 的空标签。 无标题文档：创建一个报告，列出在选定参数中找到的所有无标题的文档。 选择要报告的类别和要运行的报告类型后，如图15-6所示，单击“运行”按 钮。 图15-6 设置“报告”对话框

(4)根据所选择报告的内容,结果列表出现在“站点报告”面板中,如 图157所示,同时还会打开一个浏览器窗口,其中列出详细的报告内容, 如图15-8所示。 结果搜索|参考验证目标浏陀器检查链报检查器站点报告T记录服务器调试 日? index.html17 m spacer ING with equivalent ALT(s0mA611∥ 321 Non spacer ING with valid ALT [S508 a/YCAG 1.1 P1 51 Non spacer ING with equivalent ALT [S508 a/HCAG 1. 1 P1 index html spacer ING with equivalent ALT [S508 8/HCAG 1.1 P1] index html 73 Non spacer ING with equivalent ALT [$508 a/NCAG 1.1 P1 81 Non spacer ING with equivalent ALT [SS0B 1.1P1 [s508/MCAG1.1P1 B9 Non spacer ING with equivalent ALT [$508 a/HCAG 1.1 P1 图15-7“站点报告”面板 3最近修改的项目- microsoft Internet Explorer□回区 地址0) C:Docunents and Settingskxiaoxi转到链度 最近修改的项目 报告日期:/31/200610:54AM 日期范围:7/25/2006至7/31/2006 图15-8报告内容 找到的总文件数:1 文件名已修改▲ 修改者 index. htm|7/31/200610:54AM未知 * Dreamweaver无法确定谁最后修改了此文件。文 件有可能己被 Contribute以外的其他程序编辑 我的电脑

（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. htm”的效果。读者如果发现网页有不兼容的内容,一定 要进A 发中)包naet 骗骗截鸡老有有[ 文本移中入要挂的工牛□ 规光数同本店于 种,其它比助 ↓三,品 md三星 世能410 本店推荐 图15-9800×600分辩率

分辩率测试 浏览器用户可能使用14英寸、15英寸、17英寸，甚至更大尺寸的显 示器。因此显示器屏幕分辨率设置也有所不同，比如800×600 像素，1024×768像素等等。要保持分辩率兼容性，就要在不同 的分辨率下查看网页。如图15-9和15-10所示，分别是在 800×600像素分辩率和1024×768像素分辩率下浏览网页 “index.html”的效果。读者如果发现网页有不兼容的内容，一定 要进一步修改完善。 图15-9 800×600分辩率

三里 本店推荐 图15-101024×768分辩率

图15-10 1024×768分辩率