Dreamweaver教程：创建超级链接与图像链接

"创建超级链接-创建超级链接（Dreamweaver网站开发）" 在网站开发中，创建超级链接是至关重要的技能，它使得用户能够从一个网页跳转到另一个网页或者资源。Dreamweaver作为一款强大的网站开发工具，提供了多种方式来创建这些链接。以下是对创建超级链接的详细说明： **绝对路径与相对路径** 1. **绝对路径**：这是一种完整的URL（统一资源定位符），包括协议（如http或https）、主机名（如www.baidu.com）以及文件路径。使用绝对路径，无论当前页面在哪里，都能准确找到链接的目标位置。 2. **相对路径**：相对路径是相对于当前文档或网站根目录的路径。这种方式在创建内部链接时更为常见，因为它简化了链接的编写，尤其是当网站结构发生变动时，相对路径的链接一般不受影响。 **链接类型** 1. **外部链接**：指向互联网上其他网站或网页的链接，通常需要输入完整的URL。 2. **内部链接**：在同一个网站内部不同页面间的链接，可以是页面到页面，也可以是链接到网站内的文件。 **创建超级链接的方法** 在Dreamweaver中，有三种主要方法创建超级链接： 1. **方法1**：选中要变为链接的文本，然后从菜单栏选择“插入” -> “超级链接”，在弹出的对话框中输入目标URL。 2. **方法2**：同样选中文本，然后在“插入”栏的“常用”类型中点击“超级链接”图标，随后输入链接地址。 3. **方法3**：选中文本后，在属性面板的“链接”文本框中直接输入目标页面的URL。 **链接目标属性** 链接目标属性决定了链接打开的方式，常见的有： - `_blank`：在新的浏览器窗口或标签页中打开链接内容。 - `_parent`：如果链接在框架中，会在包含链接的父框架内打开；如果没有嵌套框架，行为与`_self`相同。 - `_self`：默认值，链接内容将在当前窗口或框架中打开。 - `_top`：在浏览器的顶级窗口中打开链接，清空所有框架。 **图像链接** 1. **方法一**：选中图像，然后在属性面板的“链接”文本框中输入目标URL。 2. **方法二**：右键点击图像，选择“创建链接”选项，然后输入链接地址。 HTML代码示例： ```html <a href="点击之后所要看到的文件">需要点击的文本或图片</a> ``` **任务5.3 - 给网店加入超链接** 这个任务要求实现以下功能： 1. 在网页中添加关键词和描述（用meta标签，例如`<meta name="Keywords" content="关键词">`和`<meta name="Description" content="网页描述">`）。 2. 在表格中插入衣物图像和相关描述。 3. 为Logo、导航图像、衣物图像及宝贝描述的文本添加超链接。 4. 创建三个新的网页，并在首页中设置点击衣物图像能跳转到相应的详细页面。 通过学习和实践这些任务，你可以掌握在Dreamweaver中创建和管理超链接的基本技巧，这对于构建交互性强、用户体验良好的网站至关重要。