1、疆酷陀棍则妮闽柳栖鼻慈叙汛帝构系胁豢唾戴抱举瞳炯共名履琐荚言蕾蔬03-建立网页链接03-建立网页链接第三章 建立网页链接本章重点：内部链接、外部链接、锚点链接、 E-mail链接的创建方法。 怔恒囊俊倘诸怨姜刚马亿本焚挨巫呵翟脱豹攒早淹犬摧炭无筛泳赠啮穆弓建立网页链接建立网页链接疆酷陀棍则妮闽柳栖鼻慈叙汛帝构系胁豢唾戴抱举瞳炯共名履琐荚言蕾蔬03-建立网页链接03-建立网页链接第三章 建立网页链接3.1 编织网站链接 足球新闻3.2 超链接概述3.3 实战演练每周星运 龚呢哨眯磨伊弊岭乏尸焉扩咨韦阜纶隐只放尤骡蜕揭油漂淄球挫嗜遣宜缓建立网页链接建立网页链接3.1 编织网站链接 足球新闻3.1.
2、1 案例综述本例以编织网站中的各种超链接为主要目的，介绍创建超链接种种方法和技巧 枪楼劝褥贩十它嗡苹忙国薄影辱厢脾客穴拆移懦剂耕粹十芍址拜雇妒岂跋03-建立网页链接03-建立网页链接3.1 编织网站链接 足球新闻3.1.2 案例分析为实现网页的跳转，将创建：n 到网站内页面的超链接 内部链接；n 到网站外页面的超链接 外部链接；n 电子邮件形式的超链接 E-mail链接；n 到网页某一特定位置的超链接 锚点链接；n 以及其他一些链接。 奈渗后占痘草氓亩二词置滥惶敢距成悔侮捕赚锣疮募敞磁貌周疆补呻是障03-建立网页链接03-建立网页链接3.1 编织网站链接 足球新闻3.1.3 实现步骤一、 准备
3、网页内容步骤 1 选中站点；步骤 2 将素材文件夹中的相关文档复制到站点文件夹下。二、创建超链接涤四娘勃娠垣现衰妹忌雄萧噬泉恰丛你建骆大哼办介爬雇怜表家坞台果能03-建立网页链接03-建立网页链接1、创建内部链接 网站内部页面之间创建相互链接关系步骤 1 选中页面中的文字或图像，在属性面板中单击 “链接 ”文本框右侧的文件夹图标，以通过浏览选择一个文件步骤 2 从 “目标 ”下拉菜单中，选择文档的打开位置。n _blank :新打开的空窗口n _parent：如果是嵌套的框架，则在父框架中打开。n _self：会在当前网页所在的窗口或框架中打开。n _top：会在完整的浏览器窗口中打开。3.1
4、 编织网站链接 足球新闻臣丫全跟墨浚驳存扬喀享紊呐氨沃纳楞氖害双紫晾宗耀俩套岗踊牌系矗氟03-建立网页链接03-建立网页链接2、创建外部链接创建链接到绝对地址的外部链接n 选中文字或图像之后，直接在属性面板的 “链接 ”文本框中输入外部的链接地址，如http:/n 然后在 “目标 ”下拉菜单中设置这个链接的目标窗口。3.1 编织网站链接 足球新闻鳃陕提玛祷彻救硫捧袜银龟卸则禾做较庭靶犁洒瘤袍元著说谎赤甜磐钨裴03-建立网页链接03-建立网页链接3、创建 E mail链接当浏览者单击电子邮件链接时，可即时打开浏览器默认的电子邮件程序处理程序 。方法：n 选中文本和图像n 插入栏常用电子邮件链接输
5、入邮件地址n 或在属性面板的链接栏中直接输入mailto:邮件地址3.1 编织网站链接 足球新闻滑阵伺绚摸产镁共检钥详隧困奖著注跨热耍雷耻突卢肚橇蝶坛友连论侧舱03-建立网页链接03-建立网页链接4、锚点链接是指同一个页面中的不同位置链接。n 分为两步：n 创建命名锚记，就是在文档中设置位置标记，并给该位置一个名称，以便引用。n 创建到命名锚记的链接3.1 编织网站链接 足球新闻挨歧孙眉烤巩迸郊喻芹稀汲耀子旗那瓢荷迫惕疡桥昼楼习彤乘息堂幼吟拓03-建立网页链接03-建立网页链接n 创建命名锚记n 将光标定位在要设置标记的位置，n 插入栏命名锚记输入锚记名称（注意：区分大小写）n 创建到命名锚记
6、的链接n 选择要创建链接的文本或图像n 在属性面板的链接文本框中，键入号和锚记名称n 或在浏览对话框中，选中要链接的文件后加和锚记名称。3.1 编织网站链接 足球新闻堂权冠擎故懂驱启雍耀曲尼快监堡杉蹬滁端耻俞宰杀贞诡符慈辫吟耸祸坛03-建立网页链接03-建立网页链接5、创建其他类型的链接（ 1）创建下载链接n 当被链接的文件是 exe文件或 zip文件等浏览器不支持的类型时，这些文件会被下载，这就是网上下载的方法。n 链接到下载文件的方法，和链接到网页的方法完全一样。3.1 编织网站链接 足球新闻橡囚钓屯疙哮柳躬慎掀材极扛滩沫憎叠谦蹲镇粮栈损顷惦狰悼娜磐皿吩炸03-建立网页链接03-建立网页链
7、接5、创建其他类型的链接（ 2）、创建空链接n 空链接用来激活页面中的对象或文本。当文本或对象被激活后，可以为之添加行为。n 方法：选中要制作空链接的对象，在链接文本框中直接输入。n 在一般站点首页的导航栏中的首页链接，就可以是一个空链接3.1 编织网站链接 足球新闻向按宰褪兜隔兵贝矣链裔峰骄锤无近奏祥跺愚崇硝腐跳游畦孟将嘶邑挛搜03-建立网页链接03-建立网页链接6、创建跳转菜单n 跳转菜单是文档中的弹出式菜单，可以创建到可在浏览器中打开的任何文件类型的链接。n 方法：n 插入栏表单跳转菜单n 在 “插入跳转菜单 ”对话框中，单击号添加菜单项n 在 “选择时。转到 URL”文本框中，输入该文
8、件的路径。3.1 编织网站链接 足球新闻择猩经乍昨诸立劣戍插更响冒柒偿唆捡款悲痢荫沾锯盅丙父玫银病詹品柞03-建立网页链接03-建立网页链接7、创建图像地图n 图像地图指已被分为多个区域（热点）的图像。当用户单击某个热点时，会发生某种操作。n 方法：n 选中图像n 在图像属性面板中，使用热区工具（矩形、椭圆、多边形），在图像上划分热区。n 为绘制的每一个热区设置不同的链接地址和替代文字。3.1 编织网站链接 足球新闻受投掂夸扩摩舌哮馋齿病悲鲁沿巳厌奉俗阁掐枉掉望罢硕寇蚊吝秦嚣鸯炳03-建立网页链接03-建立网页链接3.2 超链接概述 3.2.1 超链接的类型 n 内部链接 这种链接的目标端点是
9、本站中的其他文档。利用这种链接，可以跳转到本站点其他的页面上。n 外部链接 这种链接的目标端点是本站点之外的站点或文档。利用这种链接，可以跳转到其他的网站上。臃岳岛碑书传约牟遣净持梦距臭壹汾埠胞古馅寥淬糠钙梧缀雌辆蜕痔钒幻03-建立网页链接03-建立网页链接3.2 超链接概述 3.2.1 超链接的类型 n Email链接 单击这种链接，可以启动电子邮件程序书写邮件，并发送到指定的地址。n 锚点链接 这种链接的目标端点是文档中的命名锚记，利用这种链接，可以跳转到当前文档中的某一指定位置上，也可以跳转到其他文档中的某一指定位置上。切避徽盏黎堰玛船箩床荐绵厌胳揽梁垫打纷闯完勇盆漾金淄豹侧懊腺疆楔03
10、-建立网页链接03-建立网页链接3.2 超链接概述 3.2.2 链接路径（ 1） 绝对路径 ： 如果在链接中使用完整的 URL地址，这种链接路径就称作绝对路径。路径同链接的源端点无关。（ 2） 相对路径 ： 相对路径可以表述源端点同目标端点之间的相互位置，它同源端点的位置密切相关 。（ 3） 基于目录的路径 ： 所有的路径都是从站点的根目录开始的，它同源端点的位置无关。通常用一个斜线 “/” 表示根目录。阶沛识蒸器乱碑胆押轮进工适翌弦邑诅丙公华元斋捎鼠广桅史纹较驳开长03-建立网页链接03-建立网页链接3.2 超链接概述 3.2.3 创建超链接 n 在文档窗口中选中想作为链接的文本或图片n 在
11、属性面板链接一项的空白处填入链接的路径，或者单击图标，在弹出的【选择文件】对话框中，选定要链接的文档及采用哪种方式表达路径。n 链接的对象可以是多样的，如图片文件，电子表格，或者某个网站。 豺哦窗彦茁傻撰凯淆签戊枣臂孺抱添磅查灼唯遥臣怯蓝厨疗摹桓侦肺弄琐03-建立网页链接03-建立网页链接3.2.4 插入导航条n 导航条中按钮图像的状态根据浏览者的鼠标动作而改变。 n 方法：1、将光标放到要插入导航条的位置；2、选择插入 |图像对象 |导航条命令 ；3、或选择插入 |常用 |图像 |导航条命令。3.2 超链接概述 诡翼撞瘫京赢爷廖坊蕴贝枕竣棕蹿儿盈甚巢莆拇贿录猩都卧又证应笼釜叉03-建立网页链接03-建立网页链接一、实战效果 每周星运 3.3 实战演练 娠釜槽得感告誊缎钙色煽肌软胁购砰奖设季短惜丁嫌啪梳寒林壕糯酶宣殆03-建立网页链接03-建立网页链接二、实战要求n 在页面下方的 “小屋 ”图片上，创建返回首页的超链接；n 创建 “与我联系 ”的 Email超链接；n 创建 “关于我 ”的空链接；n 创建页面上方图片中个个小圆的热点链接（图像地图） 3.3 实战演练炙坑啄扶共甲都辅恍耪捌奸钥公痒曙斩崩叠礁拿院横斗啄旨林兆帝绒锭步03-建立网页链接03-建立网页链接
