网页设计与制作（Dreamweaver CC）（第4版）课件 模块6 测试与发布

网页设计与制作DreamweaverCC（第4版）模块6测试与发布01模块1网页设计基础03模块3初级应用05模块5高级应用02模块2HTML语言04模块4网页布局06模块6测试与发布07模块7综合应用任务描述完成“匠心筑梦”整站项目的后期测试、发布与维护。使用Dreamweaver链接检查器排查断掉的链接、清理孤立文件；了解网站空间、域名基础知识；掌握FTP服务器配置、网站上传、下载、站点同步维护操作；了解网站常用推广方式，完成完整网站项目从本地开发到互联网发布全流程实操。任务16匠心筑梦——发布与维护网站任务解析在本任务中，需要完成以下操作：学会网站的检查及测试；学会网站的发布及维护。

（1）启动Dreamweaver,选择菜单“站点”→“管理站点”命令，打开“管理站点”对话框，单击“导入站点”按钮，选择chapter6素材文件夹中的“匠心筑梦.ste”，单击“打开”按钮，此时该站点出现在“管理站点”对话框中，如图6-1所示，单击“完成”按钮。

（2）打开index.html文件，选择菜单“窗口”→“结果”命令，打开“链接检查器”对话框，在“显示”列表中选择“断掉的链接”命令，单击左侧的“检查链接”按钮，在下拉菜单中选择“检查整个当前本地站点的链接”命令，开始对整个站点进行链接检查，如图6-2所示。查看站点内有无断掉的链接，如果有，则单击右侧“断掉的链接”，重新输入链接地址或单击右侧的“浏览”按钮，在打开“选择文件”对话框重新选择链接对象。（3）链接检查结束后，在“显示”列表中选择“孤立的文件”命令，此时可以看到站点内存在的孤立文件“jingji.html”，如图6-3所示，按Delete键将其删除。图6-3“孤立的文件”查找结果（4）选择“站点”→“管理站点”命令，弹出“管理站点”对话框，选择“匠心筑梦”站点，单击“编辑”按钮，打开“站点设置对象”对话框。选择左侧“服务器”选项，单击“添加新服务器”按钮。打开服务器“基本”类别设置窗口，如图6-5所示。图6-5

服务器“基本”类别设置窗口（5）在“连接方法”下拉列表中选择“FTP”命令，分别输入已申请空间的FTP地址、用户名、密码等信息，单击“测试”按钮查看是否能正常连接到远程服务器，单击“保存”按钮。

（6）在“文件”面板中，单击“连接到远程服务器”按钮，成功连接远程服务器后，在“本地站点”窗口中，选择整个站点，单击“‘向远程服务器’上传文件”按钮，开始上传网站。

