5.2设置网页主体（课件）-高二《网页设计与制作》同步教学（人民邮电版）

本任务主要是对网页主体部分的超级链接进行设置，主要包括： 图像超级链接 文本超级链接 下载超级链接 图像地图（热点） Dreamweaver 8 网页设计与制作 任务二 设置网页主体 项目五： 制作教育导航网页 任务一 任务二 任务三 小 结 任务四 实 训 操作一 设置门户教育栏目 Dreamweaver 8 网页设计与制作 项目五： 制作教育导航网页 给图像添加链接，使其可以指向其他的网页或者文档，这就是图像超级链接。本操作将通过图像【属性】面板来设置门户教育栏目中的图像超级链接。通过本操作的学习，应该掌握的内容主要有： 1.设置图像超级链接的方法 首先选中图像，然后在图像【属性】面板的【链接】文本框中输入图像的链接地址，在【目标】下拉列表中选择目标窗口的打开方式，如“_blank”。 设置门户教育栏目操作动画 任务一 任务二 任务三 小 结 任务四 实 训 操作一 设置门户教育栏目 Dreamweaver 8 网页设计与制作 项目五： 制作教育导航网页 2. 超级链接目标窗口的打开方式 【属性】面板的【目标】下拉列表中共有4个选项： （1）【_blank】表示打开一个新的浏览器窗口，在其中显示链接所指向的网页文档内容。 （2）【_parent】表示回到上一级的浏览器窗口，显示链接所指向的网页文档内容。 （3）【_self】表示在当前的浏览器窗口中显示链接所指向的网页文档内容。 （4）【_top】回到最顶端的浏览器窗口中显示链接所指向的网页文档内容。 任务一 任务二 任务三 小 结 任务四 实 训 Dreamweaver 8 网页设计与制作 操作二 设置教育网站栏目 项目五： 制作教育导航网页 本操作将设置教育网站栏目中的文本超级链接。通过本操作的学习，应该掌握的内容主要有： 1.设置文本超级链接的方法 （1）通过【超级链接】对话框设置超级链接 在主菜单中选择【插入】／【超级链接】命令或在【插入】／【常用】面板中单击 （超级链接）按钮，打开【超级链接】对话框进行设置即可。 其中，可以通过【访问键】选项设置链接的快捷键，也就是按下【 Alt 】 ＋ 【 26个字母键其中1个】将焦点切换至文本链接，还可以通过【Tab键索引】选项设置【 Tab 】键切换顺序。 设置教育网站栏目操作动画 任务一 任务二 任务三 小 结 任务四 实 训 Dreamweaver 8 网页设计与制作 操作二 设置教育网站栏目 项目五： 制作教育导航网页 当单击【链接】下拉列表右边的 按钮时将打开【选择文件】对话框。【相对于】下拉列表中有“文档”和“站点根目录”两个选项：【文档】 和【站点根目录】 。 任务一 任务二 任务三 小 结 任务四 实 训 Dreamweaver 8 网页设计与制作 操作二 设置教育网站栏目 项目五： 制作教育导航网页 ①【文档】选项 如果选择【文档】选项，将使用文档相对路径来链接，省略与当前文档URL相同的部分。文档相对路径的链接标志是以“../”开头或者直接是文档名称、文件夹名称，参照物为当前使用的文档。 如果在还没有命名保存的新文档中使用文档相对路径，那么Dreamweaver 8将临时使用一个以“file://”开头的绝对路径。当文件保存后，Dreamweaver 8再将“file://”路径转换为一个相对路径。 通常，当网页是静态网页，不包含应用程序，且文档中不包含多重参照路径时，建议选择文档相对路径。因为这些网页可能在光盘或者不同的计算机中直接被浏览，文档之间需要保持紧密的联系，只有文档相对路径能做到这一点。 任务一 任务二 任务三 小 结 任务四 实 训 Dreamweaver 8 网页设计与制作 操作二 设置教育网站栏目 项目五： 制作教育导航网页 ② 【站点根目录】选项  如果选择【站点根目录】选项，那么此时使用站点根目录相对路径来链接，即从站点根文件夹到文档所经过的路径。站点根目录相对路径的链接标志是首字符为“/”，它以站点的根目录为参照物，与当前的文档无关。 当网站的根目录发生改变，如网站被定义为虚拟目录，相对站点根目录路径就会发生错误，这时使用相对文档路径就有一定的优势。通常当网页包含应用程序，文档中包含复杂链接及使用多重的路径参照时，需要使用站点根目录相对路径。