网页制作与网站设计_12Dreamweaver CS3 网站发布

1、内容摘要内容摘要 介绍了网站的测试介绍了网站空间及域名的申请介绍了网站的发布介绍了网站的管理与维护理解网站的测试了解网站空间及域名的申请掌握网站的发布掌握网站的管理与维护 学习目标学习目标 项目十二Dreamweaver CS3 网站发布 1任务说明 任务描述任务描述 1. 任务说明 在网站发布前应对其进行周密地测试，以确保在浏览器中页面的内容能正常地显示、链接能正常地跳转。 2操作步骤1）兼容性测试 由于浏览器存在着兼容性问题，因此一些在IE浏览器中显示正常的网页，在其他浏览器中可能变得很混乱，这时就可进行兼容性测试。 2）检查链接 在【窗口】菜单中选择【结果】命令或在【文档】窗口中按下【F

2、7】键，可打开【结果】面板，如图12-1所示。检查连接 在【结果】面板中单击【链接检查器】选项卡，再单击左侧的【检查链接】按钮，在弹出的菜单中选择【检查整个当前本地站点的链接】，此时，Dreamweaver CS3会自动检测站点中的所有链接，结果会显示在面板中，如图12-2所示。 任务说明 要让所有用户通过Internet访问自己的网站，需要将自己的网站先发布到Internet中，在发布网站前，需要先申请一个主页空间和域名。申请网站空间的方案有多种，如：申请专线空间、服务器托管、虚拟主机、免费空间等。一般地，对于个人的小型网站可采用免费空间的方式，但如果要做一个比较正规的站点，最好采用虚拟主机

3、的方式。无论采用哪种方案，我们最终想得到的是一个FTP主机的IP地址、登录帐号和密码，这样我们就可以将网页文件传到网上供大家浏览了。申请网站空间及域名免费空间的申请以“常来网”免费空间为例介绍一下免费空间的申请，操作步骤：首先登录http:/ 免费空间注册协议进入页面后，首先显示的是免费空间注册协议，单击【我同意】，进入用户注册页面，如图12-4所示。填写注册信息根据提示认真填写注册信息，确认无误后单击【注册】按钮，便进入到注册的第3个步骤：激活帐号，如图12-5所示。激活您的帐号单击【点击这里激活您的帐号】按钮，等待一段时间会提示：【激活成功，单击这里返回】。到此，一个免费的空间就申请成功了

4、，按提示操作后，返回到登录界面，如图12-6所示。完成登录输入登录信息后，单击【马上登录】按钮后，进入到免费空间管理界面，可方便地完成空间管理的各种操作。完成域名注册等待一段时间后，会显示出域名查询结果，如图12-9所示。免费申请域名案例 以在“中国万网”网站上申请域名为例来介绍域名的申请.操作步骤如下：登录http:/网站，首先进行域名查询，看是否已被注册，输入所希望的域名后，单击【查询】按钮，如图12-8所示。交费注册 从显示结果中，可选择自己想要的域名，如选中，然后单击【单个注册】，等待一段时间后，进入到域名注册的界面，再按照提示进行一步步操作，直到注册完成为止。但一定要注意，注册成功后

5、，用户需要在3天之内完成交费操作，否则，域名注册会自动取消。任务3网站的发布 任务说明: 在对站点测试完毕并申请了网站空间及域名后，就可以上传网站了。Dreamweaver CS3中的站点管理相当于一个FTP软件，它支持断点续传功能，具有批量上传、下载的功能。 操作步骤:以Dreamweaver CS3自身的功能为例，来介绍一下文件上传的具体步骤：1）在【文件】面板的【站点】下拉列表中选择【管理站点】选项，弹出【管理站点】对话框，如图12-10所示。择要上传的站点2）在对话框中选择要上传的站点，如：MySite，然后单击【编辑】按钮，弹出【Mysite的站点定义为】对话框，如图12-11所示。

6、图12-11选择上传站点。图12-10进入管理站点。输入FTP主机的名称3）在对话框中选择【高级】选项卡中【分类】列表框中的【远程信息】选项，再在右侧的【访问】下拉列表中选择【FTP】选项，在【FTP主机】文本框中输入FTP主机的名称（所申请的域名或虚拟主机FTP服务器的IP地址），如图12-12所示。再在【登录】和【密码】文本框中分别输入用于连接到FTP服务器的登录名和密码，即注册时的帐号和密码。进行Web服务器的测试4）单击【测试】按钮进行Web服务器的测试，成功后，则显示连接成功消息框。5）单击【确定】完成设置，此时在【文件】面板中会打开【MySite】站点。6）在【文件】面板中单击【展

7、开以显示本地和远端站点】按钮，展开站点管理器。如图12-13所示。上传整个网站7）在站点管理器中单击【连接到远端主机】按钮，开始连接FTP主机，成功后，左侧会显示出远端站点的文件夹信息。8）在站点管理器中单击【上传文件】按钮，弹击提示框：您确定要上传整个站点吗？单击【确定】，可对整个站点中的文件及文件夹进行服务器端的传送。 任务4站点的管理和维护任务说明:网站在编辑及维护过程中，会不断地进行修改，这就需要对站点进行必要的管理。操作步骤1）管理本地站点：在Dreamweaver CS3中的文件列表里选中要修改的站点，单击【管理站点】，可对已有的站点进行编辑和修改，如图12-14所示。编辑站点编辑

8、站点在【文件】面板的【站点】下拉列表中选择【管理站点】选项，弹出【管理站点】对话框，如图12-15所示。单击【编辑】按钮，弹出【new的站点定义为】对话框，用户可以在该对话框中直接对站点进行编辑，具体的操作过程与站点的创建基本相同，这里不再赘述。复制站点在【管理站点】对话框中选择想要复制的站点，单击【复制】按钮，就可在列表中出现复制后的站点名（一般在原名称的后边加上“复制”两字），但要注意，这里的复制只是复制了站点的信息，并没有复制站点中所有的文件及文件夹。编辑与创建站点地图删除站点 在【管理站点】对话框中选中要删除的站点，然后单击【删除】按钮.导出站点 当我们需要在其他机器使用该某个站点时，就可使用导出功能来移动该站点的信息。具体操作为 .导入站点 在【管理站点】对话框中，单击【导入】按钮，在打开的“导入站点”的对话框中，选择要导入的站点定义文件（*.ste），单击【打开】按钮，该站点的信息就导入到“管理站点”的对话框中了。创建站点地图为了更直观地了解站点的内部结构，方便站点地管理，在Dreamweaver CS3中的【文件】面板中