HTML5+CSS3+JavaScript网站开发实用技术第9章.pptxVIP

网页中的meta标记1测试网站2构建自己的Web服务器网站维护35在互联网上建立Web站点小结64第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标记9.2 测试网站网站测试可以包含下面的过程。代码测试验证HTML检查链接检查屏幕分辨率和颜色可访问性检验工具检查页面在不同浏览器中的显示效果9.2 测试网站9.2.1 代码测试代码测试帮助我们避免并清除一些常见错误，代码测试还包括目录结构和URL方面的问题。1. 部分常见错误忘掉结束标记是书写代码经常犯的错误。尽量保证所有标记的属性值都括在英文半角的引号中。当属性值本身含有引号时，注意，如果属性值被括在双引号中，那么其中可以包含单引号；反之，如果属性值被括在单引号中，那么其中可以包含双引号。小心处理大小写。在使用CSS时，应使用冒号分隔属性和值，而不是等于号。·使用CSS时，需要注意内嵌CSS代码的格式。使用import导入CSS代码文件或是使用link链接CSS代码文件的格式是不同的。在确保代码没有问题的情况下，可以用几种不同的浏览器运行网页。9.2 测试网站图9-1 示例中的站点结构2．目录结构和URL 每个网页中都可能有链接到其他页面的URL，以及使用的图像、样式表和外部脚本等。本地站点在一个独立的文件夹中，当我们希望在Web服务器上测试该站点时，此时，它的URL与本地站点的URL不同。9.2 测试网站9.2.2 验证HTML可以使用验证器来检查HTML标记是否正确关闭、使用的属性是否被它的标记支持等。W3C的标记验证器界面9.2 测试网站 Dreamweaver CS5的站点报告W3C的标记验证结果 Dreamweaver CS5的站点报告9.2 测试网站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.6 检查页面在不同浏览器中的显示效果即使在编写页面时尽可能符合各种规范，并且正确验证了页面，但是页面在不同操作系统或不同版本浏览器中的显示仍然会不同。在一个浏览器上显示良好的页面，在另外的浏览器上可能会有所不同。应当尝试在尽可能多的浏览器上测试Web页面。至少在开发网站的计算机上应当安装最新版本的IE浏览器、firefox浏览器和Google Chrome浏览器等。9.3 构建自己的Web服务器用户浏览网站上的网页实际上是从远程的Web服务器读取一些内容，然后显示在本地计算机上。因此，如果要使网站能被访问就必须把网站的所有文件放到Web服务器上，构建自己的Web服务器是一种常见的做法。9.3构建自己的Web服务器9.3.1 Web服务器简介 9.3构建自己的Web服务器9.3.2 安装Web服务器XAMPP，具有Linux和Windows版本，集成了Apache、MySQL、PHP、Perl等软件，适用于搭建多种服务器环境1.软件下载及环境配置 在http://www.xampp.cc下载，如果在windows环境下安装XAMPP，只需下载XAMPP的win32版本即