Dreamweaver教程:创建文本与图像超级链接

需积分: 16 1 下载量 97 浏览量 更新于2024-08-23 收藏 6.1MB PPT 举报
"这篇资源主要介绍了如何在Dreamweaver中创建超级链接,包括文本链接和图像链接的方法,以及链接目标的设置。同时提到了关键词和描述的添加,以及在网页中构建多页面链接结构的学习任务。" 在网页设计中,超级链接是网页之间交互的关键,Dreamweaver作为一款强大的网站开发工具,提供了多种创建超链接的方式。首先,我们可以使用“插入”菜单中的“超级链接”选项来创建链接,这种方法适用于选中的文字或文本。其次,可以在“插入”栏的“常用”类型中找到“超级链接”图标,通过点击这个图标同样可以快速创建链接。最后,还可以直接在属性面板的“链接”文本框中输入目标页面的路径来建立链接。 超级链接的路径类型主要有两种:绝对路径和相对路径。绝对路径是完整的URL地址,如http://www.baidu.com/,它直接指向互联网上的任何位置。相对路径则相对简单,用于链接同一站点内的不同文档,只需提供相对于当前文档或站点根目录的路径。 链接的目的地可以分为外部链接和内部链接。外部链接是指向互联网上其他网站或网页的链接,通常需要输入完整的URL。内部链接则是网站内部网页之间的跳转,或者指向网站内部文件,可以通过浏览内部文件来设定。 链接目标属性决定了链接打开的方式,如: - _blank:新窗口打开链接内容,适合不希望原页面被替换的情况。 - _parent:在包含链接的父框架中打开,如果无框架,则行为类似_self。 - _self:在当前框架或窗口中打开,这是默认设置。 - _top:清除所有框架并在整个浏览器窗口中打开链接,确保链接内容全屏显示。 对于图像链接,有两种创建方式:一是选中图像后在属性面板设置链接;二是右键选择“创建链接”。HTML代码的基本结构是`<a href="链接地址">链接内容</a>`,其中`href`属性定义了链接的目标,内容可以是文本或图片。 此外,资源中还提到了一个学习任务,要求在网页中添加关键词和描述(meta标签,如`<meta name="Keywords" content="关键词">`,`<meta name="Description" content="描述">`),在表格中插入图片和描述,并为logo、导航图像、衣服图像及宝贝描述添加超链接。同时,需要创建三个新的网页,并实现点击首页能跳转到相应衣服图像的页面,以构建一个简单的网站结构。 这些知识对于初学者来说非常重要,不仅教授了如何在Dreamweaver中操作,还涵盖了基础的HTML链接语法和网页优化的基本元素,有助于提升网站的用户体验和搜索引擎可见性。