Dreamweaver MX中如何创建html锚链接

   第1步:插入链接

  1.用dreamwaver打开网站后将光标放置在“S”前,这将是第一次点击链接后会跳转到的地方。

  2.依次选择 “插入>命名锚”,或单击插入栏上的命名图标。

  3. 在“插入命名锚”对话窗口为锚输入一个名称。

  4. 为HTML页面的每个需要添加的地方继续按步骤添加新锚.

  注意:如果你插入锚后看不到它,可以点击“查看>可视化助理>不可见元素”,打开你不可见的元素。


  第2步:目标定位锚链接

  1.一旦你插入了锚,你就可以创建链接。

  2.为你要指向的链接选择一个文本或图像。在这里,我将制作一个文字链接。

  3.通过突出显示和拖动来选择第一个文本链接。

  4.在属性检查器里点击指向文件按钮,将其拖动到您所创建的第一个锚点。

  就是这样!剩下的只是继续这么做,选择点文件按钮,将它拖到下锚。

  在属性检查器,你会发现在有些地方的锚链接是指定的。唯一需要增加的是在名字前面加上#,这是用来针对锚链接的代码。

  不同于使用指向文件方法来定位锚链接,你也可以用简单地点击和拖动来选择锚链接的文本,然后在属性检查类型中键入名称,你仅仅只是需要在名字前面输入#键。

  注意:锚链接对字母的大小写很敏感,当手工输入的时候需要小心这一点,同样不要忘记“#”号。


  第3步:创建“回到页首”链接

  “回到页首”链接是另一种常见使用锚链接方法的链接。

  1.将你的光标放在页面顶部第一个菜单链接前面。

  2.依次选择“插入>命名锚”,或单击插入栏上的命名图标。

  3. 在“插入命名锚”对话窗口为锚输入一个名称(链接首部)。


  4.在页面上每个锚链接旁边添加新的链接。

  5.突出显示文本 :使用点对文件方法或者在属性检查中输入“#top”用来突出显示连接到页面顶部的锚链接。记得名字前加#号。

  6.继续为页面上其他需要添加添加“返回首页”链接的地方添加。


  怎么样,学习完这个之后,你是不是了解了用Dreamweaver MX在HTML页面创建锚链接的过程呢?

时间: 2024-12-27 17:35:01

Dreamweaver MX中如何创建html锚链接的相关文章

在Dreamweaver MX中应用“占位图形”

  "占位图形"顾名思义是在准备好将最终图形添加到 Web 页之前使用的临时图形.使用它可以在没有理想的图形的情况下先行制作Web页面--在需要使用图形的地方插入一个占位图形先"占领"着"地盘". 一.插入占位图形 将光标定在需要插入图形的地方;选择:插入>图像占位符即出现图像占位符对话框,如图: 设定好各项参数后点击"确定"即将占位图形插入到了页面中,如图: 上面显示了名称和大小.察看源代码发现增加了一个包含空 src

如何在Dreamweaver MX中制作网页背景音乐

  本次教程就教大家如何在Dreamweaver中添加网页的背景音乐,喜欢的朋友可以围观学习咯! 效果说明 建立文件,循环插入要播放的音乐,便可制作出动感的背景音乐,而且是随机的.实际效果请浏览随书光盘中[源文件]下的对应文件. 创作想法 打开 Dreamweaver MX 2004 软件新建页面,再选择[行为]面板下的[ + ]选项插播音乐,设置参数.然后重复此操作 4 次,就可以随机播放背景音乐. 操作步骤 ( 1 )打开 Dreamweaver MX 2004 软件新建文件,并保存页面.

用Dreamweaver MX建设神奇网页图片超链接

dreamweaver|链接|网页 大家在打开带有图片的网页时,有时会看到这样的情况:当鼠标指向图片的不同部位时,可以打开不同的超链接,这种技术我们称之为-网页图片热区. 下面我们以Dreamweaver MX和FrontPage 2003为例,来看看网页图片热区的具体建立过程. 一.在Dreamweaver MX中为图片建立热区 1.启动Dreamweaver MX(其他版本请仿照操作),打开需要建立图片热区的网页文件,选中相应的图片,此时"属性"面板自动切换到"图片属性&

Dreamweaver MX建网页图片超链接

dreamweaver|链接|网页 下面我们以Dreamweaver MX和FrontPage 2003为例,来看看网页图片热区的具体建立过程.    一.在Dreamweaver MX中为图片建立热区     1.启动Dreamweaver MX(其他版本请仿照操作),打开需要建立图片热区的网页文件,选中相应的图片,此时"属性"面板自动切换到"图片属性"状态(如图1).     2.选中一种热区类型(如"椭圆"),然后在图片上拖来出一个热区来(

Dreamweaver MX 2004 表格的使用

dreamweaver 网站设计者们得知Dreamweaver MX 2004问世,都在第一时间去享受它带来的最新功能,为迎合现在的网站开发要求,Dreamweaver MX 2004版本在动态网站建设的功能上做出了很大的改进.在界面功能的设计上方面,Dreamweaver MX 2004对使用方便性也做出了相当大的调整,包括在表格的设计上.CSS效果的定义上等等,都给我们耳目一新的感觉. 今天我们就一起来看看Dreamweaver MX 2004在创建表格方面的改进. 在表格创建的设置面板中,

Dreamweaver MX 2004 新功能试用:表格

dreamweaver 网站设计者们得知Dreamweaver MX 2004问世,都在第一时间去享受它带来的最新功能,为迎合现在的网站开发要求,Dreamweaver MX 2004版本在动态网站建设的功能上做出了很大的改进.在界面功能的设计上方面,Dreamweaver MX 2004对使用方便性也做出了相当大的调整,包括在表格的设计上.CSS效果的定义上等等,都给我们耳目一新的感觉. 今天我们就一起来看看Dreamweaver MX 2004在创建表格方面的改进. 在表格创建的设置面板中,

用Dreamweaver MX 2004与SQL数据库相连

一.在SQL Server 2000中建立数据库 1.在SQL Server 2000中创建数据库 (1)打开SQL Server 2000的企业管理器,在数据库选项上单击右键,点击新建数据库. (2)在新建数据库属性中设置数据库名称为sjk. 2.在SQL Server 2000中创建用户 (1)打开SQL Server 2000的企业管理器并打开安全性文件夹. (2)在登录选项上单击右键打开新建登录属性,设置用户名为zl,身份验证选择SQL Server身份验证,然后输入密码,在下面的默认设

使用Dreamweaver MX表格排序功能

dreamweaver|排序 教育信息化时代,考试成绩也要求上网公布.一次我将考试成绩制作成一个HTML文件,如图1所示,领导审查的意见是"将成绩按名次排列",可是所有的成绩已经用Dreamweaver MX制作好了,若先用Execl按要求排序,再导入到Dreamweaver MX制作,呵呵!太麻烦了,早就知道Dreamweaver具有排序功能,一直没有实战,何不利用Dreamweaver MX演练一番? 在Dreamweaver MX中,您可以对一列的内容进行简单排序,也可以对两列的

用Dreamweaver MX打造弹出“向导”

dreamweaver 当浏览者进入你的网站首页时或提交某些表单时,会弹出网站声明或提交说明等文本信息框,引导浏览者使用你的网站.实现这个功能我们是用Dreamweaver MX中的"Open Browse Window"动作和"Poppup Message"动作.他们可有不同的妙用哦! 一.使用"Open Browse Window"动作 如果是首页,需要弹出这类网站中声明或提交说明的信息,最好使用"Open Browse Windo