DW超级链接
- 格式：ppt
- 大小：2.30 MB
- 文档页数：47
下载文档原格式
合集下载
dreamweaver添加超链接的方法
dreamweaver添加超链接的方法dreamweaver添加超链接的方法Dreamweaver CS6怎么制作超级链接?超链接是每个网站不看缺少的。
很多新手在使用Dreamweaver的时候不知道怎么添加超级链接?大家知道dreamweaver怎么添加超链接吗?下面我们就给大家详细介绍一下吧!1、需要添加超链接的文字，选择“插入”菜单中的“超级链接”选项。
2、“超级链接”对话框中，点击链接后的“文件夹”图标。
3、择想要链接的'网页文件后点击“确定”按钮。
4、点击“确定”按钮后就可以成功添加超链接了。
拓展：Adobe Dreamweaver常用快捷键大全1 文件菜单新建文档 Ctrl+N打开一个HTML文件 Ctrl+O 或者将文件从[文件管理器]或[站点]窗口拖动到[文档]窗口中在框架中打开 Ctrl+Shift+O关闭 Ctrl+W保存 Ctrl+S另存为 Ctrl+Shift+S检查链接 Shift + F8退出 Ctrl+Q2 编辑菜单撤消 Ctrl+Z重复 Ctrl+Y 或 Ctrl+Shift+Z剪切 Ctrl+X 或Shift+Del拷贝 Ctrl+C 或Ctrl+Ins粘贴 Ctrl+V 或Shift+Ins清除 Delete全选 Ctrl+A选择父标签 Ctrl+Shift+<选择子标签 Ctrl+Shift+>查找和替换 Ctrl+F查找下一个 F3缩进代码 Ctrl+Shift+]左缩进代码 Ctrl+Shift+[平衡大括弧Ctrl+’启动外部编辑器 Ctrl+E参数选择 Ctrl+U3 页面视图标准视图 Ctrl+Shift+F6布局视图 Ctrl+F6工具条 Ctrl+Shift+T4 查看页面元素可视化助理 Ctrl+Shift+I标尺 Ctrl+Alt+R显示网格 Ctrl+Alt+G靠齐到网格 Ctrl+Alt+Shift+G 头内容 Ctrl+Shift+W页面属性 Ctrl+J5 代码编辑切换到下一个设计页面 Ctrl+Tab 打开快速标签编辑器 Ctrl+T选择父标签 Ctrl+Shift+<平衡大括弧Ctrl+’全选 Ctrl+A拷贝 Ctrl+C查找和替换 Ctrl+F查找下一个 F3替换 Ctrl+H粘贴 Ctrl+V剪切 Ctrl+X重复 Ctrl+Y撤消 Ctrl+Z切换断点 Ctrl+Alt+B向上选择一行 Shift+Up向下选择一行 Shift+Down选择左边字符 Shift+Left选择右边字符 Shift+Right向上翻页 Page Up向下翻页 Page Down向上选择一页 Shift+Page Up向下选择一页 Shift+Page Down选择左边单词 Ctrl+Shift+Left选择右边单词 Ctrl+Shift+Right移到行首 Home移到行尾 End移动到代码顶部 Ctrl+Home移动到代码尾部 Ctrl+End向上选择到代码顶部 Ctrl+Shift+Home向下选择到代码顶部 Ctrl+Shift+End6 编辑文本创建新段落 Enter插入换行 Shift+Enter插入不换行空格 Ctrl+Shift+Spacebar拷贝文本或对像到页面其他位置 Ctrl+拖动选取项目到新位置将选定项目添加到库 Ctrl+Shift+B在设计视图和代码编辑器之间切换 Ctrl+Tab打开和关闭[属性]检查器 Ctrl+Shift+J检查拼写 Shift+F77 格式化文本缩进 Ctrl+]左缩进 Ctrl+[格式>无 Ctrl+0 (零)段落格式 Ctrl+Shift+P应用标题1到6到段落 Ctrl+1 到 6对齐>左对齐 Ctrl+Shift+Alt+L对齐>居中 Ctrl+Shift+Alt+C对齐>右对齐 Ctrl+Shift+Alt+R加粗选定文本 Ctrl+B倾斜选定文本 Ctrl+I编辑样式表 Ctrl+Shift+E8 查找和替换文本查找 Ctrl+F查找下一个/再查找 F3替换 Ctrl+H9 处理表格选择表格(光标在表格中) Ctrl+A移动到下一单元格 T ab移动到上一单元格 Shift+Tab插入行(在当前行之前) Ctrl+M在表格末插入一行在最后一个单元格 T ab删除当前行 Ctrl+Shift+M插入列 Ctrl+Shift+A删除列 Ctrl+Shift+ - (连字符)合并单元格 Ctrl+Alt+M拆分单元格 Ctrl+Alt+S更新表格布局(在“快速表格编辑”模式中强制重绘) Ctrl+Spacebar10 处理框架选择框架框架中Alt+点击选择下一框架或框架页 Alt+右方向键选择上一框架或框架页 Alt+左方向键选择父框架 Alt+上方向键选择子框(网页设计培训)架或框架页 Alt+下方向键添加新框架到框架页 Alt+从框架边界拖动使用推模式添加新框架到框架页 Alt+Ctrl+从框架边界拖动11 处理层选择层 Ctrl+Shift+点击选择并移动层 Shift+Ctrl+拖动从选择中添加或删除层 Shift+点击层以像素为单位移动所选层上方向键按靠齐增量移动所选层 Shift+方向键以像素为单位调整层大小 Ctrl+方向键以靠齐增量为单位调整层大小 Ctrl+Shift+方向键将所选层与最后所选层的顶部/底部/左边/右边对齐Ctrl+上/下/左/右方向键统一所选层宽度 Ctrl+Shift+[统一所(网页设计培训)选层高度 Ctrl+Shift+]创建层时切换嵌套设置 Ctrl+拖动切换网格显示 Ctrl+Shift+Alt+G靠齐到网格 Ctrl+Alt+G12 处理时间轴,图像添加对像到时间轴 Ctrl+Alt+Shift+T添加关键帧 Shift+F9删除关键帧 Delete改变图像源文件属性 Double+点击图像在外部编辑器中编辑图像 Ctrl+双击图像13 管理超链接创建超链接(选定文本) Ctrl+L删除超链接 Ctrl+Shift+L拖动并投放以从文档创建超链接(网页设计培训)选取文本，图像或对像，然后Shift+拖动选择到[站点]窗口中的文件拖动并投放以使用[属性]检查器创建超链接选取文本，图像或对像，然后拖动[属性]检查器的指向文件图表到[站点]窗口的文件在Dreamweaver打开链接文档 Ctrl+双击链接检查选定链接 Shift+F8检查整个站点中的链接 Ctrl+F814 在浏览器中定位和预览在主浏览器中预览 F12在次要浏览器中预览 Ctrl+F1215 在浏览器中调试在主浏览器中调试 Alt+F12在次要浏览器中调试 Ctrl+Alt+F1216 站点管理和FTP创建新文件 Ctrl+Shift+N创建新文件夹 Ctrl+Shift+Alt+N打开选定 Ctrl+Shift+Alt+O从远程FTP站点下载选定文件或文件夹 Ctrl+Shift+D或将文件从[站点]窗口的[远程]栏拖动到[本地]栏将选定文件或文件夹上载到远程FTP站点 Ctrl+Shift+U或将文件从[站点]窗口的[本地]栏拖动到[远程]栏取出 Ctrl+Shift+Alt+D存回 Ctrl+Shift+Alt+U查看站点地图 Alt+F8刷新远端站点 Alt+F517 站点地图查看站点文件 F8刷新本地栏 Shift+F5设为根 Ctrl+Shift+R链接到现存文件 Ctrl+Shift+K改变链接 Ctrl+L删除链接 Delete显示/隐藏链接 Ctrl+Shift+Y显示页面标题 Ctrl+Shift+T重命名文件 F2放大站点地图 Ctrl+ + (plus)缩小站点地图 Ctrl+ - (hyphen)18 播放插件播放插件 Ctrl+Alt+P停止插件 Ctrl+Alt+X播放所有插件 Ctrl+Shift+Alt+P停止所有插件 Ctrl+Shift+Alt+X19 处理模板创建新的可编辑区域 Ctrl+Alt+V20 插入对像任何对像(图像，Shockwave影片等) 文件从[资源管理器]或[站点]窗口拖动到[文档]窗口图像 Ctrl+Alt+I表格 Ctrl+Alt+TFlash影片 Ctrl+Alt+FShockwave和Director影片 Ctrl+Alt+D命名锚记 Ctrl+Alt+A21 历史纪录面板打开[历史纪录]面板 Shift F10开始/停止录制命令 Ctrl+Shift+X播放录制好的命令 Ctrl+P22 打开和关闭面板对像 Ctrl+F2属性 Ctrl+F3站点文件 F5站点地图 Ctrl+F5资源 F11CSS样式 Shift+F11HTML样式 Ctrl+F11行为 Shift+F3历史纪录 Shift+F10时间轴 Shift+F9代码检查器 F10框架 Shift+F2层 F2参考Ctrl+Shift+F1显示/隐藏浮动面板 F4最小化所有窗口 Shift+F4最大化所有窗口 Alt+Shift+F4 23 获得帮助使用Dreamweaver[帮助主题] F1 参考Shift+F1 Dreamweaver支持中心 Ctrl+F1 下载全文。
DW第四讲 超级链接
使用跳转菜单
可以把跳转菜单看作是一种超链接的集合，它以弹出式下拉
菜单的形式在网页中展现出来。 弹出菜单内的链接没有类型上的限制，可以是本地链接，也 可以是到其他网站的链接。主要是到其他网站的链接
网页预 览效果
设计好的跳转菜 单及其属性面板
定时自动跳转页面
自动跳转也叫自动重定向或自动转向，就是指当浏
让网页中的链接更动态
新建CSS规则.在对话框中:“选择器类型”选
择高级。“选择器”选择：a:hover； “定义 在”选择：仅对该文档
a:link 链接普通样式 a:visited 链接访问过后的样式 a:hover 鼠标经过时链接的样式 a:active 鼠标按下去时链接的样式
Dreamweaver课件
任务四
超级链接
课堂讲解
超级链接概念 超级链接分类 创建空链接 创建文本超级链接 创建电子邮件超级链接 创建锚链接 创建脚本链接 使用跳转菜单 创建图像超级链接 创建导航条
超级链接概念
超级链接是指页面对象之间的链接 关系，它是网页的灵魂，能合理、协调 地把网站中的各个元素、页面通过超级 链接构成了一个有机整体，使浏览者能 快速地访问到想要访问的页面。
超级链接
超级链接的创建
2.相对链接:
步骤:1) 选中要设置链接的文本或图象 2) 在属性检查器中,单击“浏览”按钮选择链接的文件. 在属性检查器中,拖拽“指向”按钮在站点列表中选 择链接文件. 按住Shift键拖拽到站点列表中的链接文件。 在属性检查器“链接”文本框中输入相对URL地址。
3.空链接： 步骤:1) 选中要设置链接的文本或图象 2) 在属性检查器中, “链接”文本框中输入# 或者输入javascript:;（javascript 一词后依次接一个冒 号和一个分号）建立空链接的目的只是为了应用行为，其他情况 下不必建立。
什么是Dreamweaver超链接
什么是Dreamweaver超链接什么是Dreamweaver超链接网页设计是指使用标识语言(markup language)，通过一系列设计、建模、和执行的过程将电子格式的信息通过互联网传输，最终以图形用户界面(GUI)的形式被用户所浏览。
以下是店铺为大家搜索整理的什么是Dreamweaver超链接，希望能给大家带来帮助，类型按照链接路径的不同,网页中超链接一般分为以下3种类型: 内部链接,锚点链接和外部链接。
超链接对象超链接是超级链接的简称。
如果按照使用对象的不同，网页中的链接又可以分为：文本超链接，图像超链接，E-mail链接，锚点链接，多媒体文件链接，空链接等。
超链接是一种对象，它以特殊编码的文本或图形的形式来实现链接，如果单击该链接，则相当于指示浏览器移至同一网页内的某个位置，或打开一个新的网页，或打开某一个新的WWW网站中的网页。
网页超链接网页上的超链接一般分为三种：一种是绝对URL的超链接。
URL(Uniform Resource Locator)就是统一资源定位符，简单地讲就是网络上的一个站点、网页的完整路径。
http://www.xxx. com/ 第二种是相对URL的超链接。
如将自己网页上的某一段文字或某标题链接到同一网站的其他网页上面去;还有一种称为同一网页的'超链接，这种超链接又叫做书签。
动态静态超链接还可以分为动态超链接和静态超链接。
动态超链接指的是可以通过改变HTML代码来实现动态变化的超链接，例如我们可以实现将鼠标移动到某个文字链接上，文字就会象动画一样动起来或改变颜色的效果，也可以实现鼠标移到图片上图片就产生反色或朦胧等等的效果。
而静态超链接，顾名思义，就是没有动态效果的超链接。
颜色在网页中，一般文字上的超链接都是蓝色(当然，用户也可以自己设置成其他颜色)，文字下面有一条下划线。
当移动鼠标指针到该超链接上时，鼠标指针就会变成一只手的形状，这时候用鼠标左键单击，就可以直接跳到与这个超链接相连接的网页或WWW网站上去。
DW中建立超链接
<font color="#339933" size="+2">李白（701~762），<br>字太白，号青莲居士。<br>祖籍陇西成纪（今甘肃省天水市附近的秦安县），<br>隋朝末年其先租因罪住在中亚细亚。<br>李白的家世和出生地至今还是个谜，<br>学术界说法不一。<br>一说李白就诞生在安西都护府所辖的碎叶城，<br>五岁时随父迁到绵州昌隆县青莲乡。<br>
建立超链接的标签为<A>和</A>
格式为：<A HREF="资源地址" TARGET="窗口名称" TITLE="指向连接显示的文字">超链接名称</A>
说明：标签<A>表示一个链接的开始，</A>表示链接的结束；
属性“HREF”定义了这个链接所指的目标地址；目标地址是最重要的，一旦路径上出现差错，该资源就无法访问
4-2超链接的应用
4-2-1书签链接
链接文档中的特定位置也叫书签链接，在浏览页面时如果页面很长，要不断的拖动滚动条给浏览带来不便，要是浏览者可以从上头阅读到尾，又可以选择自己感兴趣的部分阅读，这种效果就可以通过书签链接来实现，方法是选者一个目标定位点，用来创建一个定位标记，用<a>标签的属性name的值来确定定位标记名<a name="定位标记名">。然后在网页的任何地方建立对这个目标标记的链接"标题"，在标题上建立的链接地址的名字要和定位标记名相同，前面还要加上"#"号，<a href= "#定位标记名">。单击标题就跳到要访问的内容。
建立超链接的标签为<A>和</A>
格式为：<A HREF="资源地址" TARGET="窗口名称" TITLE="指向连接显示的文字">超链接名称</A>
说明：标签<A>表示一个链接的开始，</A>表示链接的结束；
属性“HREF”定义了这个链接所指的目标地址；目标地址是最重要的，一旦路径上出现差错，该资源就无法访问
4-2超链接的应用
4-2-1书签链接
链接文档中的特定位置也叫书签链接，在浏览页面时如果页面很长，要不断的拖动滚动条给浏览带来不便，要是浏览者可以从上头阅读到尾，又可以选择自己感兴趣的部分阅读，这种效果就可以通过书签链接来实现，方法是选者一个目标定位点，用来创建一个定位标记，用<a>标签的属性name的值来确定定位标记名<a name="定位标记名">。然后在网页的任何地方建立对这个目标标记的链接"标题"，在标题上建立的链接地址的名字要和定位标记名相同，前面还要加上"#"号，<a href= "#定位标记名">。单击标题就跳到要访问的内容。
Dreamweaver什么是超链接
Dreamweaver什么是超链接超链接在本质上属于一个网页的一部分，它是一种允许我们同其他网页或站点之间进行连接的元素。
各个网页链接在一起后，才能真正构成一个网站。
所谓的超链接是指从一个网页指向一个目标的连接关系，这个目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一个图片，一个电子邮件地址，一个文件，甚至是一个应用程序。
而在一个网页中用来超链接的对象，可以是一段文本或者是一个图片。
当浏览者单击已经链接的文字或图片后，链接目标将显示在浏览器上，并且根据目标的类型来打开或运行。
类型按照链接路径的不同,网页中超链接一般分为以下3种类型: 内部链接,锚点链接和外部链接。
超链接对象超链接是超级链接的简称。
如果按照使用对象的不同，网页中的链接又可以分为：文本超链接，图像超链接，E-mail链接，锚点链接，多媒体文件链接，空链接等。
超链接是一种对象，它以特殊编码的文本或图形的形式来实现链接，如果单击该链接，则相当于指示浏览器移至同一网页内的某个位置，或打开一个新的网页，或打开某一个新的WWW网站中的网页。
网页超链接网页上的超链接一般分为三种：一种是绝对URL的超链接。
URL(Uniform Resource Locator)就是统一资源定位符，简单地讲就是网络上的一个站点、网页的完整路径。
http://www.xxx. com/第二种是相对URL的超链接。
如将自己网页上的某一段文字或某标题链接到同一网站的其他网页上面去;还有一种称为同一网页的超链接，这种超链接又叫做书签。
动态静态超链接还可以分为动态超链接和静态超链接。
动态超链接指的是可以通过改变HTML代码来实现动态变化的超链接，例如我们可以实现将鼠标移动到某个文字链接上，文字就会象动画一样动起来或改变颜色的效果，也可以实现鼠标移到图片上图片就产生反色或朦胧等等的效果。
而静态超链接，顾名思义，就是没有动态效果的超链接。
颜色在网页中，一般文字上的超链接都是蓝色(当然，用户也可以自己设置成其他颜色)，文字下面有一条下划线。
DW网页中的超级链接
网页的超链接
超链接是指从一个网页指向一个目标的连接关系,这个目标可以是另一个网页,也可以是相同网页上的不同位置，还可以是一个图片，一个电子邮件地址，一个文件，甚至是一个应用程序。
而在一个网页中用来超链接的对象，可以是一段文本或者是一个图片。
当浏览者单击已经链接的文字或图片后,链接目标将显示在浏览器上，并且根据目标的类型来打开或运行。
创建超链接
1、文字的超链接
存储两个网页如e1与e2
e1与e2在同一文件夹中使用相对路径
e1与e2不在同一文件夹中使用绝对路径
在网站中最好使用相对路径
文字的状态设定？
选中文字-在css中设置-新建css规则-选中高级（ID、伪类选择器等）（A）,仅对该文档-确定-选择器（a:link，a:visited，a:hover，a:active）。
2、图片实现超链
a、使用热区
选中图片-属性-矩形工具-选择图片-链接
b、插入记。
第5章_Dreamweaver中的超级链接1
2012-12-3
4
第1篇 网页设计与制作基础
•设置好了目标端点后，用户还需要从“目标”下拉列表框中选择以何种方 式跳转到目标页面。
● _blank：单击文本链接后，目标端点页面会在一个新窗口中打开。 ● _parent：单击文本链接后，在上一级浏览器窗口中显示目标端点页面， 这种情况在框架页面中比较常见。 ● _self：Dreamweaver 的默认设置，单击文本链接后，在当前浏览器窗口 中显示目标端点页面。 ● _top：单击文本链接后，在最顶层的浏览器窗口中显示目标端点页面。
2012-12-3
2
第1篇 网页设计与制作基础
5.1超级Байду номын сангаас接的概念
2.超级链接的路径
◆ 绝对路径链接：主要用于创建具有固定网址的外部链接，如友情 链接等。创建绝对路径链接时，需要给出目标端点完整的 URL 地址， 如 。 ◆文档相对路径链接：主要用于创建站点的内部链接，它使用目标端 点页面相对于当前页面所在的位置来创建链接路径。 如：同一文件夹中， 把exp1.html文件链接到exp3.html文件，那么exp1.html就是相对路径。
2012-12-3
3
第1篇 网页设计与制作基础
5.2基本的超级链接
1.创建文本链接
文本链接是最常见的一种链接形式，创建过程： •首先在页面上选中链接文本对象，然后在其属性检查器的“链接“下 拉列表框中设置目标端点，如果链接的目标端点位于站点内，用户可 以单击右侧的“文件”按钮，打开“选择文件”对话框，从中指定要 跳转到的页面。
2012-12-3
8
第1篇 网页设计与制作基础
5.2基本的超级链接
4.创建电子邮件链接
电子邮件链接，通常会启动机器上安装的电子邮件客户端程序。
DW超级链接
2020/11/14
*
6.2超级链接的路径
• 相同文件夹只提供“文件 名”；
• 与位于当前文档所在文件夹的 子文件夹中的文件链接时要提 供“子文件夹名/文件名”；
• 与位于当前文档所在文件夹的 父文件夹中文件链接时要提供 “../文件名”。
2020/11/14
*
6.2超级链接的路径
3.站点根目录相对路径 站点根目录相对路径是指从站点跟文件夹到被链 接文档经由的路径；以一个正斜杠开始，该正斜 杠表示站点根文件夹。
*ห้องสมุดไป่ตู้
6.5几种特殊的超级链接的创建
（2）链接锚记 在同一文档中创建时，选择想要链接到锚记的文字 或图片，然后按如下方法中的任意一种进行操作。
（1）在属性面板上的“链接”文本框中输入符号# 和锚记名称。 （2）按住属性面板上的“指向文件”按钮，并拖动 鼠标指向锚记。 （3）选择文字或图片后，按住Shift键，然后拖动 鼠标指向锚记。
（1）将光标置于网页中要添加E-mail链接的地方，或 选中文字，通过插入“常用”面板上的“电子邮件 链接”按钮，或通过主窗口菜单“插入”|“电子邮 件链接”命令，将弹出 “电子邮件链接”对话框。 完成该对话框的设置即可。
2020/11/14
*
6.5几种特殊的超级链接的创建
（2）在属性面板的链接文本框中直接输入“mailto： E-mail地址”可。
【注】：创建空链接时，这里的冒号与分号不能省略。 为文本建立空链接的目的就是为了应用行为。当链 接载体不是文本时，不需添加空链接就可以应用行 为。
2020/11/14
*
6.创建脚本链接
（1）创建弹出对话框的脚本链接，具体操作：
在“文档”窗口的“设计”视图中选择文本、图 像或对象。
实验项目11—使用DW创建超级链接
上一页
下一页
项目十一 使用DW创建超级链接
实验内容 实验目的 实验重点 实验难点 实验步骤
“链接”在该窗口只设置热区链接的URL地址。 “目标”在其后的文本框中设置链接的打开方式。（后面 我们将会详细讲到） “替换”在其后的文本框中设置热区的替代文字。 选择各热区，可依次将各热区设置成所需要的超链接。 注意 由创建热区这种方法所设置的图像局部链接在实际 网页浏览中是不会直接显示出来的，只有当鼠标移动到所 创建的热区之后，单击鼠标左键，才能实现链接并跳转到 另外的网页文档中。
2、使用E-mail链接对话框 选择“插入”栏上的“常用”选项卡，然后点击“电子邮 件链接”按钮，如下图所示。
弹出下图对话框
在该对话框的“文本”框内输入要链接的文本，然后在 E-mail文本框内输入邮箱地址即可。
上一页
下一页
项目十一 使用DW创建超级链接
实验内容 实验目的 实验重点 实验难点 实验步骤
上一页
下一页
项目十一 使用DW创建超级链接
实验内容 实验目的 实验重点 实验难点 实验步骤
热区工具，分别是绘制矩形、绘制圆形、绘制不规则图 形。如下图所示。
上一页
下一页
项目十一 使用DW创建超级链接
实验内容 实验目的 实验重点 实验难点 实验步骤
注意 只能在图像内部才能绘制热区，完成绘制的热区还 可以用小箭头工具 对热区进行大小和位置的调整。比 如“学习经验”的椭圆选区就是用调整不规则图形而得 来的。 （2）用鼠标选定其中一个热区后，在下面会出现相应的 热区属性面板，如下图所示。
下一页
项目十一 使用DW创建超级链接
实验内容 实验目的 实验重点 实验难点 实验步骤
例如我们“网页学堂”页面中的“友情 链接”都属于外部链接。
DW中的图片和超链接
各类超链接
• 按照链接路径的不同,网页中超链接一般分为以下3 种类型: 内部链接,锚点链接和外部链接。 • 如果按照使用对象的不同，网页中的链接又可以分 为：文本超链接，图像超链接，E-mail链接，锚点 链接，多媒体文件链接，空链接等。
创建文本超级链接
• 文本超级链接是最常见的超级链接，通过使用鼠标 点击文本即可从一个网页跳转到另一个网页。
锚记链接
• 锚点即为一个文档中的某一个特定的位置的标记， 通过创建锚点，可以某个超级链接链接到文档的某 个锚点，方便文档之间的跳转。 • 创建到锚点的链接的过程分为两步：创建锚点、创 建到该锚点的链接。
创建命名锚记
• 在制作网页时，为了达到跳转到网页固定位置的目 的，可以使用锚链接。通过对网页中指定位置的命 名，利用超级链接打开目标网页时可直接跳转到相 应的命名位置上。
JPEG格式
• JPEG全称为“Joint Photographic Experts Group”，意为联合图像专家组，它可以高效地压 缩图片，丢失人眼不易察觉的部分图像，使文件容 量在变小的同时基本不失真，通常用来显示颜色丰 富的精美图像。
常用的GIF与JPEG文件格式的区别
文件格式
说明 真彩色图片（多于256色），对于高 颜色数的照片最好使用JPEG文件格 式 256色或者更少的图像，低颜色数下 GIF比JPEG装载的更快
网页图像的格式及来源
• • • • GIF格式 JPEG格式 PNG格式 网页图像来源
GIF格式
• GIF全称为“Graphics Interchange Format”，意 为可交换图像格式，它是第一个支持网页的图像格 式，在PC机和苹果机上都能被正确识别。它最多支 持256种颜色，可以使图像变得容量相当小。GIF图 像可以在网页中以透明方式显示，还可以包含动态 信息，即GIF动画。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
其它创建超级链接的方法： • 直接插入代码法 • 快捷快拖动法 • 站点地图创建超级链接 这两种方法不再详细讲解了，请参阅所链接的相关视 频。
2014-1-20
第五章 超级链接
25
6.5几种特殊的超级链接的创建
1.锚记链接 锚记，也称为书签或锚点，用来标记文档中的特定位 置。 在网页中创建锚记链接的步骤： 一是先在网页中创建锚记 （如：a name =“pmteatime”） 二是为已创建好的锚记建立链接。(a herf=“#pmteatime”)。
4.使用【超级链接】对话框创建超级链接，使用该方 法主要用来创建文字超级链接。操作方式有下面2种： –选择【插入】|【超级链接】命令 –在“插入”栏的“常用”类别中，单击“超级链 接”按钮。 然后在弹出的【超级链接】对话框中，设置相应项 目完成创建。
2014-1-20
第五章 超级链接
24
6.4超级链接的创建方法
2014-1-20
第五章 超级链接
10
6.2超级链接的路径
• 相同文件夹只提供“文件 名”； • 与位于当前文档所在文件夹的 子文件夹中的文件链接时要提 供“子文件夹名/文件名”； • 与位于当前文档所在文件夹的 父文件夹中文件链接时要提供 “../文件名”。
2014-1-20
第五章 超级链接
11
第五章 超级链接
4
6.1超级链接基础
2：链接目标的打开方式 链接目标的打开方式可以在属性检查器的“目标”弹 出菜单中设置；该弹出菜单中四个选项的含义： _blank 将链接的文档载入一个新的、未命名的浏览 器口。 _top 将链接的文档载入整个浏览器窗 口，从而删除所有框架。
2014-1-20
第五章 超级链接
14
6.3超级链接的分类
２.按照使用对象的不同，网页中的链接又可以 分为以下几种：文本超链接、图像超链接、电 子邮件链接、锚点链接、软件下载链接、多媒 体文件链接、空链接、脚本链接等。
2014-1-20
第五章 超级链接
15
6.3超级链接的分类
文本超链接 ：在浏览网页时，鼠标指针经过某 些文本时，指针的形状发生变化，同时文本 也会发生变化（如出现下划线、文本的颜色 发生变化、字体发生变化等），提示这是带 链接的文本。此时点击鼠标，就会打开所链 接的网页，这就是文本超链接。
2014-1-20
第五章 超级链接
8
6.2超级链接的路径
1.绝对路径 绝对路径：提供所链接文档的完整 URL，而且包括 所使用的协议（如对于 Web 页，通常使用 http://） ，创建外部链接时必须使用的路径。同 一站点内文档的链接也可使用绝对路径链接，但不 建议采用这种方式，因为一旦将此站点移动到其它 域，则所有本地绝对路径链接都将断开。
2014-1-20
第五章 超级链接
30
6.5几种特殊的超级链接的创建
2.给图像热区加上超级链接：就是把图像中事先创 建好的热区作为超级链接的载体，创建超级链接。
3.软件下载超级链接：把相关的下载软件作为链接 的目标。
2014-1-20
第五章 超级链接
31
6.5几种特殊的超级链接的创建
4.创建电子邮件超链接 创建电子邮件链接的有2中方法： （1）将光标置于网页中要添加E-mail链接的地方，或 选中文字，通过插入“常用”面板上的“电子邮件 链接”按钮，或通过主窗口菜单“插入”|“电子邮 件链接”命令，将弹出 “电子邮件链接”对话框。 完成该对话框的设置即可。
2014-1-20
第五章 超级链接
20
6.3超级链接的分类
脚本链接是一种特殊的链接。执行 JavaScript 代码或 调用 JavaScript 函数时显得非常有用，单击带有 脚本链接的文本或对象，可以运行相应的脚本及函 数（javascript或vbscript等），能在不离开当前网 页的情况下为访问者提供有关某项的附加信息。脚 本链接还可用于在访问者选择特定项目时，执行计 算、表单验证和其它处理任务。
6.2超级链接的路径
3.站点根目录相对路径 站点根目录相对路径是指从站点跟文件夹到被链 接文档经由的路径；以一个正斜杠开始，该正斜 杠表示站点根文件夹。 • 它制定网站内文档链接的最好方法。在处理使用 多个服务器的大型 Web 站点，或者在使用承载有 多个不同站点的服务器时，可能需要使用这些类 型的路径；若不熟悉此类型的路径，最好坚持使 用文档相对路径。
第6章超级链接
课题引入： 站点的资源多而杂，怎样才能把站点的很多资源组合 成一个完整统一的整体呢？在Dreamweaver中，可以使 用超级链接来完成这个艰巨的任务。下面我们来学习 超级链接的详细内容。
2014-1-20
第五章 超级链接
1
内容目标: 1.熟记超级链接定义和目标选项的含义 2.了解超级链接的路径 3.熟练掌握超级链接的3种创建方法 4.了解超级链接的分类 5.学会用不同的方法创建各种类型的超级链接。 6.熟练掌握超级链接的结构
2014-1-20
第五章 超级链接
9
6.2超级链接的路径
2.文档相对路径：指以当前文档所在的位置为起点 到链接文档经由的路径，把当前文档与处在同一 文件夹中的另一文档，或同一网站下不同文件夹 中的文档相互链接时，就可以使用文档相对路径。 • 其的基本思想是省略掉对于当前文档和所链接的 文档都相同的绝对 URL 部分，而只提供不同的路 径部分。文档相对路径对于大多数 Web 站点的本 地链接(内部链接)来说，是最适用的路径。
2014-1-20
第五章 超级链接
16
6.3超级链接的分类
图像超链接：是指给图像添加链接，使其指向其他 的网页或者文档；在设置鼠标经过图像或创建图 像热区时，也是给图像添加超级链接。
2014-1-20
第五章 超级链接
17
6.3超级链接的分类
多媒体文件链接：是把多媒体按钮作为链接的载体、多 媒体文件作为链接的目标。 空链接：是指未指定目标端点的链接。利用链接可以激 活文档中链接对应的对象和文本，一旦对象和文本激 活，就可以为之添加行为，当鼠标移动到链接上时进 行切换图像或显示分层等动作。所以要对文本设置行 为，需首先为文本建立空链接，行为才有效，可见建 立空链接的目的就是为了应用行为。一般“首页”导 航需要设置空链接。
2014-1-20
第五章 超级链接
2
能力目标： （1）通过演示、分析教学激发学生的学习兴趣，提 高学生分析问题、解决问题的实际能力，达到轻松 学习、自主学习的目的。 （2）通过同步的上机操作，充分发挥学生的设计能 力和创新能力。 教学重点 1.超级链接定义和目标选项的含义 2.超级链接的3种创建方法 3.各种类型的超级链接的创建方法 4.超级链接的结构 教学难点 超级链接的路径
5
6.1超级链接基础
• _parent 将链接的文档载入该链接所在框架的 父框架或父窗口。如果包含链接的框架不是嵌 套框架，则所链接的文档载入整个浏览器窗口。 • _self 将链接的文档载入链接所在的同一框架 或窗口。此目标是默认的，所以通常不需要指 定它。
2014-1-20
第五章 超级链接
6
6.1超级链接基础
2014-1-20
第五章 超级链接
29
6.5几种特殊的超级链接的创建
在链接锚记时，应注意以下事项： ①符号#必须是半角符号；在#和锚记名之间不要留 有空格，否则链接会失败。 ②在不同文件夹中为锚记创建链按时，其文件名后 缀必定是“.htm”，而不能写成“.html”，否则链 接也会失败。 ③在不同文档中创建时，在属性面板上的“链接” 文本框中输入符号“filename.htm# 锚记名称”。
2014-1-20
第五章 超级链接
28
6.5几种特殊的超级链接的创建
（2）链接锚记 在同一文档中创建时，选择想要链接到锚记的文字 或图片，然后按如下方法中的任意一种进行操作。 （1）在属性面板上的“链接”文本框中输入符号# 和锚记名称。 （2）按住属性面板上的“指向文件”按钮，并拖动 鼠标指向锚记。 （3）选择文字或图片后，按住Shift键，然后拖动 鼠标指向锚记。
第五章 超级链接
13
6.3超级链接的分类
外部链接：把网页与Internet中的目标相联系的链接。 锚点链接：可以链接到网页中某个特定位置的链接， 使用其可以跳转到当前文档或其他文档中的标记位 置，免去浏览者翻阅网页寻找信息的麻烦。 电子邮件超级链接：发送电子邮件的超级链接。
2014-1-20
第五章 超级链接
2014-1-20
第五章 超级链接
26
6.5几种特殊的超级链接的创建
（1）创建锚记 操作思路：将光标移到需要加入锚记的地方，单击插 入“常用”面板上的按钮，或是选择主窗口的菜单 “插入”|“命名锚记”命令，在弹出“命名锚记” 对话框中完成设置即可。 【注】：锚记建立后，如果看不到，请执行查看|可 视化助理|不可见元素菜单命令，显示锚记标记。
2014-1-20
第五章 超级链接
22
6.4超级链接的创建方法
3.使用属性检查器的“指向文件”图标链接文档、图 片、多媒体文件、可下载软件等。 注意：使用这种方法创建超级链接时，链接的目标 必须是站点中存在的资源（图片、文档、多媒体、 下载软件、锚记等）。
2014-1-20
第五章 超级链接
23
4超级链接的创建方法
2014-1-20 第五章 超级链接 3
6.1超级链接基础
1：超链接的定义 超链接是指从一个网页指向一个目标的连接关系， 具体是指站点内不同网页之间、站点与Web之间的链 接关系。一个超级链接由两部分组成：链接载体和 链接目标。许多页面元素都可以作为链接载体，链 接目标也可以是任意网络资源。
2014-1-20
2014-1-20
2014-1-20
第五章 超级链接
25
6.5几种特殊的超级链接的创建
1.锚记链接 锚记，也称为书签或锚点，用来标记文档中的特定位 置。 在网页中创建锚记链接的步骤： 一是先在网页中创建锚记 （如：a name =“pmteatime”） 二是为已创建好的锚记建立链接。(a herf=“#pmteatime”)。
4.使用【超级链接】对话框创建超级链接，使用该方 法主要用来创建文字超级链接。操作方式有下面2种： –选择【插入】|【超级链接】命令 –在“插入”栏的“常用”类别中，单击“超级链 接”按钮。 然后在弹出的【超级链接】对话框中，设置相应项 目完成创建。
2014-1-20
第五章 超级链接
24
6.4超级链接的创建方法
2014-1-20
第五章 超级链接
10
6.2超级链接的路径
• 相同文件夹只提供“文件 名”； • 与位于当前文档所在文件夹的 子文件夹中的文件链接时要提 供“子文件夹名/文件名”； • 与位于当前文档所在文件夹的 父文件夹中文件链接时要提供 “../文件名”。
2014-1-20
第五章 超级链接
11
第五章 超级链接
4
6.1超级链接基础
2：链接目标的打开方式 链接目标的打开方式可以在属性检查器的“目标”弹 出菜单中设置；该弹出菜单中四个选项的含义： _blank 将链接的文档载入一个新的、未命名的浏览 器口。 _top 将链接的文档载入整个浏览器窗 口，从而删除所有框架。
2014-1-20
第五章 超级链接
14
6.3超级链接的分类
２.按照使用对象的不同，网页中的链接又可以 分为以下几种：文本超链接、图像超链接、电 子邮件链接、锚点链接、软件下载链接、多媒 体文件链接、空链接、脚本链接等。
2014-1-20
第五章 超级链接
15
6.3超级链接的分类
文本超链接 ：在浏览网页时，鼠标指针经过某 些文本时，指针的形状发生变化，同时文本 也会发生变化（如出现下划线、文本的颜色 发生变化、字体发生变化等），提示这是带 链接的文本。此时点击鼠标，就会打开所链 接的网页，这就是文本超链接。
2014-1-20
第五章 超级链接
8
6.2超级链接的路径
1.绝对路径 绝对路径：提供所链接文档的完整 URL，而且包括 所使用的协议（如对于 Web 页，通常使用 http://） ，创建外部链接时必须使用的路径。同 一站点内文档的链接也可使用绝对路径链接，但不 建议采用这种方式，因为一旦将此站点移动到其它 域，则所有本地绝对路径链接都将断开。
2014-1-20
第五章 超级链接
30
6.5几种特殊的超级链接的创建
2.给图像热区加上超级链接：就是把图像中事先创 建好的热区作为超级链接的载体，创建超级链接。
3.软件下载超级链接：把相关的下载软件作为链接 的目标。
2014-1-20
第五章 超级链接
31
6.5几种特殊的超级链接的创建
4.创建电子邮件超链接 创建电子邮件链接的有2中方法： （1）将光标置于网页中要添加E-mail链接的地方，或 选中文字，通过插入“常用”面板上的“电子邮件 链接”按钮，或通过主窗口菜单“插入”|“电子邮 件链接”命令，将弹出 “电子邮件链接”对话框。 完成该对话框的设置即可。
2014-1-20
第五章 超级链接
20
6.3超级链接的分类
脚本链接是一种特殊的链接。执行 JavaScript 代码或 调用 JavaScript 函数时显得非常有用，单击带有 脚本链接的文本或对象，可以运行相应的脚本及函 数（javascript或vbscript等），能在不离开当前网 页的情况下为访问者提供有关某项的附加信息。脚 本链接还可用于在访问者选择特定项目时，执行计 算、表单验证和其它处理任务。
6.2超级链接的路径
3.站点根目录相对路径 站点根目录相对路径是指从站点跟文件夹到被链 接文档经由的路径；以一个正斜杠开始，该正斜 杠表示站点根文件夹。 • 它制定网站内文档链接的最好方法。在处理使用 多个服务器的大型 Web 站点，或者在使用承载有 多个不同站点的服务器时，可能需要使用这些类 型的路径；若不熟悉此类型的路径，最好坚持使 用文档相对路径。
第6章超级链接
课题引入： 站点的资源多而杂，怎样才能把站点的很多资源组合 成一个完整统一的整体呢？在Dreamweaver中，可以使 用超级链接来完成这个艰巨的任务。下面我们来学习 超级链接的详细内容。
2014-1-20
第五章 超级链接
1
内容目标: 1.熟记超级链接定义和目标选项的含义 2.了解超级链接的路径 3.熟练掌握超级链接的3种创建方法 4.了解超级链接的分类 5.学会用不同的方法创建各种类型的超级链接。 6.熟练掌握超级链接的结构
2014-1-20
第五章 超级链接
9
6.2超级链接的路径
2.文档相对路径：指以当前文档所在的位置为起点 到链接文档经由的路径，把当前文档与处在同一 文件夹中的另一文档，或同一网站下不同文件夹 中的文档相互链接时，就可以使用文档相对路径。 • 其的基本思想是省略掉对于当前文档和所链接的 文档都相同的绝对 URL 部分，而只提供不同的路 径部分。文档相对路径对于大多数 Web 站点的本 地链接(内部链接)来说，是最适用的路径。
2014-1-20
第五章 超级链接
16
6.3超级链接的分类
图像超链接：是指给图像添加链接，使其指向其他 的网页或者文档；在设置鼠标经过图像或创建图 像热区时，也是给图像添加超级链接。
2014-1-20
第五章 超级链接
17
6.3超级链接的分类
多媒体文件链接：是把多媒体按钮作为链接的载体、多 媒体文件作为链接的目标。 空链接：是指未指定目标端点的链接。利用链接可以激 活文档中链接对应的对象和文本，一旦对象和文本激 活，就可以为之添加行为，当鼠标移动到链接上时进 行切换图像或显示分层等动作。所以要对文本设置行 为，需首先为文本建立空链接，行为才有效，可见建 立空链接的目的就是为了应用行为。一般“首页”导 航需要设置空链接。
2014-1-20
第五章 超级链接
2
能力目标： （1）通过演示、分析教学激发学生的学习兴趣，提 高学生分析问题、解决问题的实际能力，达到轻松 学习、自主学习的目的。 （2）通过同步的上机操作，充分发挥学生的设计能 力和创新能力。 教学重点 1.超级链接定义和目标选项的含义 2.超级链接的3种创建方法 3.各种类型的超级链接的创建方法 4.超级链接的结构 教学难点 超级链接的路径
5
6.1超级链接基础
• _parent 将链接的文档载入该链接所在框架的 父框架或父窗口。如果包含链接的框架不是嵌 套框架，则所链接的文档载入整个浏览器窗口。 • _self 将链接的文档载入链接所在的同一框架 或窗口。此目标是默认的，所以通常不需要指 定它。
2014-1-20
第五章 超级链接
6
6.1超级链接基础
2014-1-20
第五章 超级链接
29
6.5几种特殊的超级链接的创建
在链接锚记时，应注意以下事项： ①符号#必须是半角符号；在#和锚记名之间不要留 有空格，否则链接会失败。 ②在不同文件夹中为锚记创建链按时，其文件名后 缀必定是“.htm”，而不能写成“.html”，否则链 接也会失败。 ③在不同文档中创建时，在属性面板上的“链接” 文本框中输入符号“filename.htm# 锚记名称”。
2014-1-20
第五章 超级链接
28
6.5几种特殊的超级链接的创建
（2）链接锚记 在同一文档中创建时，选择想要链接到锚记的文字 或图片，然后按如下方法中的任意一种进行操作。 （1）在属性面板上的“链接”文本框中输入符号# 和锚记名称。 （2）按住属性面板上的“指向文件”按钮，并拖动 鼠标指向锚记。 （3）选择文字或图片后，按住Shift键，然后拖动 鼠标指向锚记。
第五章 超级链接
13
6.3超级链接的分类
外部链接：把网页与Internet中的目标相联系的链接。 锚点链接：可以链接到网页中某个特定位置的链接， 使用其可以跳转到当前文档或其他文档中的标记位 置，免去浏览者翻阅网页寻找信息的麻烦。 电子邮件超级链接：发送电子邮件的超级链接。
2014-1-20
第五章 超级链接
2014-1-20
第五章 超级链接
26
6.5几种特殊的超级链接的创建
（1）创建锚记 操作思路：将光标移到需要加入锚记的地方，单击插 入“常用”面板上的按钮，或是选择主窗口的菜单 “插入”|“命名锚记”命令，在弹出“命名锚记” 对话框中完成设置即可。 【注】：锚记建立后，如果看不到，请执行查看|可 视化助理|不可见元素菜单命令，显示锚记标记。
2014-1-20
第五章 超级链接
22
6.4超级链接的创建方法
3.使用属性检查器的“指向文件”图标链接文档、图 片、多媒体文件、可下载软件等。 注意：使用这种方法创建超级链接时，链接的目标 必须是站点中存在的资源（图片、文档、多媒体、 下载软件、锚记等）。
2014-1-20
第五章 超级链接
23
4超级链接的创建方法
2014-1-20 第五章 超级链接 3
6.1超级链接基础
1：超链接的定义 超链接是指从一个网页指向一个目标的连接关系， 具体是指站点内不同网页之间、站点与Web之间的链 接关系。一个超级链接由两部分组成：链接载体和 链接目标。许多页面元素都可以作为链接载体，链 接目标也可以是任意网络资源。
2014-1-20
2014-1-20