论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > Dreamweaver教程
Tag:Dreamweaver CS,Dreamweaver 8,css,表格,布局,字幕,flash,声音,菜单,乱码,图层,行为,视频教程

Dreamweaver教程:MX如何创建html锚链接

文章类别:Dreamweaver | 发表日期:2012-5-17 10:18:06

Dreamweaver教程:MX如何创建html锚链接


    今天带给大家了解怎样在网站HTML页面中使用Dreamweaver MX创建以及目标定位网页锚链接;
    使用技巧:链接,锚点链接,属性检查器,点文件;
    锚链接即链接文本,又叫锚文本,是一种很常用到的网站技术。我们怎么来创建一个锚链接呢?来学一学吧!
    锚链接仍然非常有用,而且对于某些类型的网站来说,用锚链接会是 很完美的。一般来说,经常使用锚链接的网站大多是政府网站。对于今天这个课程,我们首先需要打开一个已经有内容但是需要锚的HTML页面,在网页上方添加 一些新的链接,然后再对网页上每个相应部分创建锚链接;

第一步:插入链接

1、用dreamwaver打开网站后将光标放置在“S”前,这将是第一次点击链接后会跳转到的地方;
2、依次选择 “插入>命名锚”,或单击插入栏上的命名图标;
3、 在“插入命名锚”对话窗口为锚输入一个名称;
4、 为HTML页面的每个需要添加的地方继续按步骤添加新锚;
注意:如果插入锚后看不到它,可以点击“查看>可视化助理>不可见元素”,打开不可见的元素。;

   怎样使用Dreamweaver MX 来创建锚链接

第二步:目标定位锚链接;
1、一旦插入了锚,就可以创建链接;
2、为要指向的链接选择一个文本或图像。在这里,将制作一个文字链接;
3.通过突出显示和拖动来选择第一个文本链接;
4、在属性检查器里点击指向文件按钮,将其拖动到您所创建的第一个锚点;
就是这样,剩下的只是继续这么做,选择点文件按钮,将它拖到下锚;
    在属性检查器,会发现在有些地方的锚链接是指定的。唯一需要增加的是在名字前面加上#,这是用来针对锚链接的代码;
    不同于使用指向文件方法来定位锚链接,你也可以用简单地点击和拖动来选择锚链接的文本,然后在属性检查类型中键入名称,你仅仅只是需要在名字前面输入#键;
    注意:锚链接对字母的大小写很敏感,当手工输入的时候需要小心这一点,同样不要忘记“#”号;

  怎样使用Dreamweaver MX 来创建锚链接

第三步:创建“回到页首”链接:“回到页首”链接是另一种常见使用锚链接方法的链接;
1、将光标放在页面顶部第一个菜单链接前面;
2.依次选择“插入>命名锚”,或单击插入栏上的命名图标;
3、 在“插入命名锚”对话窗口为锚输入一个名称(链接首部);

  怎样使用Dreamweaver MX 来创建锚链接

4、在页面上每个锚链接旁边添加新的链接;
5、突出显示文本 :使用点对文件方法或者在属性检查中输入“#top”用来突出显示连接到页面顶部的锚链接。记得名字前加#号;
6、继续为页面上其他需要添加添加“返回首页”链接的地方添加;

   怎样使用Dreamweaver MX 来创建锚链接

    怎么样,学习完这篇文章之后,是不是了解了用Dreamweaver MX在HTML页面创建锚链接的过程呢? 大家可以动手实践一下哦!

视频教程列表
文章教程搜索
 
Dreamweaver推荐教程
Dreamweaver热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058