（7）网站成功上传后，打开浏览器，在地址栏中输入网站地址，按Enter键浏览“匠心筑梦”网站。网站发布与维护此处添加你的信息此处添加你的信息此处添加你的信息此处添加你的信息此处添加你的信息此处本地站点所有页面设计完成后，需对站点开展全面测试，确保网站发布后可正常访问、功能稳定。随后将站点上传至远程Web服务器，并同步开展针对性宣传推广，助力提升站点访问量与曝光度。此处添加你的信息此处添加你的信息此处添加你的信息此处添加你的信息此处添加你的信息此处网站测试检查链接1）打开或选中要检查链接的文档。2）选择菜单“窗口”→“结果”→“链接检查器”命令，单击“链接检查器”面板中左侧的“检查链接”按钮，在下拉菜单中选择要检查的对象，开始检查链接。3）检查结束后，在“显示”下拉列表中选择“断掉的链接”即显示断掉链接报告，如图6-6所示。要修复这些链接，可单击右侧的“断掉的链接”，重新输入链接地址或单击右侧的“浏览”按钮，在打开“选择文件”对话框重新选择链接对象。图6-6断掉的链接此处添加你的信息此处添加你的信息此处添加你的信息此处添加你的信息此处添加你的信息此处网站测试4）在“显示”下拉列表中选择“外部链接”即显示所有外部链接，如图6-7所示。对于外部链接，检查器不能判断正确与否，应自行核对。如果要修改一个外部链接，可以在窗口中选择该外部链接，在右侧“外部链接”处输入一个新的链接。5）在“显示”下拉列表中选择“孤立文件”即显示站点内所有孤立存在的文件。对于这些文件，通常应该把它清除。选中孤立文件，按Delete键即可将其删除。该选项只在检查整个站点链接的操作中有效。图6-7外部链接获得网站空间的方法包括以下几种：（1）申请免费空间现在互联网上一些网络服务机构提供了免费的空间，用户可以登录这些网站去免费注册获取网站空间。（2）申请收费空间收费空间的大小及支持条件可根据用户需要进行选择，稳定性好，数据一般不会丢失，包括主机托管、主机租用和租用主机空间3种方式。（3）自己架设服务器自己架设服务器必须向网络服务机构申请固定IP地址，搭建一台Web服务器，但服务器必须保证长时间不能关机和足够的带宽，且安全性要有保障。申请网站空间在网络上申请网站空间时，系统一般会自动分配一个默认的域名。互联网上的每台计算机都有一个专门的地址作为标识，称为IP地址（InternetProtocolAddress）。为了便于用户记忆，Internet上引进了域名服务系统DNS（DomainNameSystem）。当用户键入某个域名的时候，这个信息首先传到提供此域名解析的服务器上，再将此域名解析为相应网站的IP地址，完成这一任务的过程称为域名解析。域名可分为不同级别，包括顶级域名、一级域名、二级域名等，其结构如图6-8所示。申请域名图6-8国际互联网域名体系（1）启动Dreamweaver，选择菜单“站点”→“管理站点”命令，弹出“管理站点”对话框，选择要编辑的站点名称，单击“编辑”按钮，打开“站点设置对象”对话框。（2）选择“服务器”分类项，单击“添加新服务器”按钮，打开服务器的“基本”类别设置窗口，如图6-9所示。（3）在“连接方法”下拉列表中选择“FTP”，分别设置服务器名称、FTP地址、用户名、密码等信息，单击“测试”按钮查看是否能正常连接到远程服务器，最后单击“保存”按钮。配置远程服务器图6-9远程服务器设置完成了远程服务器的配置后，就可以将本地站点的内容上传到远程服务器中，具体操作步骤如下：1）在“文件”面板中，单击“连接到远程服务器”按钮，显示连接进程。2）连接成功后，开始上传网站。3）网站成功上传后，打开浏览器，在地址栏中输入该网站的域名，按Enter键浏览网站。说明：不同Web服务器对网站首页的文件名有不同的要求。网站成功上传后，输入域名后不能浏览网站，首先要检查网站的首页文件名是否符合要求。发布网站下载网站远程服务器设置完成后，可以将本地站点的内容上传到远程服务器中，也可以将远程服务器上的网站下载到本地站点，具体操作步骤如下：1）在“文件”面板中，单击“连接到远程服务器”按钮。2）连接成功后，在文件面板“站点视图”下拉列表选择“远程服务器”，选择整个站点或文件，单击“获取文件”按钮。若要下载整个站点，则弹出“你确定要下载整个站点吗？”信息框，单击“确定”按钮。同步可以是整个站点的同步，也可以是站点中某些文件的同步，具体操作步骤如下：1）在“文件”面板中选择要同步的站点，单击“文件”面板中的“与‘远程服务器’同步”按钮，打开“与远程服务器同步”对话框，如图6-10所示。2）在“同步”下拉列表中选择“整个‘匠心筑梦’站点”或“仅选中的本地文件”。3）在“方向”下拉列表中选择同步时复制文件的方向。4）单击“预览”按钮，系统开始对每个文件进行检查，完毕后，出现“同步”对话框，显示需要上传或下载的文件，单击“确定”按钮，开始文件同步。更新维护网站图6-10“与远程服务器同步”对话框网站推广网站上传互联网后，下一步的工作就是推广网站了。常见的网站推广方案包括以下几种。1．搜索引擎推广（SEO）搜索引擎注册是最经典、最常用的网站推广手段方式。2．电子邮件推广电子邮件推广仍是精准触达用户的有效方式之一，核心在于合规性与个性化运营。常用形式包括行业电子刊物、会员专属通讯、精准广告推送等，需基于用户许可开展。3．资源合作推广通过网站交换链接、交换广告、内容合作、用户资源合作等方式，在具有类似目标网站之间实现互相推广的目的，其中最常用的资源合作方式为网站链接策略，利用合作伙伴之间网站访问量资源合作互为推广。4．信息发布推广将有关的网站推广信息发布在其他潜在用户可能访问的网站上，利用用户在这些网站获取信息的机会实