HTML+CSS+JavaScript网站开发实用技术第9章.pptxVIP

第9章 网站的发布与管理 9.1 网页中的meta标记 meta是metainformation的缩写，即“元信息”。meta标记位于文档的头部，即head/head标记内，不包含任何显示内容，所以，meta是一个空标记，它没有结束标签。 9.1网页中的meta标记 9.1.1 name属性和content属性 name属性和content属性用于说明文档的特性。name的值是希望设置的特性，content的值是name内容的设置。 name属性的值可以是任何内容,实际的HTML应用中存在一些预定义的值: description：指定页面的描述 keywords：包含由逗号隔开的关键字列表，搜索引擎利用这些关键字索引页面 robots：指示搜索引擎如何搜索该页面 9.1网页中的meta标记 9.1.2 http-equiv属性和content属性 http-equiv属性和content属性通常成对使用，用于设置HTTP头的值。 9.1网页中的meta标记 HTTP头可以包含更多信息 使页面过期 阻止浏览器缓存页面 刷新和重定向页面 设置cookies 指定作者的姓名 设置字符编码 设置默认样式表语言 设置默认脚本语言 9.2 测试网站 网站测试可以包含下面的过程。 代码测试 验证HTML 检查链接 检查屏幕分辨率和颜色 可访问性检验工具 检查页面在不同浏览器中的显示效果 9.2 测试网站 9.2.1 代码测试 代码测试帮助我们避免并清除一些常见错误，代码测试还包括目录结构和URL方面的问题。 1. 部分常见错误 忘掉结束标记是书写代码经常犯的错误。 尽量保证所有标记的属性值都括在英文半角的引号中。当属性值本身含有引号时，注意，如果属性值被括在双引号中，那么其中可以包含单引号；反之，如果属性值被括在单引号中，那么其中可以包含双引号。 小心处理大小写。 在使用CSS时，应使用冒号分隔属性和值，而不是等于号。 ·使用CSS时，需要注意内嵌CSS代码的格式。使用import导入CSS代码文件或是使用link链接CSS代码文件的格式是不同的。 在确保代码没有问题的情况下，可以用几种不同的浏览器运行网页。 9.2测试网站 2．目录结构和URL 每个网页中都可能有链接到其他页面的URL，以及使用的图像、样式表和外部脚本等。本地站点在一个独立的文件夹中，当我们希望在Web服务器上测试该站点时，此时，它的URL与本地站点的URL不同。 图9-1 示例中的站点结构 9.2 测试网站 9.2.2 验证HTML 可以使用验证器来检查HTML标记是否正确关闭、使用的属性是否被它的标记支持等。 9.2 测试网站 Dreamweaver CS5的站点报告 Dreamweaver CS5的站点报告 9.2.3 检查链接 网站设计完成后，将其在Web上发布之前，检查链接是非常重要的一个过程。检查链接可以找到断断的链接、孤立的文件、不存在的资源等内容。 9.2 测试网站 9.2.4 检查屏幕分辨率和颜色 不同计算机的屏幕分辨率可能不同；应当在不同的屏幕分辨率下检查我们完成的网站，以确保所有文本仍然可读，并且信息被合理地布局在页面上。 9.2 测试网站 9.2.5 可访问性检验工具 可以利用很多工具检查网站的可访问性，下面是一些流行的工具。 Adobe Dreamweaver CS5 accessibility，供使用Adobe’s Dreamweaver CS5的设计师使用, 通过工具授权你就可以选择任何你想测试的网站，并且可以获得一份错误检测报告。 HiSoftware公司的contentquality工具， 位于/ Watchfire公司的WebExact工具，位于 9.2 测试网站 9.2 测试网站 9.2.6 检查页面在不同浏览器中的显示效果 即使在编写页面时尽可能符合各种规范，并且正确验证了页面，但是页面在不同操作系统或不同版本浏览器中的显示仍然会不同。 在一个浏览器上显示良好的页面，在另外的浏览器上可能会有所不同。 应当尝试在尽可能多的浏览器上测试Web页面。至少在开发网站的计算机上应当安装最新版本的IE浏览器、firefox浏览器和Google Chrome浏览器等。 9.3 构建自己的Web服务器 用户浏览网站上的网页实际上是从远程的Web服务器读取一些内容，然后显示在本地计算机上。因此，如果要使网站能被访问就必须把网站的所有文件放到Web服务器上，构建自己的Web服务器是一种常见的做法。 Web服务器工作机制 连接:浏览器与Web服务器建立连接，。 请求:浏览器向Web服务器提交请求。 应答:浏览器提交请求后，通过HTTP协议传送给Web服务器。Web服务器接到后，又通过HTTP传回给浏览器，从而在浏览器上显示出所请求的页面。 关闭连