Dreamweaver教程:创建图像和文本超级链接
需积分: 16 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中构建交互性强、用户体验良好的网站。记得在创建链接时考虑用户体验,合理规划网站结构,使得用户能够轻松地找到所需信息。
2021-10-11 上传
2022-07-10 上传
2022-04-13 上传
点击了解资源详情
2010-04-17 上传
2022-07-10 上传
2022-07-10 上传
2013-04-21 上传
2009-07-24 上传
小婉青青
- 粉丝: 26
- 资源: 2万+
最新资源
- Java集合ArrayList实现字符串管理及效果展示
- 实现2D3D相机拾取射线的关键技术
- LiveLy-公寓管理门户:创新体验与技术实现
- 易语言打造的快捷禁止程序运行小工具
- Microgateway核心:实现配置和插件的主端口转发
- 掌握Java基本操作:增删查改入门代码详解
- Apache Tomcat 7.0.109 Windows版下载指南
- Qt实现文件系统浏览器界面设计与功能开发
- ReactJS新手实验:搭建与运行教程
- 探索生成艺术:几个月创意Processing实验
- Django框架下Cisco IOx平台实战开发案例源码解析
- 在Linux环境下配置Java版VTK开发环境
- 29街网上城市公司网站系统v1.0:企业建站全面解决方案
- WordPress CMB2插件的Suggest字段类型使用教程
- TCP协议实现的Java桌面聊天客户端应用
- ANR-WatchDog: 检测Android应用无响应并报告异常