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

需积分: 16 1 下载量 75 浏览量 更新于2024-08-23 收藏 6.1MB PPT 举报
"图像链接-创建超级链接(Dreamweaver网站开发)" 在网页设计中,超级链接是页面间交互的基础,它允许用户通过点击文本、图像或其它元素跳转到另一个网页或位置。在Dreamweaver这款强大的网站开发工具中,创建超级链接非常直观且简单,下面将详细介绍如何进行操作。 ### 创建超链接的方法 1. **文本链接** - **方法1**:选中要作为链接的文本,然后通过菜单栏选择“插入” -> “超级链接”,在弹出的对话框中输入目标URL。 - **方法2**:同样选中文本,然后点击“插入”栏的“常用”类型中的“超级链接”图标,输入目标URL。 - **方法3**:选中文本后,在属性面板的“链接”文本框中直接输入要链接的页面地址。 2. **图像链接** - **方法一**:选中图像,在属性面板的“链接”文本框中输入要链接的页面URL。 - **方法二**:选中图像,右键选择“创建链接”,然后输入目标URL。 ### 路径类型 - **绝对路径**:提供一个完整的URL,如`http://www.baidu.com/`,指向互联网上的任何位置,不论当前页面在哪里。 - **相对路径**:相对于当前文档或网站根目录的路径,用于在同一网站内部创建链接,简化网址,例如,链接到同一站点内的其他页面。 ### 链接类型 - **外部链接**:链接到互联网上其他网站的链接,可以通过粘贴URL实现。 - **内部链接**:网站内部网页之间的链接,或者链接到网站内部文件,通常使用相对路径。 ### 目标属性 - **_blank**:在新浏览器窗口或标签中打开链接内容。 - **_parent**:在包含链接的父框架中打开链接内容,若无框架则等同于_self。 - **_self**:在当前框架或窗口中打开链接内容,这是默认行为。 - **_top**:在浏览器的整个窗口中打开链接内容,取消所有框架。 ### 任务示例 在给定的任务中,需要完成以下操作: 1. 添加关键词和描述元信息,这对于搜索引擎优化(SEO)非常重要。 2. 在表格中插入衣物图像并添加对应描述,提升用户体验。 3. 为logo、导航图像、衣物图像和宝贝描述的文字设置超链接,使用户能够方便地浏览网站。 4. 创建三个新的网页,每个网页展示一件衣服,并确保从首页点击图像能直接跳转到对应的衣物详细页面。 通过熟练掌握这些方法和技巧,可以有效地在Dreamweaver中构建交互性强、用户体验良好的网站。记得在创建链接时考虑用户体验,合理规划网站结构,使得用户能够轻松地找到所需信息。