DreamweaverMX技巧之超链接

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

  一、链接图片和文字

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

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

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

图1

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

  提示:在建立链接的时候需要注意URL的两种方式。1.绝对地址:例如www.abc.cm;2.相对地址:比如dom,说明页面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无法对其正确性进行检查。

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

时间: 2024-08-08 11:34:10

DreamweaverMX技巧之超链接的相关文章

博客园--随笔小技巧之超链接的使用

首先copy一下你要引用的网址如下: 选中-->右键 或者同上选中点击 如图提示操作: 这个必须填,否则超链接不生效,本人亲自测试,新手必学! 以上两步就可以实现了,方便体验加个小手图标更友好方便 鼠标移到下面网址点一下试试: 这就是你将引用他人的博客地址:http://www.cnblogs.com/lusid/ 博客园的使用小技巧你学会了么 新手推荐一下,之前百度都没有的小技巧,大牛无视!!! 觉得实用,喜欢的话,推荐一下,谢谢!

步步为营-90-SEO(url重写+超链接技巧)

目的:便于搜索引擎抓取 url重写:将带参数的url如:https://i.cnblogs.com/EditPosts.aspx?opt=1.修改为https://i.cnblogs.com/EditPosts.aspx_1 1:在BookList修改如下链接方式 href="<%#Eval("Id","/Goods/BookDetail_{0}.aspx") %>"> 2:添加Global文件 在Application_Beg

HTML5-移动开发常用技巧与弹性布局的使用

一.移动开发常用技巧 Viewport基本知识 设置布局Viewport的各种信息 1.width=device-width: 设置Viewport视口宽度等于设备宽度 2.initial-scale=1: 网页默认缩放比为1(网页在手持设备上,不会进行默认缩放 3.minimum-scale=1 网页最小缩放比为1 4.maximum-scale=1 网页最小大缩放比为1 5.user-scalable=no 禁止用户手动缩放网页(ios10+ 的设备失效) 在手机站及响应式网站的制作中,网页

7大技巧助你找准微信营销方向

企业做微信营销,一定要找准方向,不然再怎么用功也都是无用功. 1.适应客户的不同需求 不同的企业和行业的客户需求存在很大差异,新老客户也对信息获取有不同的渴望.比如,餐饮.快销.数码.酒店.汽车等服务型企业的客户往往更多的 关注企业提供的促销信息或优惠活动,这些活动不会天天有新意,服务号一般更合适.媒体.通信.交通等行业提供的信息一般比较丰富,更适合订阅号. 同时,企业微信也应该针对新老客户有信息发送上的区分,初次关注的客户与长期订阅的客户信息有差异,对公司业务的用户与普通关注的社会客户有差异

你应该知道的25个非常有用的CSS技巧

在我们的前端CSS编码当中,经常要设置特殊的字体效果,边框圆角等等,还要考虑兼容性的问题, CSS网页布局,说难,其实很简单. 说它容易,往往有很多问题困扰着新手,在中介绍了非常多的技巧,这些小技巧与知识能事半功倍的给大家以帮助,经验丰富的CSS程序员通常都知道这一点,但初学者不要错过了! 这里有25个非常有用的CSS技巧,将帮助你解决让你棘手的CSS代码问题.你可以直接使用到你现在的项目当中 1.更改文本突出显示颜色(Change Text Highlight Color) 您可能不知道!使用

CSS学习笔记总结和技巧

跟叶老师说项目,他叫我写一个静态首页,看起来挺简单的,但是下手才发现在真的不会怎么下手啊,什么模型啊模块啊都不懂,写毛线啊!! 如图:页面下拉还有侧栏,中间内容等. 可是答应跟老师做了,不能怂啊,于是硬着头皮,花两三天看在慕课网上学习Bootstrap(讲得挺好的,建议大白去看一下),其实我刚看完不久,里面很多东西其实作者都总结得很不错,还有演示. 收获很多,打算再看一下HTML的div+css布局,花一两天时间就可以写完那个界面.就是这么自信,哈哈哈~ 不逼自己一把,你永远不知道自己有多优秀.

ASP.NET中Gridview一些技巧

ASP.NET中Gridview一些技巧 一.后台覆盖掉Gridview中自动填充的值 我们可以再Gridview中的事件触发的过程中修改其中的值,而这些值将会在具体的运行过程中覆盖掉那些自动属性.这样我们就可以快捷高效的使用VS中的Gridview控件的同时,又增加一定的自主性和可操作性. 例如: ItemInserting事件:数据在插入数据库之前会触发这个事件. 如果主键是Guid类型的,就可以在此事件内处理:生成一个Guid数据,然后赋值给e.Values[“Id”]. protecte

vim 编辑器使用技巧

看着李立鹏熟练的使用vim,哥心里痒痒的,也来试试! vim pkf.txt i 插入编辑 esc -> :x //退出保存 f8 ->//进入多窗口模式 以下是其他命令: 命令历史 以:和/开头的命令都有历史纪录,可以首先键入:或/然后按上下箭头来选择某个历史命令. 启动vim 在命令行窗口中输入以下命令即可 vim 直接启动vim vim filename 打开vim并创建名为filename的文件 文件命令 打开单个文件 vim file 同时打开多个文件 vim file1 file2

Android开发中的小技巧

转自:http://blog.csdn.net/guxiao1201/article/details/40655661 简介: startActivities (Intent[] intents) setError (CharSequence error) 动画reverse () addLinks (TextView text, int mask) SystemClock public static void sleep (long ms) registerActivityLifecycleC