如何测试和发布网页

1第1章站点管理测试和发布网页在完成了本地站点中所有的网页设计之后,再经过必要的测试工作,就可以将之上传到internet服务器上,形成真正的网站,以供世界各地的用户浏览,这就是站点的发布,利用Dreamweavers可以完成站点的发布.网页的发布有以下工作:申请域名申请主页空间本地网站的测试网页的上传网站的宣传2第1章站点管理一申请域名和主页空间1.如何申请域名用户可以向中国互联网络信息中心(CNNIC)或者InternicRegistrationServices申请一个自己的域名,形式为(国际域名),或(国内域名)现在,国内有多家ISP(InternetServiceProvider)为CNNIC代理这项业务.申请域名有两种情况:一是收费的,另一种是免费的.但是免费的较少3第1章站点管理2.如何申请主页空间申请主页空间也有收费和免费的两种情况如在网易和中文雅虎网站有个人网页申请页面.3.如何申请计数器计数器用于统计浏览者浏览网站的次数.有很多网站具有独特风格的计数器,你也可以到一些网站去申请别人设计好的计数器(有的是收费的,也有的是免费的)4.如何申请留言板留言板用于记录浏览你的网页的人的留言,同样,有很多网站具有独特风格的留言板,你也可以到一些网站去申请别人设计好的留言板(有的是收费的,也有的是免费的)4第1章站点管理网站的测试和上传实例说明：在发布网站之前，使用Dreamweaver站点管理器对网站文件进行检查和整理，这一步很必要。这个操作可以找出断掉的链接、错误的代码和未使用的孤立文件等，以便进行纠正和处理。5第1章站点管理操作步骤：1．超级链接测试对站点中链接的测试可以使用【链接检查器】面板，下面是具体的测试步骤。单击【窗口】/【结果】，打开“结果”面板，在其中单击“链接检查器”选项卡，然后单击左侧“检查链接”按钮图标，在弹出的下拉菜单中选择【检查整个当前本地站点的链接】命令，如图5-1所示的Dreamweaver会对站点中的所有链接进行自动测试。6第1章站点管理图5-1检查链接7第1章站点管理经过上面的步骤，测试站点中的无效链接就会在“结果”面板中的“断掉的链接”项目下列出，如图5-2所示。根据检查结果，选择某个断掉的链接，再单击右边黄色的文件夹图标并选择正确的链接文件，即可对相关网页中的链接进行编辑，修正无效链接。8第1章站点管理图5-2断掉的链接9第1章站点管理2．浏览器兼容性测试对于网页兼容性的测试，最简单的方法是安装不同的浏览器并在其中浏览网页效果，测试站点是否可以正确的显示。使用Dreamweaver中的【目标浏览器检查】命令,可以更准确地测试网页的兼容性并查看详细信息。下面我们讲解一下具体的测试步骤。在“结果”面板中，单击“目标浏览器检查”选项卡，然后单击左侧的检查目标浏览器按钮，在弹出的下拉菜单中单击【检查整个当前本地站点的目标浏览器】，将自动检查浏览器的兼容性，完成后在列表中显示详细信息，如图5-3所示。10第1章站点管理图5-3检查目标浏览器11第1章站点管理3．使用Dreamweaver发布站点经过检测并修改完成后的站点就可以发布了。首先需要申请站点的域名和租用服务器空间，然后把网站上传到服务器上，这样就可以让各地的访问者浏览到站点内容了。12第1章站点管理1)使用内置上传功能通过使用Dreamweaver内置上传功能，可以将文件从本地上传到远程站点。具体的操作步骤如下：点击【站点】/【管理站点】，弹出“管理站点”对话框，在站点列表中选择要上传的站点，选择“高级”选项卡，在左侧的“分类”列表中选择“远程信息”，在“访问”下拉列表中选择“FTP”，弹出扩展设置部分，如图5-4所示。13第1章站点管理图5-4远程信息14第1章站点管理FTP主机：上传站点的目标FTP服务器地址。主机目录：服务器保存文件的目录，一般是主机的一个子目录。如果没有特别规定，则为空。登录：登录FTP的名称，即用户名。密码：登录FTP的密码，用星号显示以保证信息的安全，根据网络服务提供商提供的密码填入。下面的复选框分别表示是否使用被动式FTP、是否使用防火墙、是否使用SFTP加密安全登录，可根据需要选择。15第1章站点管理设置完全部参数后，单击【确定】按钮。返回到“管理站点”对话框，单击【完成】。单击【文件】/【连接到远端主机】，连接到远端主机，并出现进度显示，如图5-5所示。连接完毕后就可在站点面板中看到远程服务器上的目录，如图5-6所示。单击【扩展/折叠】按钮，可以同时看到远端站点和本地站点窗口。16第1章站点管理图5-5连接到远端主机17第1章站点管理图5-6远程服务器上的目录18第1章站点管理2)测试是否连接到Web服务器为了检验上面的设置是否正确，需要进一步测试是否成功地连接到Web服务器。具体的操作步骤如下：在图5-4中，单击【测试】按钮，若弹出已成功连接的对话框，则表明设置正确，如图5-7所示。19第1章站点管理图5-7站点测试成功20第1章站点管理3)上传和下载远端主机连接完毕，就可以上传或下载文件了。具体的操作步骤如下：在连接成功后，选择要上传的文件，单击【上传文件】按钮，即可完成文件的上传；选择要下载的文件，单击【获取文件】按钮，即可完成文件的下载。21第1章站点管理4．启用存回和取出在定义站点时，选择“启用存回和取出”项，在协作环境中工作时，就可以从本地和远程服务器中存回和取出文件，如图5-8所示。至此，一个站点的制作就完成了。打开浏览器，在地址栏输入域名，就可以浏览网页了。22第1章站点管理图5-8启用存回和取出23第1章站点管理本章小结本章通过实例从开发环境、建立站点、制作网页及测试和上传等多个方面对网页元素的应用进行了讲述，要求学习者能完成一个网站的建立与发布的完整过程。24第1章站点管理课后习题1．指出不同状态下的页面属性内容。2．上机完成：建立一个站点及管理其各种资源。3．自己通过网络搜索并举出两种以上的网站上传方法。