第4章使用超链接 海认识超链接 。为文字和图片设置常规超链接 。不同格式的超链接 鲁上机实践一为拍拍网页中的文字和图像添加链接
第4章 使用超链接 认识超链接 为文字和图片设置常规超链接 不同格式的超链接 上机实践——为拍拍网页中的文字和图像添加链接
4.1认识超级链接 超级链接包括内部超级链接和外部超级链接,内部超 级链接是指目标文件位于站点内部的链接;外部超级 链接可实现网站与网站之间的跳转,也就是从本网站 跳转到其他网站。 内部超级链接会涉及到路径的使用,且只能使用相对 路径。 1001 introduction dynamic production usiness support price essage pot☐[news linkage works resource node art animation decnate node art animation decnate
4.1 认识超级链接 超级链接包括内部超级链接和外部超级链接,内部超 级链接是指目标文件位于站点内部的链接;外部超级 链接可实现网站与网站之间的跳转,也就是从本网站 跳转到其他网站。 内部超级链接会涉及到路径的使用,且只能使用相对 路径
4.2为文字和图片设置常规超链接 4.2.1为文字设置超链接 要为文字设置超链接,应首先选中文字,然后单击 “插入”栏“常用”类别中的“超级链接”按钮, 打开“超级链接”对话框。 可以是内部链 Hacromedia Dreamveaver 8 超级链接 接或外部链接 ☒ 文件)编辑g)查看心插入) 文本:首页 确定 常用、 回&圉 链接:index.htn 取消 超级链接一 目标 帮助 标题 访问键 “标题”编辑框用于设 Tab键索引 top 置,当鼠标悬停在超链 设置在何处 接上时出现的说明文字 打开网页
4.2 为文字和图片设置常规超链接 4.2.1 为文字设置超链接 要为文字设置超链接,应首先选中文字,然后单击 “插入”栏“常用”类别中的“超级链接”按钮 , 打开“超级链接”对话框。 可以是内部链 接或外部链接 设置在何处 打开网页 “标题”编辑框用于设 置,当鼠标悬停在超链 接上时出现的说明文字
4.2.2 取消超链接 要取消超链接,可在选中设置为超链接的文字后,删 除属性面板中“链接”编辑框中的内容。 ·属性 格式)无 样式)stle1 BI差差量链接L)index,htm 字体@)默认字体大小S)2像素x) 扫扫短短目标红)1k 页面属性,门列表项目.。 为图片设置超链接的方法同文字一样
4.2.2 取消超链接 要取消超链接,可在选中设置为超链接的文字后,删 除属性面板中“链接”编辑框中的内容。 为图片设置超链接的方法同文字一样
4.3不同格式的超链接 4.3.1电子邮件链接 电子邮件链接是指当浏览者单击某个超链接时,系统 会自动启动默认的电子邮件收发软件。 要设置电子邮件链接,应首先选中要设置为超链接的 文本,然后单击“插入”栏“常用”类别中的“电子 邮件链接”按钮,接下来在弹出的对话框中输入链接 到的电子信箱地址即可。 电子邮件链接 ☒ 链接)mai1to:zhangsan(263.neV白 目标①) 文本:与我联系 确定 E-Mail:zhangsan2263.net. 取消 帮助
4.3 不同格式的超链接 4.3.1 电子邮件链接 电子邮件链接是指当浏览者单击某个超链接时,系统 会自动启动默认的电子邮件收发软件。 要设置电子邮件链接,应首先选中要设置为超链接的 文本,然后单击“插入”栏“常用”类别中的“电子 邮件链接”按钮,接下来在弹出的对话框中输入链接 到的电子信箱地址即可
4.3.2 命名锚记链接 当网页的内容非常多,浏览器的滚动条变得很长时, 可以通过命名锚记链接来为网页添加内部链接。 创建命名锚记链接,首先要定义命名锚记,然后创建 指向它的链接。 用电器 命名错记 ☒ 插入的命 名锚记 锚记名称:001 确定 51 取消 帮助 为图片设 灵斗系列 制氧机 空气净化器 搅拌机 置“命名 属性 锚记”链 图K 觅T76 源文T3es/btn05_off.1f 替换 类@无 高22 连接001 编辑@幻寸男D△ 地图 垂直边距 目标 边框0套套言 ▣O☑ 水平边距 低解析度源Q) 对齐默认值
4.3.2 命名锚记链接 当网页的内容非常多,浏览器的滚动条变得很长时, 可以通过命名锚记链接来为网页添加内部链接。 创建命名锚记链接,首先要定义命名锚记,然后创建 指向它的链接。 插入的命 名锚记 为图片设 置“命名 锚记”链 接
4.3.3热点链接 热点链接是针对图像而言,利用它可以为一幅图像的 不同区域添加不同的超链接。 要为图像添加热点链接,可以使用图像属性面板中的 地图组合按钮。 矩形热 地图 地图M) 点工具 ▣O以 名称 椭圆形热 多边形热 点工具 点工具 时尚潮流 必备单品 85 中护
4.3.3 热点链接 热点链接是针对图像而言,利用它可以为一幅图像的 不同区域添加不同的超链接。 要为图像添加热点链接,可以使用图像属性面板中的 地图组合按钮。 地图 名称 多边形热 点工具 椭圆形热 点工具 矩形热 点工具
4.3.4 使用跳转菜单 可以把跳转菜单看作是一种超链接的集合,它以弹出 式下拉菜单的形式在网页中展现出来。 弹出菜单内的链接没有类型上的限制,可以是本地链 接,也可以是到其他网站的链接。 新浪网 属性 列表/菜单 类型⊙菜单心) 高度啦 列表值。☐ 类)无 menul ○列表L) 选定范围■允计多选四 初始化时选定新很网 新浪网、 新浪网■ 搜狐 网页预 设计好的跳转菜 网易 览效果 单及其属性面板
可以把跳转菜单看作是一种超链接的集合,它以弹出 式下拉菜单的形式在网页中展现出来。 弹出菜单内的链接没有类型上的限制,可以是本地链 接,也可以是到其他网站的链接。 4.3.4 使用跳转菜单 设计好的跳转菜 单及其属性面板 网页预 览效果
4.3.5 图片链接和下载链接 我们在上网时经常会碰到图片链接和下载链接,例如, 单击网页中的某个小图片时会在新窗口中打开一幅大 图片,或者单击某个链接会打开一个下载提示对话框 等。这就是我们所说的图片链接和下载链接。 图片链接 属性 图象,10K 宽W)9 源文件⑨)images/hjc.gif眉 替代) 类无四 高0)125 链接L)mages/,whjc1.giE 编辑@幻寸虽D△ 地图图) 垂直边距y) 目标⑧)_b1ank 边框⑧)0盖量 日口O☑水平边距0 低解析度源Q) 多合对齐级)默认值 下载链接 ?属性 格式)无 样式)无 B I 套耋盖■ 链接L)download/Php7Data.zip 字体@)默认字体四大小)13心像索x)心00000扫扫s 目标红) 单元格 水平默认习宽)☐ 不换行@)☐ 背景) 制白 页面属性. 垂直①)默认v高0B 标题)☐背景颜色@)、 边框⑧)二
4.3.5 图片链接和下载链接 我们在上网时经常会碰到图片链接和下载链接,例如, 单击网页中的某个小图片时会在新窗口中打开一幅大 图片,或者单击某个链接会打开一个下载提示对话框 等。这就是我们所说的图片链接和下载链接。 图片链接 下载链接