第10讲 网站的测试和发布

网页设计与制作教程机械工业出版社同名教材配套电子教案2005.810.1申请域名10.2申请站点空间10.3申请计数器和留言板10.4本地站点的测试10.5网站的发布10.6网站的推广宣传第10章网站的测试和发布一个网站从建立到投入使用通常要遵循以下顺序：合理规划站点、构建本地站点和远程站点、站点的测试以及站点的上传与发布。在完成了本地站点所有页面的设计之后，必须经过必要的测试工作，当网站能够稳定地工作后，就可以将站点上传到远程Web服务器上，成为真正的站点，这就是站点的发布。DreamweaverMX2004能够很轻松地完成站点的测试和发布。站点的测试和发布的主要工作和步骤如下：•申请域名。•申请站点空间。•本地站点的测试。•网页的上传。•网站的宣传推广。1.收费域名2.免费域名免费域名只提供域名，不提供主页空间，因此这种域名实际上只提供一种转向功能，不能真正发布网页。图10-2提供所示的是“中文全域名”站点中的免费域名申请页面。10.1申请域名10.1.1申请域名的形式图10-2“中文全域名”中申请免费域名1.查询域名在申请注册之前，用户必须先检索一下自己选择的域名是否已经被注册，最简单的方式就是上网查询。2.申请注册用户可以通过两种方式填写注册申请表。(1)Web方式用户可以在CNNIC的网站直接联机填写域名注册申请表并提交。CNNIC会对用户提交的申请表进行在线的检查，填写完毕后单击“注册”即可。(2)E-mail方式用户也可以从CNNIC网站下载纯文本的注册申请表，填好后用E-mail发到[e-mail]进行注册。10.1申请域名10.1.2域名申请的步骤想建立一个自己的网站，就要选择适合自身条件的网站空间，网站空间的主要类型如下。1.购买自己的服务器2.租用专用服务器3.使用虚拟主机4.免费网站空间综上所述，用户可以根据需要来选择正确的方式。如果用户只是想有一个自己的网站，那么只要加入一个ISP就可以得到一个网站；如果用户想尝试网管的乐趣，则可以考虑申请虚拟主机服务，而且现在租用虚拟主机的费用并不高；如果用户想建立很专业的商业网站，建议最好租用服务器或购买自己的服务器。10.2申请站点空间10.2.1网站空间的类型“中文雅虎”网站上提供了免费的计数器插件，只要用户已经在“中文雅虎”网站申请了主页空间，登录“中文雅虎”后即可在如图10-8所示的页面中申请“计数器”。10.3申请计数器和留言板10.3.1申请计数器图10-8使用中文雅虎申请“计数器”同样，“中文雅虎”网站上也为用户提供了免费的留言板插件，申请方法和计数器类似，如图10-12所示。10.3申请计数器和留言板10.3.2申请留言板图10-12使用“中文雅虎”申请留言板DreamweaverMX2004的“检查目标浏览器”功能可以检测当前HTML文档、整个本地站点或站点窗口中选中的一个或多个文件或文件夹在目标浏览器中的兼容性，看看哪些标签属性在目标浏览器不兼容，以便于对文档进行修正更改。检测的主要步骤如下：①如果需要检查单一HTML文档，可先在DreamweaverMX2004窗口中打开需要检查的HTML文档，然后选择“文件”→“检查页”→“检查目标浏览器”命令。②从浏览器列表中选择需要检查的目标浏览器，可以选择一个或多个浏览器进行检测。③单击“确定”按钮设置要检测的目标浏览器。10.4本地站点的测试10.4.1检测浏览器的兼容性④在“结果”面板上单击右键，弹出快捷菜单，选择“检查目标浏览器”命令，如图10-14所示，稍等片刻后，即可看到目标浏览器的兼容报告，如图10-15所示。10.4本地站点的测试10.4.1检测浏览器的兼容性图10-14“检查目标浏览器”图10-15目标浏览器的兼容报告⑤如果需要检查整个本地站点或站点窗口中选中的一个或多个文件/文件夹在目标浏览器的兼容性．在“结果”面板上单击右键，弹出快捷菜单，选择“为整个站点检查目标浏览器”命令，如图10-16所示。10.4本地站点的测试10.4.1检测浏览器的兼容性图10-16为整个站点检查目标浏览器⑥如果单击结果面板左边的按钮，可以立即在默认浏览器中浏览这些兼容性报告信息，如图10-17所示。10.4本地站点的测试10.4.1检测浏览器的兼容性图10-17在默认浏览器中浏览兼容性报告信息1.检查链接用户可以从“显示”下拉列表中选择要检查的链接方式。•断开的链接：检查文档中是否存在断开链接，这是默认选项。•外部链接：检查文档中的外部链接是否有效。•孤立文件：检查站点中是否存在孤立文件，这个选项只有在检查整个站点时才启用。2.修复错误的链接(1)通过属性面板来修复链接(2)通过“链接检查器”面板来修复链接10.4本地站点的测试10.4.2检查站点的链接错误图10-20属性面板图10-21使用“链接检查器”面板来修复链接当用户对网页进行各种检测后，可以找出理论上存在的问题。如果要真正在浏览器中浏览网页，则能够找到理论上无法预测，但是实际上确实存在的问题。所以网站的最终测试必须在各种测试的基础上在浏览器中做最后的验证。10.4本地站点的测试10.4.3在浏览器中预览设置远程站点信息的具体步骤如下：①选择“站点”→“管理站点”命令，打开“管理站点”对话框，如图10-22所示。②在“管理站点”的站点列表对话框中，当前站点已经被突出显示，在该对话框中选择一个需要设置远程站点信息的站点，然后单击对话框中的“编辑”按钮。③此时系统会弹出“站点定义为”的对话框。在该对话框左边的“分类”列表框中选择“远程信息”选项，设置远程站点的服务器访问方式。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测试FTP远程站点定义了远程站点后，还必须建立本地站点和Internet服务器的真正连接，才能真正构建远程站点。步骤如下：①在站点窗口显示要上传的本地站点。②单击站点窗口上方“连接”按钮，如图10-25所示。③连接成功后，会在站点窗口的远程站点窗格中显示主机目录，它将作为远程站点根目录。同时原先的“连接”按钮转变为“断开连接”按钮。10.5网站的发布10.5.2连接服务器连接刷新下载上传图10-25连接服务器按钮在设置本地站点信息和远程站点信息后，就可以进行本地站点与远程站点间文件的上传及下载。①在Dreamweaver中设置本地和远程服务器信息。②将本地计算机连通Internet网。③将Dreamweaver与远程服务器接通，接通后，站点管理窗口左边的“远程站点”窗格中显示远程服务器中的文件目录，如图10-26所示。10.5网站的发布10.5.3文件的上传和下载图10-26与远程服务器连通后的站点管理窗口④与远程服务器连通后，就可以在站点管理窗口上传及下载站点文件。上传站点文件：从“本地文件”窗格中选择文件，然后将它们拖动到“远端站点”窗格中的某个文件夹中；或者从“本地文件”中选择文件，然后单击按钮。下载站点文件：从“远端站点”窗格中选择需要的文件，然后将它们拖动到“本地文件”窗格的某个文件夹中；或者从“远端站点”中选择文件，然后单击按钮。根据不同用户的连接速度不同，可能需要经过一段时间的等待，然后在“远端站点”窗格中出现上传的文件，或者在“本地文件”窗格中出现下载的文件。10.5网站的发布10.5.3文件的上传和下载网站推广的第一步是要确保浏览者可在主要搜索引擎里检索到用户的站点。类似的搜索引擎主要有（中文雅虎）、（百度）、（古狗）、（21世纪）等著名搜索引擎。注册加入搜索引擎的方法有两种：一种是数据库中关键字搜索，一种是对网页meta元素的搜索。如图10-27所示的是在“百度”网站上注册关键字的网页。10.6网站的推广宣传10.6.1登录搜索引擎图10-27在“百度”网站上注册关键字1.交换链接交换链接是一种直接、有效、互利的合作方式。2.登录网站导航站点在这些网址导航类做上链接也能带来大量的流量。3.付费广告用户要在短时间内把网站推广出去，达到很好的效果，付费广告是必经之路。4.在专业论坛上发表文章、消息如果用户经常访问论坛，或许已经看到很多用户在签名处都留下了他们的网址，这也是网站推广的一种方法。5.邮件发布发布邮件也是网站推广的重要方法，但前提是发送的邮件不要被别人认为是垃圾邮件。10.6网站的推广宣传10.6.2其他推广方法