中文Dreamweaver_MX案例教程 教学课件 作者 杜金 等 第8章 站点与链接.ppt

第 8 章 站点与链接 主要内容 【实例】 建立一个本地站点 【实例】 利用站点窗口创建链接 【实例】 在页面内建立链接 【实例】 建立热点与HTML文件的链接 【实例】 建立邮件链接和脚本链接 【实例】 在站点中批量修改链接 【实例】 本地站点参数设置 【实例】 上传文件 【实例】 更新站点 【实例】 构建自己的站点空间 【实例51】 建立一个本地站点 实例效果 技术分析 操作步骤 一、实例效果 在Dreamweaver中建立本地站点后，“站点”对话框的显示效果如图所示。 建立本地站点后的“站点”对话框 二、技术分析 站点有网络服务器中的站点和本地站点两类。建立本地站点就是在本地主机的磁盘（通常是硬盘）中建立一个独立的目录，网页中的所有文件均存放在该目录中，以便于管理。通常，在设计网页前，应该先建立站点。 三、操作步骤 单击“站点”→“站点文件”菜单命令或单击“窗口” →“站点”菜单命令或按【F8】键弹出“站点”对话框，如果您的主机硬盘中已经建立了本地站点，则“站点”对话框右栏中会显示出该站点的结构和文件名。 如果您的主机硬盘中没有建立站点，则双击“站点”对话框中的下拉列表框 或单击右侧“未定义站点”下的“定义站点”链接，弹出站点定义向导，如图所示。 站点定义向导 按照提示，在站点名称文本框中输入WBESD，单击“下一步”按钮。向导提示“是否使用服务器技术”，选择“否，我不想使用服务器技术”，单击“下一步”按钮。 向导提示“在开发过程中，您打算如何使用您的文件”，选择“编辑我的计算机上的本地副本，完成后再上传到服务器（推荐）”，单击“文件夹位置”文本框右边的 图标，在弹出的对话框中选择WEBSD文件夹，完成后单击“下一步”按钮。在“链接到远程服务器”下拉列表框中选择“无”，单击“下一步”按钮。“定义站点”向导将所有设置信息列出，如果确认无误，单击“完成”按钮，结束“站点定义向导”设置。 完成“站点定义”向导后，“站点”对话框右侧一栏中会出现新建站点的结构、文件及文件夹的名字，如图所示。 “站点”对话框 【实例】 利用站点窗口创建链接 实例效果 技术分析 操作步骤 一、实例效果 利用站点窗口创建链接后，“站点”窗口的显示效果如图所示。在站点中创建链接后会在网页中自动插入一个链接，显示效果如图所示。 创建链接后的“站点”窗口 插入链接后网页的显示效果 二、技术分析 链接就是用鼠标单击HTML文件（叫源文件）中的一些文字（叫热字）或图像，即可用浏览器显示相应的网页和图像文件（叫目标文件）的内容。也就是说，在这些源文件的文字或图像与相应的目标文件的HTML和图像文件建立了链接。 在前面，介绍了利用在属性栏中的“链接”文本框中输入地址建立链接的方法。在“站点”窗口中，只需简单的拖曳操作，就能完成建立链接的操作。 三、操作步骤 调出“站点”窗口。单击“站点地图”按钮，调出“站点地图”视图。 单击选中“站点”窗口左边“地图”视图栏内建立链接的源文件图标“TH2.HTM”后，源文件图标右上方会出现一个指向图标 。如果没有出现指向图标 ，可在源文件图标上单击鼠标右键，弹出其快捷菜单，再单击菜单中的“显示/隐藏链接”菜单选项，即可使指向图标 显示出来。 用鼠标拖曳“站点”窗口左边“地图视图”栏内的指向图标 ，到图中“站点”窗口右边框架内的“INDEX.HTM”文件。这时会产生一个从指向图标 指向目标文件的箭头。当目标文件名字周围出现蓝色矩形框时，松开鼠标左键，即可完成链接。 利用“站点”窗口的链接方法 双击左边“地图”视图内的“TH2.HTM”文件，将网页文档打开，查看建立链接后网页的显示效果。 【实例】 在页面内建立链接 实例效果 技术分析 操作步骤 一、实例效果 在页面内建立链接后，网页的显示效果如图所示。单击“技术1”后，网页转到“调整图像的大小”位置，单击“技术2”后，网页转到“给图像加边框”位置。 在页面内建立链接后的显示效果 二、技术分析 当页面的内容很长时，在浏览器中查看某一部分的内容会很麻烦，这时可以在要查看内容的地方加一个定位标记，即锚点（也叫锚记）。这样，可以建立页面内文字或图像与锚点的链接，单击页面内文字或图像后，浏览器中会迅速显示锚点处的内容。也可以建立页面内文字或图像与其他HTML文件锚点的链接。 三、操作步骤 新建一个网页文档，将光标移到“调整图像大小”文字的后面，再单击“插入”（常用）面板内的“命名锚记”按钮，弹出“命名锚记”对话框，如图所示。 在“锚记名称”文本框内输入锚点的标记名字“1”。再单击“确定”按钮，退出该对话框。同时，在页面光标处会产生一个锚点标记。如果看不到该标记，可单击选中