第10章 网站的测试和发布.ppt

1、10.1 申请域名 10.2 申请站点空间 10.3 申请计数器和留言板 10.4 本地站点的测试 10.5 网站的发布 10.6 网站的推广宣传,第10章 网站的测试和发布,一个网站从建立到投入使用通常要遵循以下顺序：合理规划站点、构建本地站点和远程站点、站点的测试以及站点的上传与发布。 在完成了本地站点所有页面的设计之后，必须经过必要的测试工作，当网站能够稳定地工作后，就可以将站点上传到远程Web服务器上，成为真正的站点，这就是站点的发布。Dreamweaver MX 2004能够很轻松地完成站点的测试和发布。 站点的测试和发布的主要工作和步骤如下： 申请域名。 申请站点空间。 本地站点的

2、测试。 网页的上传。 网站的宣传推广。,1. 收费域名 2. 免费域名 免费域名只提供域名，不提供主页空间，因此这种域名实际上只提供一种转向功能，不能真正发布网页。图10-2提供所示的是“中文全域名”站点中的免费域名申请页面。,10.1 申请域名 10.1.1 申请域名的形式,图10-2 “中文全域名”中申请免费域名,1. 查询域名 在申请注册之前，用户必须先检索一下自己选择的域名是否已经被注册，最简单的方式就是上网查询。 2. 申请注册 用户可以通过两种方式填写注册申请表。 (1) Web方式 用户可以在CNNIC的网站直接联机填写域名注册申请表并提交。CNNIC会对用户提交的申请表进行在线

3、的检查，填写完毕后单击“注册”即可。 (2) E-mail方式 用户也可以从CNNIC网站下载纯文本的注册申请表，填好后用E-mail发到进行注册。,10.1 申请域名 10.1.2 域名申请的步骤,想建立一个自己的网站，就要选择适合自身条件的网站空间，网站空间的主要类型如下。 1. 购买自己的服务器 2. 租用专用服务器 3. 使用虚拟主机 4. 免费网站空间 综上所述，用户可以根据需要来选择正确的方式。如果用户只是想有一个自己的WWW网站，那么只要加入一个ISP就可以得到一个WWW网站；如果用户想尝试网管的乐趣，则可以考虑申请虚拟主机服务，而且现在租用虚拟主机的费用并不高；如果用户想建立很

4、专业的商业网站，建议最好租用服务器或购买自己的服务器。,10.2 申请站点空间 10.2.1 网站空间的类型,“中文雅虎”网站上提供了免费的计数器插件，只要用户已经在“中文雅虎”网站申请了主页空间，登录“中文雅虎”后即可在如图10-8所示的页面中申请“计数器”。,10.3 申请计数器和留言板 10.3.1 申请计数器,图10-8 使用中文雅虎申请“计数器”,同样，“中文雅虎”网站上也为用户提供了免费的留言板插件，申请方法和计数器类似，如图10-12所示 。,10.3 申请计数器和留言板 10.3.2 申请留言板,图10-12 使用“中文雅虎”申请留言板,Dreamweaver MX 2004的

5、“检查目标浏览器”功能可以检测当前HTML文档、整个本地站点或站点窗口中选中的一个或多个文件或文件夹在目标浏览器中的兼容性，看看哪些标签属性在目标浏览器不兼容，以便于对文档进行修正更改。 检测的主要步骤如下： 如果需要检查单一HTML文档，可先在Dreamweaver MX 2004窗口中打开需要检查的HTML文档，然后选择“文件”“检查页”“检查目标浏览器”命令。 从浏览器列表中选择需要检查的目标浏览器，可以选择一个或多个浏览器进行检测。 单击“确定”按钮设置要检测的目标浏览器。,10.4 本地站点的测试 10.4.1 检测浏览器的兼容性, 在“结果”面板上单击右键，弹出快捷菜单，选择“检查

6、目标浏览器”命令，如图10-14所示，稍等片刻后，即可看到目标浏览器的兼容报告，如图10-15所示。,10.4 本地站点的测试 10.4.1 检测浏览器的兼容性,图10-14 “检查目标浏览器”,图10-15 目标浏览器的兼容报告, 如果需要检查整个本地站点或站点窗口中选中的一个或多个文件/文件夹在目标浏览器的兼容性在“结果”面板上单击右键，弹出快捷菜单，选择“为整个站点检查目标浏览器”命令，如图10-16所示。,10.4 本地站点的测试 10.4.1 检测浏览器的兼容性,图10-16 为整个站点检查目标浏览器, 如果单击结果面板左边的按钮，可以立即在默认浏览器中浏览这些兼容性报告信息，如图1

