第7章 站点与链接.pptVIP

第7章 站点与链接 7.1 【案例21】修改“跟我学电脑”站点 7.1.1 学习目标 修改“跟我学电脑”站点的属性后，“站点”窗口的显示效果如图7-1-1所示。在该站点中定义了主页后，可以在“站点”窗口的左栏中显示出“跟我学电脑”网站的结构图，右栏中显示网页中的文件。 7.1.2 操作过程 7.1.3 相关知识 1．建立新站点 （1）在Dreamweaver的主窗口中单击“站点”→“管理站点”菜单命令，弹出“管理站点”对话框，如图7-1-3所示。 （2）单击“管理站点”对话框中的“新建”按钮，弹出“新建”快捷菜单。在快捷菜单中，单击“FTP”菜单命令，弹出“站点定义为”（高级）对话框（打开“高级”选项卡），如图7-1-4所示。 （3）在“站点名称”文本框内输入站点的名称。在“本地根文件夹”文本框内输入站点在本主机硬盘上的存储位置，即路径和文件夹名称。 （4）在“HTTP地址”文本框内输入上传站点地址的URL，也可不输入内容。 （5）选中“启用缓存”复选框后，可加速链接的更新速度。 （6）单击“确定”按钮后，返回“管理站点”对话框。在对话框的左边的列表框中，将列出刚创建的站点名称。单击“完成”按钮，即可返回Dreamweaver主窗口。 （7）单击“文件”面板内第一个下拉列表框中的其他站点名称，可以显示其他站点的结构和文件。 2．“文件”面板和“站点”窗口 单击“窗口”→“文件”菜单命令，即可弹出“文件”面板，如图7-1-2所示。单击“文件”面板的标准工具栏内的“扩展/折叠”按钮 ，即可弹出“站点”窗口，如图7-1-1所示。这时该窗口中会出现新建站点的结构与文档、文件夹的名字。再单击“站点”窗口标准工具栏内的“展开/折叠”按钮 ，又可回到“文件”面板。“文件”面板和“站点”窗口的特点如下。 （1）在“文件”面板和“站点”窗口内可以执行标准的文件操作。将鼠标指针移到“文件”面板内或“站点”窗口的本地文件显示栏内，单击鼠标右键，可以弹出它的快捷菜单，利用该菜单可以创建文件夹、创建文件、移动文件、删除文件、打开文件和文件重命名等。 （2）“站点”窗口内有两栏，左边是“地图”视图栏，右边是“本地文件”栏。用鼠标拖曳两栏之间的分割条，可以调整两栏的大小比例，甚至取消其中一个栏。 （3）单击“站点”窗口内的“站点地图”按钮 右下角的黑色箭头，可弹出一个菜单。单击该菜单中的“仅地图”菜单命令，可使右边的“本地文件”栏消失。单击该菜单中的“地图和文件”菜单命令，可使右边的“本地文件”栏显示，即切换到“地图和文件”状态。 （4）单击“站点”窗口内的“站点文件”按钮 ，可使“站点”窗口只显示“本地文件”栏，但左边的栏不消失，只是没有“地图”视图。 7.2 【案例22】建立“跟我学电脑”网页与各子页面间的链接 7.2.1 学习目标 本实例的目的是将“跟我学电脑”网站中的index.htm网页作为主页，然后将各个实例页面与该网页使用链接的形式串联起来，最终形成一个完整的网站。建立“跟我学电脑”网页与各个子页面间的链接后，该网页的显示效果如图7-2-1所示。 在该页面中，列出了前面各章中制作的各个网页实例的名称，单击其中任意一个名称，即可链接到相应的页面。 链接的定义是：单击HTML文件（叫做源文件）中的一些文字（叫做热字）或图像，即可用浏览器显示相应的HTML或图像文件（叫做目标文件）等内容。也可以说，在这些源文件的文字或图像与相应的目标文件的HTML和图像文件建立了链接。 7.2.2 操作过程 7.2.3 相关知识 1．文字或图像与外部HTML和图像文件的链接 （1）利用“属性”栏内“链接”文本框和文件夹按钮 建立链接 用鼠标拖曳选中源文件中要链接的文字或选中要链接的图像。 单击“属性”面板中的“链接”栏中的文件夹按钮 ，弹出“选择文件”对话框，利用该对话框选择要链接的HTML文件或图像文件（即目标文件）。也可以直接在文本框内输入要链接的HTML文件或图像文件的路径与文件名。使用路径时，一定要注意相对路径与绝对路径的使用方法，通常最好使用相对路径。 （2）利用“属性”栏内“链接”栏的指向图标 建立链接 在网页编辑窗口内，同时打开要建立链接的源文件和要链接的目标文件（HTML文件），如图7-2-2所示。 选中建立链接的源文件中的文字或图像（如选中图7-2-2中左边网页中的文字）。 用鼠标拖曳文字或图像“属性”栏内“链接”栏的指向图标 到图7-2-2中右边网页编辑窗口内，这时会产生一个从指向图标 指向目标文件的箭头，如图7-2-2所示。然后松开鼠标左键，即可完