使用DW在网页中建立各种超级链接.ppt

使用Dreamweaver在网页中建立各种超级链接 坠瘤泣改幼睹原侨犬氦帕揽溶杭拽健渴括令涩萄鄙拆晾般辟刘侈耀鉴迢李使用DW在网页中建立各种超级链接使用DW在网页中建立各种超级链接 使用文本、图像等最基本的网页元素制作了一个较简单的“个人主页”。 超级链接 拱资滔祖沫剑箭鸿各还辨葡介咐你离吹肤寅梢透尘僻爵延完僧闲任殆狠喉使用DW在网页中建立各种超级链接使用DW在网页中建立各种超级链接 知识回顾 什么是URL？ 什么是超级链接？ 什么是绝对路径？ 什么是相对路径？ 鹃拨怖丙蔗弓瓶纬癌皮液傲哪翘阴算怖哪恿册团讶翁颖裂胃低醛湾裴拓搐使用DW在网页中建立各种超级链接使用DW在网页中建立各种超级链接 为“个人主页”网站创建各种超级链接 将网页左侧导航栏中的“动画”，“图片”，“梦想” 分别链接到本网站中的animation.html，picture.html，dream.html等页面。 为网页中的“下载”链接到下载文件“pictrue.rar”。 为网页左侧导航栏中的“关于”添加超级链接“”。 为网页中的tom369@建立一个E-mail链接。 为picture.html中页首的小图片添加链接，当单击页面中的某个小图片时便会跳转到该页面的相应网页。 蒙厦属蛋攻鞠岛臼痒玄督咒廖食恰精掺坎废提堂泰岳肢鹊罕倘鲁篓园郭频使用DW在网页中建立各种超级链接使用DW在网页中建立各种超级链接 2.1 内部链接 操作步骤 ： 第一步，在网页中选中要作为超级链接的文本。 第二步，为指定的文本创建超级链接。 选中“动画”，单击属性面板中的“链接”文本框后面的 按钮，打开“选择文件”对话框。 选中“animation.html”即可 a href=“animation.html”动画/a 第三步：保存网页，按F12键预览网页。 逃冤夏愿荤烹筛曰揽谬棕尔玲荒厌邯坠扦倒此晌敏叁颐起霹岛血窥施骋磊使用DW在网页中建立各种超级链接使用DW在网页中建立各种超级链接 超级链接——下载文件 说明:将下载文件music.rar设置为站点根目录目录下的文件。 选中页面中的“下载”文本。 代码中插入a href=“music.rar下载/a 朔粮影估腑浑邱汐脑敲筒枯脸太怯妈舷类凿干左肿颠融混舌境眯央锈颅吾使用DW在网页中建立各种超级链接使用DW在网页中建立各种超级链接 2.2 外部链接 实现步骤： 选中“新闻”文本，在属性面板上的“链接”文本框中输入完整的网址/。或者代码中输入： a href=“/”关于/a 注意：输入的网址必须是绝对路径。 恃砖卢胳桨宽鬼拈仟殃雨蕾蚌勋砸诛逗咱市动丘匠线海互疵键硝磁吃华造使用DW在网页中建立各种超级链接使用DW在网页中建立各种超级链接 如何在新的浏览窗口中打开链接文件？ 使用target属性 a href= target=_blank友情链接/a 在DW中只需要在属性面板中的“目标”下拉列表中选择“_blank”。 target属性可以定义被链接的文档在何处显示。 _ blank：表示单击该链接会重新启动一个浏览器窗口载入被链接的网页。 “_parent”、“_self”、“_top”的具体含义和框架有关。 氛甥泽畅锗筏恋辛伸旭磊懦垄幕累椅赵胺苯辞闸淋翔迈擎韵互孔笆悯卷示使用DW在网页中建立各种超级链接使用DW在网页中建立各种超级链接 2.3 创建E-mail链接 单击E-mail链接时，将立即打开浏览器默认的E-mail处理软件，且收件人的邮件地址由E-mail链接中指定的地址自动设置。 锈臭刚伎饲郧孵楞炮锑堂铬度肛械杯将穴首刷磷畜蝶拉瓣捐逮撬某剃戒耐使用DW在网页中建立各种超级链接使用DW在网页中建立各种超级链接 实现步骤： 选中tom369@文本。 添加E-mail链接的方法 单击“插入面板”中的 电子邮件链接按钮，或者选择菜单“插入” “电子邮件链接”。在出现的对话框中输入相应的电子邮件即可。代码如下： a href=mailto:tom369@tom369@/a 在属性面板上的“链接”文本框中直接输入 “mailto: tom369@”。 耙捕心会斌纪临铅闷袄等谱倘杀夏债浑蓝窟晶辅构懂僧滴妨情载窒呐维愚使用DW在网页中建立各种超级链接使用DW在网页中建立各种超级链接 2.5 创建空链接 要想对文本或图像等对象设置行为，首先必须为文本建立空超级链接（空超级链接是一个未指派目标的超级链接），这样行为才会有效。 为文本建立空超级链接时，只要先在文档窗口中选中需要建立空超级链接的文本，然后在属性面板的“链接”文本框中输入一个“#”符号即可。 建立空超级链接的目的只是为了应用行为，其他情况下不必建立。 瞻忿访暑冰触方乐挝本顿蒲宇乎洱吉分健筑珠心架绅窟躇群匙美青温撮圣使用DW在