文章分类 | 推荐文章 | 最新文章 | 热点文章 | 最新软件 | 精品软件 | 下载排行 | 推荐下载 | 免费看大片 | WPS | 杀毒软件
清风网络
首 页 软件下载 网络学院 数码学院
QQ 电脑入门 游戏 操作系统 图形处理 办公软件 媒体动画 精文荟萃 工具软件 网络编程 程序开发 网络技术 认证考试 网站建设 文章专栏
当前位置:清风网络学院网站建设DreamWeaver新手学堂:DreamweaverMX技巧之超链接
精品推荐
特别推荐
·玩转Dreamweaver速记CSS属性
·在DW中使用CSS样式表来设置网页
·利用DW8掌握网页代码基本格式
·用Dreamweaver8制作网页中常用的过度效果
·级联删除的触发器代码解释
·DW滤镜样式的语法规则
·Dreamweaver初学者常见问题解答
·12个Dreamweaver鲜为人知的小秘诀
·巧妙运用Dreamweaver进行网页制作技巧
·网页导航设计九大注意事项
·Dreamweaver技巧12条
·DreamWeaver 经典
·寻找Dreamweaver鲜为人知的小秘诀
·在DW中插入Flash的参数详解
·Dreamweaver层使用八定律
·用Dreamweaver MX 2004的Flash动画元素
·DW 技巧简单几问几答
·Dreamweaver MX实例:插入交替图像按钮
·在DreamWeaver中应用CSS样式表技巧两则
·Dreamweaver MX 2004的一句话技巧
热点TOP10
·Dreamweaver MX 2004做ASP程序(4)用户注册系统
·Dreamweaver MX 2004做ASP程序(5)登陆系统的实现
·Dreamweaver MX 2004做ASP程序(3)显示数据库的数据
·如何在Dreamweaver中进行数据库连接
·菜鸟学用DreamWeaver做ASP
·用Dreamweaver MX制作导航下拉菜单
·Dreamweaver MX 2004做ASP程序(1)设置站点
·Dreamweaver MX 2004做ASP程序
·Dreamweaver 8.0/Flash 8.0/Fireworks 8.0简体中文正式版下载及注册码
·Dreamweaver MX 2004从零开始_用模板制作网页
·用Dreamweaver MX 2004设计超简留言本(二)
·入门:用Dreamweaver简单描述制作网页的基本步骤
·用Dreamweaver MX 2004制作ASP动态网站(投票系统篇)
·Dreamweaver MX 2004做ASP程序(2)建立数据库
·网页制作傻瓜工具集锦
·级联删除的触发器代码解释
·Dreamweaver网页制作教程:创建导航条
·dreamweaver制作可控制的横向滚动
·12个Dreamweaver鲜为人知的小秘诀
·Dreamweaver MX 2004设计留言本实战

新手学堂:DreamweaverMX技巧之超链接

日期:2007年5月16日 作者: 查看:[大字体 中字体 小字体]


在经过前面几个部分的操作之后,我们的网页已经图文并茂,具有相当的效果了,但是这对于网页来说还不够,为了网站中的众多网页能够成为一个有机的整体,必须将各个网页通过超链接方式联系起来,这样才能够让浏览者在不同的页面之间跳转。

  一、链接图片和文字

  为一些文字或者图片建立链接非常方便,只要用鼠标选中需要变成链接的图片或者文字,然后在属性面板的“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”输入框中填写需要链接的网页地址,这样一个图像热区域就做好了。

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

  三、定制页面内跳转的链接

  如果你经常在网上订阅免费的电子杂志,或者浏览超长的页面应该对这种标签链接不陌生,这是通过一个类似目录的列表来方便地跳转到页面内任何部分。

  第一步:在Dreamweaver MX 2004中先确定链接指向的位置,也就是屏幕跳转后停留的位置,接着选中目标文本并运行“Insert→Named Anchor”命令。

  第二步:在“Anchor name”输入框中键入标签名称(比如test3),这时在文本下面会自动出现一个锚式标记来区别开普通的文本内容(如图2)。


图2


  第三步:在属性板的“Link”输入框中输入“#test3”,其中test3就是刚才设置的名字,这样即可实现页面内跳转功能了。

  提示:如果想指向另外一页中的某个位置也可以,把这个锚式标记放过去就行了。

  四、快速检查网页链接

  上网冲浪的时候,最讨厌的就是看见“Web Server error 4004:File Not Found”之类的出错信息。由于一个网站中的的链接数量很多,稍有不甚就会导致很多链接出错,不过在Dreamweaver MX 2004中可以很方便地对链接进行检查。

  第一步:在Dreamweaver MX 2004中运行“Site→Check Links SideWide”命令,此时将会激活链接检查面板。

  第二步:从面板左上部的“Show”下拉菜单中可以选择Broken Links(断掉的链接)、Extrenal Links(外部的链接)、OrphanedFiles(孤立文件)三种,比如我们选取Orphaned Files之后,Dreamweaver MX 2004将对当前链接情况进行检查,并且将孤立的文件列表显示出来。

  第三步:对于有问题的文件,直接双击鼠标左键即可打开进行修改。

  提示:外部链接是链接到外部网站的链接地址,Dreamweaver无法对其正确性进行检查。

  在为网页建立链接的时候需要提醒大家一定要格外小心,因为网站通常都有数百个页面,稍不留神就会导致空链接或者是链接错误的情况,这对你的网站形象可是有很不好的影响哟!

(出处:清风网络学院






上一篇:Dreamweaver MX 2004做ASP程序

下一篇:DW MX 2004网页中文乱码问题:解决

新手学堂:DreamweaverMX技巧之超链接 相关文章:
·电脑高手的140个电脑技巧
·《拳皇2002》隐藏超杀出招表 - 技巧心得
·楼梯的上做爱技巧 (图)
·太阁立志传4 攻略及技巧
·新出QQ技巧十六招
·WindowsXP超级技巧
·Vista系统使用技巧总结
·Windows XP的20个超级实用技巧大全
·绝对好用的注册表技巧
·Photoshop十余种漂亮照片边框简单制作技巧
新手学堂:DreamweaverMX技巧之超链接 相关软件:
·招聘面试技巧 视频教程
·中文版Excel 2003实例与技巧
·交际-电话沟通技巧
·摄影技巧与欣赏
·中文版 AutoCAD2004 应用实例与技巧
·电脑技巧精彩文章一百篇
·与客户有效沟通的N个技巧
·Photshop照片润饰技巧
·技压群雄—电脑超级技巧3000招(CHM)
·赢得掌声—论提高演说技巧

特别声明:本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。
[打印本页] [关闭窗口] 转载请注明来源:http://www.viphot.com
| 帮助(?) | 版权声明 | 友情连接 | 关于我们 | 信息发布
Copyright 2007 www.viphot.com All Rights Reserved. 鄂ICP备05000083号Powered by:viphot