课程表

色彩特性

Dreamweaver 用户界面

创建与管理站点

文本、多媒体与超链接

Dreamweaver 布局

工具箱
速查手册

创建超链接

当前位置:免费教程 » 软件/图像 » Dreamweaver

  1.属性面板创建链接。

  首先选中需要添加超链接的文字,点击属性面板中的链接文件夹。

Dreamweaver使用属性面板创建链接

  选中需要链接到的网页文件后点击“确定”按钮。

Dreamweaver使用属性面板创建链接

  超链接添加完成后就可以得到如下效果。

Dreamweaver使用属性面板创建链接

       2.指向文件图标创建链接。

  首先选中需要添加超链接的文字,在属性面板中用鼠标拖动“指向文件”按钮,将其拖到链接文件。

Dreamweaver使用指向文件图标创建链接

  超链接添加完成后就可以得到如下效果。

Dreamweaver使用指向文件图标创建链接

    3.菜单创建链接。

  首先选中需要添加超链接的文字,选择“插入”菜单中的“超级链接”选项。

Dreamweaver使用菜单创建链接

  在“超级链接”对话框中,点击链接后的“文件夹”图标,如下图所示。

Dreamweaver使用菜单创建链接

  选择想要链接的网页文件后点击“确定”按钮,如下图所示。

Dreamweaver使用菜单创建链接

  在下图中点击“确定”按钮后就可以成功添加超链接了。

Dreamweaver使用菜单创建链接

Dreamweaver使用菜单创建链接

    4.图像热点链接。

  首先选中需要添加链接的图片,在软件下方的属性窗口中,我们可以看到“地图”项。

Dreamweaver怎么添加图像热点链接

  选择某种形状,并且在图片中用鼠标进行拖动,选中需要添加链接的部分,如下图所示。

Dreamweaver怎么添加图像热点链接

  选中添加链接的图片区域后,在属性窗口链接中就可以拖动“指向文件”按钮,为图片添加超链接。

Dreamweaver怎么添加图像热点链接

  超链接添加完成后,我们就在图片区域创建好了链接。

Dreamweaver怎么添加图像热点链接

      5.email链接。

  首先在“插入”菜单中选择电子邮件链接,如下图所示。

Dreamweaver怎么添加email链接

  在“电子邮件链接”对话框中,输入email地址,输入完成后点击“确定”按钮。

Dreamweaver怎么添加email链接

  这样电子邮件地址链接就添加完成咯。

Dreamweaver怎么添加email链接

 

 

    6.锚记链接

  如果一张网页中的内容很多,网页有很长,这时如果我们要快速找到目标,就需要通过锚点来实现。

  首先你可以在需要跳转文字前添加一个锚点标记,将鼠标光标放置到00前,点击右侧“常用”中的锚点标记。

Dreamweaver中如何创建锚记链接

  点击“锚点标记”后,在弹出框中输入锚记名称后点击“确定”按钮。

Dreamweaver中如何创建锚记链接

  这样就在“00”前插入了一个锚点。

Dreamweaver中如何创建锚记链接

  接着我们需要添加链接,假设你想要点击"2"后跳转到"00"处,选中文本2,在软件下方的链接中输入#+锚点名(本例中输入#aa),这样就可以成功插入锚点链接了。

Dreamweaver中如何创建锚记链接

    7.空连接

  首先选中需要添加空链接的文本,在软件下方的属性窗口链接项中输入“#”,这样空链接就创建好了,是不是很方便呢。

Dreamweaver如何添加空链接

转载本站内容时,请务必注明来自W3xue,违者必究。
 友情链接:直通硅谷  点职佳  北美留学生论坛

本站QQ群:前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

W3xue 的所有内容仅供测试,对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接(目前9元/月)请联系QQ:27243702 沸活量
皖ICP备17017327号-2 皖公网安备34020702000426号