电脑设备 - 网络编程 文章类 软件类
好好999
 | 网站首页 | 网络编程语言 | 星座情感文章 | 特殊软件下载 | 站长工具天下 | 
百度热门搜索: kappa女员工  网络成瘾诊断标准  2009无线节目巡礼  央视女主播柴璐  东楼kappa女 08万千星辉颁奖典礼 刘雯雯 芙蓉姐姐自杀 更多...
您现在的位置: 学习网 > 网络编程语言 > Dreamweaver > 正文
 | 网络编程语言首页 | Dreamweaver | Html | Asp | Jsp | Php | Asp.net | Css | Javascript | Access | Mysql | Mssql | Oracle | Domain | Mainframe |
最 新 热 门
普通文章Dreamweaver高级应用上
 
频 道 推 荐
普通文章Ultradev实例教程(2)
普通文章Dreamweaver 8中文版图文快报
普通文章玩转 Dreamweaver8.0:速记 CSS 属性
普通文章聚焦 DreamWeaver MX 2004
普通文章Ultradev实例教程(1)
普通文章Dreamweaver MX 2004从零开始(5)
普通文章在Dreamweaver中轻松实现滑动折叠菜
普通文章初学解惑:常用CSS样式图文设置教程
普通文章用Dreamweaver自己动手制作网页活动
普通文章Dreamweaver教程:层及其应用
普通文章Dreamweaver教程:发布网站
普通文章Dreamweaver教程:定义站点
普通文章Dreamweaver 基础 :DW的文档工具栏
普通文章Dreamweaver 基础:了解DW的状态栏
普通文章玩转Dreamweaver 8:了解CSS层叠样
普通文章玩转Dreamweaver 8.0:属性检查器和
普通文章Dreamweaver MX 2004从零开始-用表
普通文章Dreamweaver MX 2004从零开始-超链
普通文章Dreamweaver MX 2004从零开始(1)
普通文章DHTML实例解析:用HTC统一定制表单样
 
频 道 推 广
 
Dreamweaver MX 2004从零开始(5)           ★★★
Dreamweaver MX 2004从零开始(5)
作者:佚名 文章来源:本站整理 更新时间:2007-12-19 12:39:23
在经过前面几个部分的操作之后,我们的网页已经图文并茂,具有相当的效果了,但是这对于网页来说还不够,为了网站中的众多网页能够成为一个有机的整体,必须将各个网页通过超链接方式联系起来,这样才能够让浏览者在不同的页面之间跳转。

  链接图片和文字

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

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

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

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

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

图1

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

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

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

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

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

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

  定制页面内跳转的链接

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

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

  第二步 在“Anchor name”输入框中键入标签名称(比如test3),这时在

[1] [2] 下一页

更多精彩:学习网->http://www.haohao888.com.cn 网络编程->http://www.51wlpc.com 电脑设备->http://www.xpmaster.cn
文章录入:admin    责任编辑:admin 
  • 上一篇文章:

  • 下一篇文章:
  • 相 关 文 章
    Dreamweaver MX 2004 入门教程之界面详解(1)
    Dreamweaver MX 2004 入门教程之界面详解(2)
    Dreamweaver MX 2004 入门教程之站点设置
    Dreamweaver MX 2004 入门教程之页面编排
    Dreamweaver MX 2004 入门教程之实用技巧
    Dreamweaver MX 2004 入门教程之超级连接
    Dreamweaver MX 2004 入门教程之层和层的应用
    Dreamweaver MX 2004 入门教程之发布站点(1)
    Dreamweaver MX 2004 入门教程之发布站点(2)
    Dreamweaver MX 2004 行为概述
    认识 Dreamweaver MX 2004 行为事件
    Dreamweaver MX 2004 行为的使用
    Dreamweaver MX 2004 行为之调用JS
    Dreamweaver MX 2004 行为之转到URL
    Dreamweaver MX 2004 行为之交换图象
    Dreamweaver MX 2004 行为之显示/隐藏层
    Dreamweaver MX 2004 行为之改变对象属性
    Dreamweaver MX 2004 行为之播放声音
    Dreamweaver MX 2004 行为之弹出消息
    Dreamweaver MX 2004 行为之跳转菜单
    | 设为首页 | 加入收藏 | 投搞邮箱 | 友情链接 | 网站公告 | 版权申明 | |
    魔兽世界私服 - 魔兽世界私服 - 魔兽世界私服 - 魔兽世界私服 - 劲舞团私服 - 劲舞团私服 - 劲舞团私服 - 劲舞团私服 - 劲舞团私服 - 劲舞团私服 - 劲舞团私服 - 完美世界私服 - 传奇私服 - 变态传奇私服 - 及时雨外挂 - 热血传奇私服

    有事请点这里

    有事点这里

    copyright: 2007-2008 haohao888.com.cn 粤ICP备08105098号