网页制作实验教程第九章 链接命名锚记.ppt

第九章 链接命名锚记 命名锚记像一个迅速定位器一样是一种页面内的超级链接，运用相当普遍。当页面中的文章很长时，仅靠上下移动滚动条寻找需要的部分比较麻烦，这时可以创建页面内的超级链接，以便迅速找到需要的资料。 实验目的： 要求同学们能够掌握命名锚记的插入方法以及链接设置锚记的方法。 实验原理： 命名锚记使你能够精确地控制访问者在其单击超链接之后到达的位置。没有命名锚记的链接将把访问者带到目标网页的顶端。 实验条件： 电脑操作系统Windows XP/2000/98、Dreamweaver 8网页设计软件。 实验二十七 创立命名锚记 在Dreamweaver中命名锚记的英文是Anchor，中文意思为“锚”，意指其功能像船的锚一样，能迅速下沉并且定位。本实验以创立“太阳系介绍”这一长网页的命名锚记为例，讲述命名锚记的插入方法。 实验内容： 步骤1 将光标移至需要插入锚记的段落标题“水星”前，选择［插入］工具栏中的［常用］菜单中的［命名锚记］命令，单击按钮。 步骤2 弹出［命名锚记］对话框，为锚记命名为“水”，单击确定按钮，命名锚记被插入至“水星”标题前。 步骤3 将光标移至需要插入锚记的段落标题“金星”前，选择［插入］工具栏中的［常用］菜单中的［命名锚记］命令，单击 按钮，弹出［命名锚记］对话框，为锚记命名为“金”，单击确定按钮，命名锚记被插入至“金星”标题前。 步骤4 依次将需要插入命名锚记的标题按照上述方法插入命名锚记。 实验二十八 链接命名锚记 标题插入命名锚记之后，就需要在网页内容上设置相应的命名锚记链接。本实验仍以设置“太阳系介绍”长网页的命名锚记链接为例，讲述设置命名锚记链接的方法。 实验内容： 步骤1 用光标选取链接文字（水星）。 步骤2 在［属性］面板中的［链接］地址栏中填写要链接的命名锚记名称（#水）。 步骤3 用光标选取链接文字（金星），。 步骤4 点击［属性］面板［链接］选项的（指向文件）按钮，选取要链接的命名锚记。 步骤5 将所有链接命名锚记设置完成，单击F12，在浏览器中预览效果。 步骤6 点击一个链接“土星”，则网页会自动跳到“土星”段落。 学习与思考 根据本章所讲的锚记链接功能，希望同学们按照以下要求来完善你的个人主页: 1.为你的主页建立相应的命名锚记。 2.为命名锚记建立相关的链接内容。 3.设置锚记链接，便于用户更好地浏览你的个人主页。 * * 实验二十七 创立命名锚记 实验二十八 链接命名锚记 *