网站规划建设与管理维护（第三版） 课件 单元7 网站的发布与维护管理.pptx

单元7网站的发布与维护管理网站规划建设与管理维护（第三版）

单元7网站的发布与维护管理学习目标1学会使用Dreamweaver测试网站学会使用“文件”面板管理站点掌握网站发布的过程和网站宣传的方法了解网站管理和网站维护的知识了解网站的升级和改版

单元内容及任务说明任务1测试网站浏览器是互联网的重要组成部分，它的发展史经历了不断的创新与变革。网页浏览器的发展历程经历了从简单的文本浏览器到图形化浏览器，再到支持多媒体和Web应用的浏览器的演变。Dreamweaver不仅在设计时可以基于不同的目标浏览器进行不同的设计，而且在页面制作完毕后，Dreamweaver可以基于目标浏览器对页面进行检测并给出报告。本节任务围绕测试网站进行。任务2发布与推广网站在本地计算机上制作完网站并进行网站测试之后，下一步就是要将文件上传到远程服务器发布该网站，远程文件夹是远程服务器中存储网站文件的位置。要在Internet中可以访问网站，就必须拥有公网的某台Web服务器上的空间，用于存储网站的所有文件。假设我们具有访问远程Web服务器的权限，并且所要发布的Web服务器端由我们设置，则首先要定义远程文件夹，然后再上传本地的整个网站文件。如果是在公网上申请的Web空间，则远程文件夹由ISP服务商指定和配置相关信息，我们直接上传整个网站文件就可以了。本任务围绕发布与推广网站进行。

任务1测试网站确定网站建设的目的确定网站建设的目的网站结构总体策划010203任务实施-测试网站检查浏览器的兼容性在浏览器中预览和测试页面检查站点中的链接

任务实施-测试网站1.检查浏览器的兼容性网页制作好之后，通过浏览器查看其效果。由于用户使用的浏览器不尽相同，而且各种浏览器，甚至同一种浏览器的不同版本，对网页中的各种插件、脚本语言、HTML规格等的支持程度也不同，因此为了确保页面在目标浏览器中能够如预期的那样工作，并确保这些页面在其他浏览器中要么正常工作，要么明确地提示不支持，设计者有必要进行浏览器兼容性测试。目标浏览器检查不对网页文件做任何改动，只是对文档中的代码进行测试，检查是否存在目标浏览器不支持的标签、属性、CSS属性或CSS值等。目标浏览器检查提供三个级别的潜在问题的信息：错误、警告和告知性信息。它们之间的区别如下：①错误：以红色惊叹号图标标记，表示代码可能在特定浏览器中导致严重的、会出现明显错误的问题，比如页面的有些部分不显示。②警告：以黄色惊叹号图标标记，表示一段代码将不能在特定浏览器中正确显示，但没有任何严重的显示问题。③告知性信息：以文字气球图标标记，表示代码在特定浏览器中不受支持，特定浏览器会忽略该代码，但没有任何可见的影响。默认情况下，当打开一个文档时，Dreamweaver2020自动执行目标浏览器检查。

任务实施-测试网站2.在浏览器中预览和测试页面对于网页在浏览器中的显示效果，不同浏览器的布局、颜色、字体大小和默认的浏览器窗口大小等会有一定的差别，而这些差别在目标浏览器检查中是无法预见的。我们应尽可能多地在不同的浏览器和平台上预览页面。可以随时在浏览器中预览文档，而不必先保存文档或将文档上传到Web服务器。实际上，每制作完一页或一组网页，都应该立刻在浏览器中浏览和测试这些页面，以便及时改正错误。1)预览网页可以通过以下操作之一预览网页：①依次选择“文件”|“实时预览”命令，然后选择一个列出的浏览器。②单击工具栏中的“预览”图标，在弹出的菜单中选择一个列出的浏览器。③按【F12】键在主浏览器中显示当前文档。④按【Ctrl+F12】组合键可在候选浏览器中显示当前文档。

任务实施-测试网站2)测试页面时绕过浏览器安全检查大多数情况下，如果浏览器已安装了必需的插件或ActiveX控件，则与浏览器相关的所有功能（包括JavaScript行为、文档相对链接和绝对链接、ActiveX控件和NetscapeNavigator插件）都会起作用。但是，如果使用比较低版本的IE浏览器测试带脚本或控件的网页时，常常会显示图所示的类似提示信息。解决方法是在html和head标签之间插入语句：!--savedfromurl=(0014)about:internet--这一行语句的作用是：告诉浏览器绕过本地计算机区域，在Internet区域中运行活动内容。

任务实施-测试网站3.检查站点中的链接对站点进行链接测试是一项最基本的测试。由于相关的站点有可能已重新设计、重新组织，所以所链接的页面可能已被移动、文件名已被改变或删除。可以通过“链接检查器”面板进行链接测试。链接测试可分为三个方面：首先测试所链接的页面