【网页设计与制作教程】第12章测试和发布网页.pptVIP

 第十二章 测试和发布网页 本章学习目标 掌握申请免费网络计数器的方法 掌握申请免费留言的方法 掌握测试网页中检测浏览器兼容性及检 测链接错误的方法 掌握分别使用Dreamweaver站点管理发 布网站和使用CuteFTP发布网站的方法 1. 申请网络免费资源 1. 申请免费计数器 2 .申请免费留言板 　　　填写完注册信息后，点击“免费申请”，申请成功后会显示你的用户名和密码等信息，还会告诉你免费留言板的地址， 2 ．测试网页 在Dreamweaver　MX 2004中增加了支持多款浏览器检测的功能。可以检测出在不同浏览器中网页的显示情况。 这样，我们可以在设计和制作网页的时候充分考虑到浏览者使用的浏览器情况，减少或者避免由于浏览器不同而产生的页面版式、链接混乱等问题的发生。 首先，打开一个已经制作好的网页文件，在打开的HTML文件的编辑窗口中，可以看到编辑窗口的导航栏中有一个图标，这就是检测浏览器的功能图标。 这时由于制作的网页中没有发现浏览器不支持的语法或代码，或者自动检测的功能没有开启，所以显示“没有浏览器检查错误”。 　单击　图标，从下拉菜单中选择“打开时自动检查”命令，此时Dreamweaver MX 2004就会对整个网页进行检查 如果网页中存在不被浏览器支持的HTML标记或者代码，在编辑窗口的导航栏上就会出现如图12-2-3所示的标签。这时浏览器检查图标　由变成　　了，提示网页中存在不支持的语言代码或者标签，并且提示一共出现了多少个这样的错误。 　　　既然系统已经检查出了错误，就要了解一下究竟是什么错误，这样才能将其改正。单击浏览器检查图标，选择下拉菜单中的“显示所有错误”命令，这样就会在编辑窗口下方的结果面板中看到网页中所有浏览器不支持的错误 其中 图标表示浏览器不支持标签中的某一个属性，但是不会影响网页的浏览效果，属于提示性质；而 图标表示浏览器完全不支持该标签，若想在目标浏览器中实现这一效果，就要采取其他方法来实现。 下面就要根据结果面板中的提示，判断一下是否有必要更正这些错误了。 由于 图标表示的错误类型是不完全支持，所以可以将其忽略。具体方法是在图标标识的错误上单击鼠标右键，并且在弹出的菜单中选择“编辑忽略的错误列表”命令，可以在名为Exceptions.xml的文档中编辑要忽略的错误列表 回到编辑窗口，更正 提示错误。 首先，单击检查浏览器 图标， 在下拉菜单中选择“下一个错误”（或者“上一个错误”，视当前的 鼠标位置而定）。这时系统会自动切换到拆分视图，并将产生错误的标签用黑色字体显示  然后，在代码视图窗口中就可以对这一标签进行修改或者将其删除了。 用什么样的方法定义浏览者使用的浏览器的版本呢？其实方法是很简单的，单击检查浏览器图标 ，选择最后一项“设置”命令 目前，国内浏览者使用的浏览器主要是微软公司的Internet Explorer，所以我们要将Microsoft Internet Explorer 前面的复选框选中，并且在后面的下拉列表中选择浏览器最低版本。 考虑到实际情况，还要选中使用人数比较多的Netscape Navigator浏览器，并且为其选择最低版本号。现在一般比较流行的做法是不选中这项，而在网站的首页上标明：“本站支持IE5.0或以上版本”。 在编辑网页的时候，可以选择下拉菜单中的“打开时自动检查”命令，一直运行自动错误检测命令，实现动态检测。这样，就设置好了浏览器的自动检查功能，这个功能在一定程序上可以减少和避免因浏览器的不同，而给访问者在浏览网页的时候带来各种麻烦。 2 .检测链接错误 在网页上传前我们还必须对链接情况进行检查。打开Dreamweaver MX 2004，选择菜单栏中的“窗口/文件”命令，打开文件管理器 然后单击文件窗口右侧的图标 ，打开扩展模式，这样窗口就会变为扩展模式了。可以看到网站的文件都排列放在列表中 3. 网站发布 1 .使用Dreamweaver站点管理发布网站 2 .使用CuteFTP发布网站 1 使用Dreamweaver站点管理发布网站 2 使用CuteFTP发布网站 打开CuteFTP 5.0 XP后，双击快速连接的图标 ,在主机这项填入FTP主机地址，以/为例，填入主机IP地址为2，用户名和密码分别为在xinwen365上申请到的SZYIMIN和888888，再点击连接图标 ，就可登录到FTP主机，选中想要上传的站点，点击“传输”下拉菜单，点击“上传”，站点就可上传至FTP服务器上申请的