第七章建立链接 本章介绍网页链接的内容,主要包括使 用不同的方法创建一个链接,设置链接的 属性,设置电子邮件链接以及链接的检查 与修复等方面内容
第七章 建立链接 本章介绍网页链接的内容,主要包括使 用不同的方法创建一个链接,设置链接的 属性,设置电子邮件链接以及链接的检查 与修复等方面内容
7.1/链接的概念 链接(或称超链接)是网页与网页之间一种单向的 连接关系。也是wWW的魅力所在。为了把Internet上众 多的网站和网页联系起来,构成一个有机的整体,就要 在网页上加入链接。通过点击网面上的链接,浏览者才 能在信息海洋中尽情遨游
7.1 链接的概念 链接(或称超链接)是网页与网页之间一种单向的 连接关系。也是WWW的魅力所在。为了把Internet上众 多的网站和网页联系起来,构成一个有机的整体,就要 在网页上加入链接。通过点击网面上的链接,浏览者才 能在信息海洋中尽情遨游
7.2创建链接 7.2.1创建超链接 1.使用属性检查器创建 Macromedia Drea aver MX-[=竞赛规=(nets/ule)】 )文件(D编猫()查右心插入①修改(文本D命令(站点()窗口山帮助如 链接 ,新入常用布局文本表格框架表单模板字符媒体文件头脚本应用程序 回图包四幽@0菜品一国岛四阴 这是最常用的一种方 品圆多标题:竞泰规则吮.C?>超, 法。使用“属性检查器” 竞赛规则 可以把当前文档中的文本 布鞋:走进网络时代,展现多元风采。 或图像链接到另一个文档 使用属性检查器创建链 配协码,若层次感,有利于浏览阅读。 清:见( 接的步骤如下: :钱校全日制在校生均可报名参赛,报名以个人或小组(二人二人以上)名义均可, 2002年3月22日2002年4月5日周一至周日每日13:00-18:00每晚18:30-21:00(领取并填 (1)选择需要创建链接 甘机秀3会甕室) ule show howtoencouragenent howtoselect index organization 的文本或图像,例如选择 body myapt>(div>(table>(td>(tdp> 579x294-5K/2秒 文字“评审办法”如图所
7.2 创建链接 7.2.1 1. 使用属性检查器创建 链接 这是最常用的一种方 法。使用“属性检查器” 可以把当前文档中的文本 或图像链接到另一个文档 。使用属性检查器创建链 接的步骤如下: (1)选择需要创建链接 的文本或图像,例如选择 文字“评审办法”如图所 示
(2)在“属性检查器”中的“链接”中输入要链接到的文件名称如图所示。 一屈性 格式)段落习A默认字体 可大小)团可 BL■ 链接L)howtoselect.htn 习佛白目标) 可目扫望 目单元水平@默匀宽一不行@广背景 国垂直)默认习高40标题)口背景颜色g) 边框) (3)或单击浏览文件图标打开“选择文件”对话框,选择要链接的文 件“howtoselect.htm”,如图所示 选挥文件 x 从文件名称选择 ⊙文件系统 C数据源 查找范围I):白homepage choise enteronline 回]reg 国cdok howtoencouragement 】rule Bclose_a howtoselect select close_d 留none 】shaW close_o organizatio 类型:HTML Document edefault pz_chromel 大小:3.54K6 文件名) howtoselect 确认 文件类型): 所有文件体.*) 取消 L Eile:/f/FV网页/dw/homepage/howtoselect. 参数 相对于: 文档le 所选目录不在根目录r:nets之下
(2)在“属性检查器”中的“链接”中输入要链接到的文件名称如图所示。 (3)或单击浏览文件图标打开“选择文件”对话框,选择要链接的文 件“howtoselect.htm” ,如图所示
(4)选择链接文档的载入方式。如图所示选择“slf”方式。 的·屈性 格式)段落习A默认字体 可大小S)无可 BZ■ 链接L)howtoselect.htm 习白目标)s1团可目扫望望 blank 单元 水平)默认可宽巡) 不换行Q)厂背景⑧) parent 回垂直)默认习高)400 标题也)■背景颜色 top 边框⑧) 注意:默认情况链接的文档在当前窗口或框架中打开“self”方式,“blank”是 将被链接文档载入到新的未命名浏览器窗口中,“parent”是将被链接文档载入 到父框架集或包含该链接的框架窗口中, “top”是将被链接文档载入到整个浏览 器窗口并删除所有框架。 (⑤)设置完成,效果如图所示。 之是·+一0回公边紫上收第走的马回·国号国 C0· 习偿院案州6内容·2进理乡 " -a 振名请格,状检全日林按检羊均可家名参海。报名个人城小组(二人我二人以上)名义均
(4)选择链接文档的载入方式。如图所示选择“_self”方式。 注意:默认情况链接的文档在当前窗口或框架中打开“_self”方式,“_blank”是 将被链接文档载入到新的未命名浏览器窗口中,“_parent”是将被链接文档载入 到父框架集或包含该链接的框架窗口中,“_top”是将被链接文档载入到整个浏览 器窗口并删除所有框架。 (5)设置完成,效果如图所示
2.使用指向文件图标创建链接 使用指向文件图标创建链接的步骤如下: (1)在文档窗口选择文档或图像。样选择“评审办法” (2)在“属性检查器”中,拖动链接域右边的指向文件图标,按住鼠标左键并拖 动连向“站点面板”中的一个文档,如“index.htm”。如图所示。 ea行w=变棋=k =5x 文巴肉有青西入D林心文四角OM有的口业 ·教天用京面文王年写程室表南视拉学国布附军再用年 始⊙冰日的里西和●话3=口可田即 Q.c》a. 草获成则■ 以由随 {三资数时代,u元黑. a。3争3w1可 面 ,300年3月2议日2 2平4月5一周日日0000:81:0【限开 出泰裙含温智) 货器作后,装合件官防, 59:.5E全特 1个准项目谈迪中,监其个 套有以卫奇p0标爱对量特色2园 (3)释放鼠标左键,链接被创建,在属性面板的链接地址框中出现已链接的 地址即可
2. 使用指向文件图标创建链接 使用指向文件图标创建链接的步骤如下: (1)在文档窗口选择文档或图像。样选择“评审办法”。 (2)在“属性检查器”中,拖动链接域右边的指向文件图标,按住鼠标左键并拖 动连向“站点面板”中的一个文档,如“index.htm”。如图所示。 (3)释放鼠标左键,链接被创建,在属性面板的链接地址框中出现已链接的 地址即可
3.直接为页面元素创建链接 (1)在文档窗口选择文本。 (2)按住Shif键,在选定的文本上拖动鼠标指针,拖动时指向文件图标出 现,如图所示: 】文件D着插入D修文本D命Q站点留口出帮助d ,新入常用布圆文本表移推架表平模板字份架体文件头料本用程序 口目包国出团0亭品=日吗四月 用程序 ]品图多标题:凳变规则统Q.C》1.包 丝漆程平位中a守于 文件,的损。视图。结点, 竞赛规则 {二}:走进网时代,展现多元风采。 1x1 可本地图 日口站点”11t 国phote }特:见(五 回山卓面 整我校全日刷在校生均可报名参赛.报名以个人戒小组〔二人或二人以上)名义均可. 名 2002年3月22日200c年4月5日周-至周日每日13:0m-16:00年018:30-21:0m(额取井场 机韶给器智室) rule show hovtoencsur agenant hawtoselact isde=organizstion 592945/2 格式)段海可风贸字体 习大小⑧)无可B工日 链接a)ndeg.htw 习9白目标) 可目扫坦均 目单元水平)歌以习意不换行厂青景 4 !个本地项目被达中,始共165个年 (3)指定链接到目标,例如链接到“index.htm”,释放鼠标,链接被建立 这就样链接就被建成。结果与上面的方法相同这里不在重复。注意:给 图像建立链接的方法与士相向
3. 直接为页面元素创建链接 (1)在文档窗口选择文本。 (2) 按住Shift键,在选定的文本上拖动鼠标指针,拖动时指向文件图标出 现,如图所示: (3)指定链接到目标,例如链接到“index.htm”,释放鼠标,链接被建立, 这就样链接就被建成。结果与上面的方法相同这里不在重复。注意:给 图像建立链接的方法与上相同
4.给站点地图上的文件创建链接 (1)选择“站点”的“站点地图”命令,打开站点地图。 (2)在站点地图上选择TML文件,例如“aboutus.htm”。选定文件右上角出 现指向文件图标。 (3)拖动指向文件图标,指向站点窗口中的一个文档,例如“select.htm',即 可创建链接。如图所示。 ,文件 站点资源 文件,编辑,视图、站点, C0个的▣ wb1 习地图视图 站点导航:index.htm aboutus ht国 select.htm 100%File:///F/nets/select.htm
4. 给站点地图上的文件创建链接 (1) 选择“站点”的“站点地图”命令,打开站点地图。 (2) 在站点地图上选择HTML文件,例如“aboutus.htm”。选定文件右上角出 现指向文件图标。 (3)拖动指向文件图标,指向站点窗口中的一个文档,例如“select.htm”,即 可创建链接。如图所示
5.影像地图中链接的创建 在图像的影像地图中创建链接的步骤如下: (1)选择图像,如图所示。 Macromedia Dreamwweaver MX-【无标数文挡(ets/logo】 文件编辑但查省心入修心文本①命今站点⑤窗口(心帮助 ?,新入常用花局文本表格框架表单换板宇符辉件文件头脚本应用程序 。回电国包图脚@0章导=回绍四月 鼎两多标题:无标题文档 ■允.C.g. North yducation (body>(p>(img> 579294.14/4秒 性 图像,14宽)200■文件但10. 白告代如)■ 高00190链流L) 仪编越口重设大小 地图)垂直边距心日际) 习边短)到 口可☑水平边距 低品质源 对齐认值
5. 影像地图中链接的创建 在图像的影像地图中创建链接的步骤如下: (1) 选择图像,如图所示
(2)单击“属性检查器”左下角的矩形热点工具按钮,在图像上 拖动创建影像,如图所示。 Macromedia Drean av世M以-[无标爱文首(elog加】 月文件日编6(日查看四插入(①修女本D命@站点(分窗口出帮助心 :,基入常用布局文本表格表单板符媒体文件头即本应用程序 地回组电国出@●察昌=自码中园 少品影标毁:无标题文档 ■尾0.C>河. North yduc tion 1oe0*月 bod>p>i2 579x294,14x/45 e四 图像,14、宽)200源文件10.F 日世代)■ 高0090链接4) 招玉设大小 垂直迪距) 目标) 习边推0■ 卡后可☑水平边距 「低品黄源 $台对济默认值
(2) 单击“属性检查器”左下角的矩形热点工具按钮,在图像上 拖动创建影像,如图所示