Dreamweaver MX网页设计与制作课件：站点管理和第三方组件

站点管理和第三方组件●站点的定义●站点和网页的关系●如何上传站点到网络服务器●使用第三方组件本章学习知识点5.1本地站点管理：软件屋本章内容目录5.2远程站点管理：软件屋5.3使用第三方组件：滑动菜单（SlideMenu）5.4总结提高5.5本章习题5.1本地站点管理：软件屋

5.1.1基本概念站点也称网站，是互联网中最小的环节，是一些通过超链接相互联系的网页集合。一般来说，用户应该首先在本地计算机上建立本地站点，设计合理的站点结构和制作所有的网页，进行一系列的测试。在测试通过后，再将网页上传到Internet服务器上。l

创建站点l

编辑站点内容使用文件面板5.1.2上机操作使用向导创建站点。在菜单栏中选择【站点】|【新建站点】命令，弹出【未命名站点1的站点定义为】对话框。在对话框中【站点名称】以及【本地根文件夹】后的文本框内填入基本信息切换到【基本】选项卡下，继续完成对站点的定义操作。单击【下一步】按钮，可以设置站点需要的服务器技术，由于这里是本地管理而且是静态站点，所以选择“否，我不想使用服务器技术”复选框

单击【下一步】按钮，可以设置该站点的编辑方式。有三个选项，单击选择【编辑我的计算机上的本地副本，完成后再上传到服务器（推荐）】按钮。其余的两个选项需要网络环境，在本书的下一节内容中会介绍。在对话框中的【你将把网页文件存储在计算机的什么位置？】文本框内填入路径，或者单击后面的【选择文件】按钮，在弹出的【选择站点软件屋2的本地根文件夹】对话框中选择路径

单击【下一步】按钮进入【站点定义】对话框设置远程站点，如图5.5所示。在【您如何连接到远程服务器】下拉列表中选择“无”选项。

单击【下一步】按钮，进入【站点定义】对话框，这个对话框将列出站点设置的所有属性。包括站点的本地信息、远程信息和测试服务器信息。用户可以在此查看核对站点的设置，如果有错误，则可以单击【上一步】返回进行修改。

查看网站地图

管理站点，可以对站点进行的操作有添加、删除、编辑、复制和导入导出。首先我们可以编辑站点。选择【站点】|【编辑站点】，打开【编辑站点】对话框5.2远程站点管理：软件屋

5.2.1基本概念DreamweaverMX不仅具有强大的网页制作功能，而且在站点创建与管理方面功能同样强大。DreamweaverMX提供的站点管理器可以全面实现对远程服务器的管理和控制。这一节将介绍有关网站的测试、上传及维护，完成网站制作最后的一个步骤。l

站点链接测试l

修复站点链接优化HTML源代码5.2.2上机操作测试站点的兼容性。选择菜单【文件】|【检查页】|【检测目标浏览器】命令，打开【目标浏览器检查】面板。在弹出的【检查目标浏览器】对话框中，选择【MicrosoftInternetExplorer5.0】进行检查。

站点的链接测试。检测网页中是否包含断开的链接是一个非常重要的醒目，如果网页中存在这种错误链接，一般很难手工查找到。Dreamweaver可以帮助用户快速地检查站点中的网页的链接，避免出现错误。首先选择菜单【文件】|【检查页】|【检查链接】命令，打开【链接检查器】面板。单击【链接检查器】左上角的【检查链接】按钮，在弹出的菜单中选择【为整个站点检查链接】。在【链接检查器】面板中会显示检查的结果

测试站点的合法性。选择【文件】|【检查页】|【验证标记】命令，打开【验证】面板

单击【验证】面板左上角的三角形按钮，在弹出的菜单中选择相应命令对整个站点进行验证

生成站点报告，对网页设计做出一些建议，帮助用户修改网页。选择菜单中【站点】|【报告】命令，打开【报告】对话框

在【报告在】下拉列表中选择【整个当前本地站点】。在【选择报告】区域中，选中“可移除的空标签”以及“多余的嵌套标签”前的复选框。单击【运行】按钮，就会生成网站报告

上传站点到服务器的步骤设置服务器信息。选择菜单【窗口】|【文件】命令，打开【文件】面板，在【站点】下拉列表中选择【编辑站点】命令，如图5.20所示。打开【编辑站点】对话框

选择【软件屋】，并且单击【按钮】，重要就弹出【软件屋的站点定义为】对话框，选择高级选项卡中【分类】栏中的【远程服务信息】项，右侧列出了有关远程服务器的一些信息。在【访问】右边的下拉菜单中选择【FTP】模式。在相应的各个文本框中填入对应的文本，找到一个合法的FTP主机地址，并在【登陆】以及【密码】文本框中填入相应的数据就可以了。单击【测试】按钮对远程服务器进行连接测试

链接到远端服务器。只要打开站点管理窗口，单击工具栏中的【连接接到远端主机】按钮。

文件上传。首先选择需要上传的文件，单击工具栏上的按钮，于是开始上传网页

5.3使用第三方组件：滑动菜单（SlideMenu）

5.3.1基本概念第三方组件就是可以添加到Dreamweaver程序中用来增强程序功能的软件。其中包括可以添加到【插入】快捷栏以及【插入】菜单的HTML代码，也包括可以添加到【命令】菜单的JavaScript命令。“滑动菜单”只是众多的第三方组件中的一员，使用此组件可以方便地制作出漂亮的滑动菜单，并且适合作网络站点的导航。MacromediaExtensionManager（扩展管理器）在插件菜单中设置滑动菜单基本属性

5.3.2上机操作启动Macromedia扩展管理器。在Dreamweaver中，执行菜单栏中的【命令】|【扩展管理】命令安装滑动菜单插件。单击【Macromedia扩展管理器】左上角的【安装新的扩展】按钮，弹出【选择要安装的扩展】对话框

继续安装插件。在弹出的免责许可声明窗口下，单击【接受】按钮，在【Macromedia扩展管理器】弹出窗口下方单击【确定】按钮

新建一个网页文档，并保存。在【插入】快捷栏中选择【常用】选项，接下来左键单击【MFX_SlideMenu】按钮

在对话框中输入需要插入的滑动导航栏的基本属性。从上向下的下拉菜单和文本框分别代表的意思是：菜单级数、菜单与页面的上边距、菜单与页面的左边距、子菜单相对主菜单的缩进距离、菜单的滑动速度、双击后是否关闭菜单

在代码视图中，通过修改代码改变颜色默认菜单颜色修改后菜单颜色5.4总结提高本章介绍了站点的本地管理和远程管理。利用Dreamweaver可以完成站点的上传、更新、链接测试，找出其中的断裂和错误，并且及时对网页设计中的谬误进行修正，确保网页结构的稳健。第三方插件可以到网上进行搜索下载，一般来说使用第三方插件可以大大提高Dreamweaver用户制作网页的效率。但是使用插件存在一些缺憾：使得网页制作变得千篇一律，没有自己的性格特点；和用户自己设定的资源名称发生冲突，软件自动关闭。

5.5本章习题1、在创建站点的时候，为了管理方便，建立文件夹应该分好类。目前网站比较流行的存放图片的文件夹命名为：A.sounds B.imagesC.templates D.classes2、设置远程服务器的时候，可