新现代教育技术 教学课件 祝士明现代教育技术10章 10 2.pptVIP

10.2 网络课件的网站创建、管理与发布 网络课件的开发过程与一般网站有很多类似之处。站点是一系列文档的组合，这些文档之间通过各种链接联系起来，拥有相似的属性，如描述相关的主题，采用相似的设计风格等。利用浏览器可以实现对整个站点的浏览。 10.2 网络课件的网站创建、管理与发布 在 Dreamweaver中，“站点”这个术语既可以指 Internet服务器上的远端站点，也可以位于本地计算机上的本地站点。利用站点，可以帮助我们对文件进行管理，也可以尽可能的较少错误，如路径、链接出错。 因此，掌握利用Dreamweaver创建、管理和发布站点是十分必要的。 10.2.1创建本地站点 具体操作步骤 1.运行DreamweaverMX,选择菜单中的站点→新建站点命令，或者单击“文件”面板中的站点→新建站点命令，弹出图示站点命名对话框 10.2.1创建本地站点 2.在“基本”选项卡中进行站点设置。站点的名称可以是任何需要的名称，这里我们将站点名设置为“jyjs”，这是标题栏则变成“jyjs”的站点定义为”。单击下一步按钮，弹出如图所示服务器技术对话框。 10.2.1创建本地站点 3.此处系统询问是否使用服务器技术，我们准备建立一个静态网站，故而选择“否”，单击下一步按钮，弹出如图所示存储位置对话框。 10.2.1创建本地站点 4.此处系统会询问用户如何使用该文件，并设置文件的存储位置。通过上页图中所示对话框，我们完成了编辑和调试文件的方式设置以及文件存储目录的设置。单击下一步按钮，弹出如图所示链接远程服务对话框。 10.2.1创建本地站点 5.在上一图的对话框中，系统询问如何连接到远程服务器。在这里我们暂不考虑服务器的相关问题，故而在“您如何连接到远程服务器”下拉列表中选择“无”选项。单击下一步按钮，出现如图所示站点信息总结对话框。 10.2.1创建本地站点 6.上图所示对话框是对整个站点定义的总结界面，单击完成按钮，即可创建一个站点。该站点出现在“文件”面板的“站点”子面板下，如图所示。此处给出了站点的名称和本地存储路径。 10.2.2 管理站点文件 1．创建文件夹和文件 网站每个栏目中的所有文件都被统一存放在单独的文件夹内。 创建文件夹的具体操作步骤为：在“文件”面板的站点文件列表框中，用鼠标右键单击要创建文件夹的父级文件夹，弹出快捷菜单，选择新建文件夹命令，即可创建一个新文件夹，如图所示。 10.2.2 管理站点文件 2．移动和复制文件 同大多数的文件管理一样，设计者可以利用剪切、复制和粘贴命令来实现对文件的移动和复制。具体操作步骤 在“文件”面板的站点文件列表中，鼠标右键单击要移动或复制的文件。 在弹出的快捷菜单中，出现了剪切、复制等命令。 若要移动文件，选择剪切命令；若要复制文件，则选择复制命令。 将光标定位到移动/复制的目的，同样鼠标右键单击，在弹出的快捷菜单中选择粘贴命令，即可完成对文件的移动或复制。 10.2.3 网站的发布 网页制作完毕要发布到Web服务器上，才能够让别人观看。目前上传的工具有很多，既有一些专门负责文件上传的工具，也有一些网页制作工具本身就带有文件上传功能，Dreamweaver就为我们提供了这样的功能。 在网页上传之前，要先在浏览器中打开网站，逐页进行测试，发现问题，及时修改，然后再上传测试。 10.2.3 网站的发布 1．站点的测试 整个网站中有成千上万的超级链接，发布网页前需要对这些链接进行测试。如果手动对每个链接进行测试，会浪费很多时间，Dreamweaver中的“站点管理器”窗口就提供了对站点的链接进行快速检查的功能。 10.2.3 网站的发布 （1）检查断掉的链接 检查链接功能用于在打开的文件、本地站点的某一部分或者整个本地站点中查找断链接和未被引用的文件。 10.2.3 网站的发布 检查方法如下： 在“文件”面板的“站点”选项卡中，选择菜单中的站点→检查站点范围的链接命令，此时在“属性”面板会出现一个“结果”面板，此处显示链接的属性，单击某一文件的地址，在其右边会显示一个“浏览文件夹”的选项,如图所示 10.2.3 网站的发布 （2）检查外部链接 外部链接可以检查出外部网站链接的全部信息。在“结果”面板中，选择“链接检查器”选项卡，在“显示”下拉列表中，选择“外部链接”选项，即可查看外部链接情况。 10.2.3 网站的发布 （3）检查孤立文件 孤立文件在网页中没有用，上传后它会占据有效空间，这种文件应该清除掉。一个网站中有很多文件，Dreamweaver可以自动检查孤立文件，只要在“显示”下拉列表中选择“孤立文件”，在结果面板中就会显示出所有的孤立文件。 10