《Dreamweaver8和Flash8案例教程》第7章 站点与链接

《《Dreamweaver8和Flash8案例教程》第7章 站点与链接》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、第7章站点与链接【案例21】修改“跟我学电脑”站点7.1【案例22】建立“跟我学电脑”网页与各子页面间的链接7.2【案例23】检查“跟我学电脑”网站中的链接7.3【案例24】上传“跟我学电脑”网站7.47.1【案例21】修改“跟我学电脑”站点7.1.1学习目标修改“跟我学电脑”站点的属性后，“站点”窗口的显示效果如图7-1-1所示。在该站点中定义了主页后，可以在“站点”窗口的左栏中显示出“跟我学电脑”网站的结构图，右栏中显示网页中的文件。7.1.2操作过程图7-1-1修改属性后“站点”窗口的显示效果7.1.3相关知识1．建立新站点（

2、1）在Dreamweaver的主窗口中单击“站点”→“管理站点”菜单命令，弹出“管理站点”对话框，如图7-1-3所示。（2）单击“管理站点”对话框中的“新建”按钮，弹出“新建”快捷菜单。在快捷菜单中，单击“FTP”菜单命令，弹出“站点定义为”（高级）对话框（打开“高级”选项卡），如图7-1-4所示。（3）在“站点名称”文本框内输入站点的名称。在“本地根文件夹”文本框内输入站点在本主机硬盘上的存储位置，即路径和文件夹名称。（4）在“HTTP地址”文本框内输入上传站点地址的URL，也可不输入内容。（5）选中“启用缓存”复选框后，可加速链接

3、的更新速度。（6）单击“确定”按钮后，返回“管理站点”对话框。在对话框的左边的列表框中，将列出刚创建的站点名称。单击“完成”按钮，即可返回Dreamweaver主窗口。（7）单击“文件”面板内第一个下拉列表框中的其他站点名称，可以显示其他站点的结构和文件。单击“窗口”→“文件”菜单命令，即可弹出“文件”面板，如图7-1-2所示。单击“文件”面板的标准工具栏内的“扩展/折叠”按钮，即可弹出“站点”窗口，如图7-1-1所示。这时该窗口中会出现新建站点的结构与文档、文件夹的名字。再单击“站点”窗口标准工具栏内的“展开/折叠”按钮，又可回到“

4、文件”面板。“文件”面板和“站点”窗口的特点如下。2．“文件”面板和“站点”窗口（1）在“文件”面板和“站点”窗口内可以执行标准的文件操作。将鼠标指针移到“文件”面板内或“站点”窗口的本地文件显示栏内，单击鼠标右键，可以弹出它的快捷菜单，利用该菜单可以创建文件夹、创建文件、移动文件、删除文件、打开文件和文件重命名等。（2）“站点”窗口内有两栏，左边是“地图”视图栏，右边是“本地文件”栏。用鼠标拖曳两栏之间的分割条，可以调整两栏的大小比例，甚至取消其中一个栏。（3）单击“站点”窗口内的“站点地图”按钮右下角的黑色箭头，可弹出一个菜单。单

5、击该菜单中的“仅地图”菜单命令，可使右边的“本地文件”栏消失。单击该菜单中的“地图和文件”菜单命令，可使右边的“本地文件”栏显示，即切换到“地图和文件”状态。（4）单击“站点”窗口内的“站点文件”按钮，可使“站点”窗口只显示“本地文件”栏，但左边的栏不消失，只是没有“地图”视图。7.2.1学习目标本实例的目的是将“跟我学电脑”网站中的index.htm网页作为主页，然后将各个实例页面与该网页使用链接的形式串联起来，最终形成一个完整的网站。建立“跟我学电脑”网页与各个子页面间的链接后，该网页的显示效果如图7-2-1所示。7.2【案例22

6、】建立“跟我学电脑”网页与各子页面间的链接图7-2-1建立各个子页面链接后的“跟我学电脑”网页在该页面中，列出了前面各章中制作的各个网页实例的名称，单击其中任意一个名称，即可链接到相应的页面。链接的定义是：单击HTML文件（叫做源文件）中的一些文字（叫做热字）或图像，即可用浏览器显示相应的HTML或图像文件（叫做目标文件）等内容。也可以说，在这些源文件的文字或图像与相应的目标文件的HTML和图像文件建立了链接。7.2.2操作过程1．文字或图像与外部HTML和图像文件的链接（1）利用“属性”栏内“链接”文本框和文件夹按钮建立链接7.2.

7、3相关知识用鼠标拖曳选中源文件中要链接的文字或选中要链接的图像。单击“属性”面板中的“链接”栏中的文件夹按钮，弹出“选择文件”对话框，利用该对话框选择要链接的HTML文件或图像文件（即目标文件）。也可以直接在文本框内输入要链接的HTML文件或图像文件的路径与文件名。使用路径时，一定要注意相对路径与绝对路径的使用方法，通常最好使用相对路径。（2）利用“属性”栏内“链接”栏的指向图标建立链接在网页编辑窗口内，同时打开要建立链接的源文件和要链接的目标文件（HTML文件），如图7-2-2所示。图7-2-2利用“属性”栏内“链接”栏的指向图标建

8、立链接选中建立链接的源文件中的文字或图像（如选中图7-2-2中左边网页中的文字）。用鼠标拖曳文字或图像“属性”栏内“链接”栏的指向图标到图7-2-2中右边网页编辑窗口内，这时会产生一个从指向图标指向目标文件的箭头，如图7