7、0-17所示。,10.4 本地站点的测试 10.4.1 检测浏览器的兼容性,图10-17 在默认浏览器中浏览兼容性报告信息,1. 检查链接 用户可以从“显示”下拉列表中选择要检查的链接方式。 断开的链接：检查文档中是否存在断开链接，这是默认选项。 外部链接：检查文档中的外部链接是否有效。 孤立文件：检查站点中是否存在孤立文件，这个选项只有在检查整个站点时才启用。 2. 修复错误的链接 (1) 通过属性面板来修复链接 (2) 通过“链接检查器”面板来修复链接,10.4 本地站点的测试 10.4.2 检查站点的链接错误,图10-20 属性面板,图10-21 使用“链接检查器”面板来修复链接,当用户

8、对网页进行各种检测后，可以找出理论上存在的问题。如果要真正在浏览器中浏览网页，则能够找到理论上无法预测，但是实际上确实存在的问题。所以网站的最终测试必须在各种测试的基础上在浏览器中做最后的验证。,10.4 本地站点的测试 10.4.3 在浏览器中预览,设置远程站点信息的具体步骤如下： 选择“站点”“管理站点”命令，打开“管理站点”对话框，如图10-22所示。 在“管理站点”的站点列表对话框中，当前站点已经被突出显示，在该对话框中选择一个需要设置远程站点信息的站点，然后单击对话框中的“编辑”按钮。 此时系统会弹出“站点定义为”的对话框。在该对话框左边的“分类”列表框中选择“远程信息”选项，设置远

9、程站点的服务器访问方式。,10.5 网站的发布 10.5.1 设置远程站点,图10-22 “管理站点”对话框, 单击对话框中的“访问”下拉按钮，选择服务器访问方式，选择最常用的FTP方式作为服务器访问方式。在选择FTP连接服务器方式之后，Web服务器信息栏中的选项及设置如图10-23所示。,10.5 网站的发布 10.5.1 设置远程站点,图10-23 设置FTP访问参数,设置好各个参数后，用户可以单击“测试”按钮测试FTP远程站点是否连通。单击“测试”按钮，经过一段时间等待，出现测试成功的对话框，测试过程如图10-24所示。,10.5 网站的发布 10.5.1 设置远程站点,图10-24 测

10、试FTP远程站点,定义了远程站点后，还必须建立本地站点和Internet服务器的真正连接，才能真正构建远程站点。步骤如下： 在站点窗口显示要上传的本地站点。 单击站点窗口上方“连接”按钮，如图10-25所示。 连接成功后，会在站点窗口的远程站点窗格中显示主机目录，它将作为远程站点根目录。同时原先的“连接”按钮转变为“断开连接”按钮。,10.5 网站的发布 10.5.2 连接服务器,在设置本地站点信息和远程站点信息后，就可以进行本地站点与远程站点间文件的上传及下载。步骤如下： 在Dreamweaver中设置本地和远程服务器信息。 将本地计算机连通Internet网。 将Dreamweaver与远

11、程服务器接通，接通后，站点管理窗口左边的“远程站点”窗格中显示远程服务器中的文件目录，如图10-26所示。,10.5 网站的发布 10.5.3 文件的上传和下载,图10-26 与远程服务器连通后的站点管理窗口, 与远程服务器连通后，就可以在站点管理窗口上传及下载站点文件。 上传站点文件：从“本地文件”窗格中选择文件，然后将它们拖动到“远端站点”窗格中的某个文件夹中；或者从“本地文件”中选择文件，然后单击按钮。 下载站点文件：从“远端站点”窗格中选择需要的文件，然后将它们拖动到“本地文件”窗格的某个文件夹中；或者从“远端站点”中选择文件，然后单击按钮。 根据不同用户的连接速度不同，可能需要经过一

12、段时间的等待，然后在“远端站点”窗格中出现上传的文件，或者在“本地文件”窗格中出现下载的文件。,10.5 网站的发布 10.5.3 文件的上传和下载,网站推广的第一步是要确保浏览者可在主要搜索引擎里检索到用户的站点。类似的搜索引擎主要有（中文雅虎）、（百度）、（古狗）、（21世纪）等著名搜索引擎。 注册加入搜索引擎的方法有两种：一种是数据库中关键字搜索，一种是对网页meta元素的搜索。如图10-27所示的是在“百度”网站上注册关键字的网页 。,10.6 网站的推广宣传 10.6.1 登录搜索引擎,图10-27 在“百度”网站上注册关键字,1. 交换链接 交换链接是一种直接、有效、互利的合作方式。 2. 登录网站导航站点 在这些网址导航类做上链接也能带