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

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