首页 - 快讯 - 钢琴 - 曲谱 - 童画 - 教案 - 国画 - 书法 - 素描 - 色彩 - 雕塑 - 版画 - 漫画 - 设计 - 高考 - 简章 - 考分 - 院校 - 考题 - 考点 - 图库 - 名家 - 下载 - 论坛
河南艺术网
幼儿教案 - 小学教案 - 初中教案 - 高中教案 - 美术论文 - 国画教程 - 书法教程 - 色彩教程 - 雕塑教程 - 版画教程 - 素描教程 - 漫画教程 - 童画教程 - 设计学院
photoshop Fireworks flash sdmax Illustrator CorelDraw PhotoImpact maya AutoCAD Dreamweaver
高考频道
您现在的位置: 河南艺术网 >> 教程 >> 设计学院 >> Dreamweaver >> 正文

Dreamweaver MX技巧之超链接
http://www.henanart.com 2007-10-21 19:11:00 佚名

为了网站中的众多网页能够成为一个有机的整体,必须将各个网页通过超链接方式联系起来,这样才能够让浏览者在不同的页面之间跳转。

一、链接图片和文字

为一些文字或者图片建立链接非常方便,只要用鼠标选中需要变成链接的图片或者文字,然后在属性面板的“Link”输入框中输入需要跳转的目标页面地址,或者按下输入框旁边的文件夹图标来选择需要跳转的文件。除此之外,Dreamweaver MX 2004还提供了一种通过网站窗口来快速链接文件的方法。

第一步:首先运行“Site→Manage Sites”命令,并且从弹出菜单中选择一个已经创建好的站点,此时可以在右部看见弹出的站点管理窗口。

第二步:在编辑区选中文字或者图片,直接拖拽属性面板中“Link”输入框旁边的圆形标靶图标,这时将出现一个箭头,当箭头指向网站管理器中的某一个文件时,文件周围会出现一个方框(如图1)。

图1

第三步:松开鼠标之后,选中的文字下部就会出现下划线,同时单词的颜色变成蓝色,而且“Link”输入框中也会自动显示目标文件的地址。

提示:在建立链接的时候需要注意URL的两种方式。1.绝对地址:例如www.abc.com/test.htm;2.相对地址:比如download/1.htm,说明页面1.htm在服务器的根目录中。

二、在一张图片上设定多个链接

有些网页在一张大图片上做了多个链接,这样访问者可以通过点击图片的不同位置进入不同的页面,这是应用了图像热区域的概念,我们可以参照下述步骤实现。

第一步:在Dreamweaver MX 2004中可以先选中图像,此时可以在图像属性面板上看见一个“Map”区域,在其下方有三个淡蓝色的工具图标,即矩形、圆形和多边形。

第二步:根据需要用鼠标选中其中的一个,再把鼠标移到图像上拖拽出一块淡蓝色的区域。

第三步:在属性面板中的“Link”输入框中填写需要链接的网页地址,这样一个图像热区域就做好了。

同样,再对这幅图像设定多个图像热区域,也就可以实现点击图片的不同区域进入不同的页面了。


  • 上一篇教程:

  • 下一篇教程:
  •   网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
     热 门 文 章
    普通教程Dreamweaver进阶:标签选择器的妙用
    普通教程Dreamweaver也能轻松制作Flash相册
    普通教程网站制作中的版式原理和版式原理
    普通教程Dreamweaver中灵活使用网页表格
    普通教程Dreamweaver技巧之如何使用模板
    普通教程十二个Dreamweaver使用小秘诀
    普通教程Dreamweaver制作网页经典问题大整理
    普通教程Dreamweaver8创建自定义代码片段的方法
    普通教程Dreamweaver轻松制作网页页内连接
    普通教程Dreamweaver轻松制作网页页内连接
     相 关 文 章
    Fireworks教程:制作图标-金属锁教程
    Fireworks制作“回形针卡照片”特效教程
    用Fireworks打造漂亮流光吊坠教程
    CorelDRAW浮雕图案教程
    CorelDRAW透明图案教程
    Dreamweaver进阶:标签选择器的妙用
    Dreamweaver也能轻松制作Flash相册
    Dreamweaver中灵活使用网页表格
    Dreamweaver技巧之如何使用模板
    CorelDRAW 12合并打印使用方法及应用实例教

    河南艺术网

    豫ICP备05020495号
    版权所有 河南艺术网(HenanArt.Com)
    网站推广:河南天艺文化传媒有限公司 联系电话:0371-65257910
    Copyright © 2006 - 2008 henanart.com Inc. All Rights Reserved
    关于我们 | About HeNanArt | 服务条款| 广告服务| 招聘信息 | 公益事业| 客服中心| 网站导航