《03-建立网页链接1》由会员分享，可在线阅读，更多相关《03-建立网页链接1（21页珍藏版）》请在金锄头文库上搜索。
1、第三章建立网页链接第三章建立网页链接本本章章重重点点：内内部部链链接接、外外部部链链接接、锚锚点链接、点链接、E-mail链接的创建方法。链接的创建方法。 第三章建立网页链接第三章建立网页链接3.1 3.1 编织网站链接编织网站链接足球新闻足球新闻3.23.2超链接概述超链接概述3.3 3.3 实战演练每周星运实战演练每周星运 3.1 3.1 编织网站链接编织网站链接足球新闻足球新闻3.1.1 案例综述案例综述 本本例例以以编编织织网网站站中中的的各各种种超超链链接接为为主主要要目目的的，介绍创建超链接种种方法和技巧介绍创建超链接种种方法和技巧 3.1 3.1 编织网站链接编织网站链接足球新闻
2、足球新闻3.1.2 3.1.2 案例分析案例分析为实现网页的跳转，将创建：为实现网页的跳转，将创建：n到网站内页面的超链接到网站内页面的超链接内部链接；内部链接；n到网站外页面的超链接到网站外页面的超链接外部链接；外部链接；n电子邮件形式的超链接电子邮件形式的超链接E-mail链接；链接；n到网页某一特定位置的超链接到网页某一特定位置的超链接锚点链接；锚点链接；n以及其他一些链接。以及其他一些链接。 3.1 3.1 编织网站链接编织网站链接足球新闻足球新闻3.1.3 实现步骤实现步骤一、一、准备网页内容准备网页内容 步骤步骤1选中站点；选中站点； 步骤步骤2将素材文件夹中的相关文档复制到站点文
3、将素材文件夹中的相关文档复制到站点文件夹下。件夹下。二、创建超链接二、创建超链接1、创建内部链接、创建内部链接网站内部页面之间创建相互链接关系网站内部页面之间创建相互链接关系步骤步骤1选中页面中的文字或图像，在属性面板中单选中页面中的文字或图像，在属性面板中单击击“链接链接”文本框右侧的文件夹图标，以通过浏文本框右侧的文件夹图标，以通过浏览选择一个文件览选择一个文件步骤步骤2从从“目标目标”下拉菜单中，选择文档的打开位下拉菜单中，选择文档的打开位置。置。n_blank :新打开的空窗口n_parent：如果是嵌套的框架，则在父框架中打开。n_self：会在当前网页所在的窗口或框架中打开。n_t
4、op：会在完整的浏览器窗口中打开。3.1 3.1 编织网站链接编织网站链接足球新闻足球新闻2、创建外部链接、创建外部链接创建链接到绝对地址的外部链接创建链接到绝对地址的外部链接1.选中文字或图像之后，直接在属性面板的选中文字或图像之后，直接在属性面板的“链链接接”文本框中输入外部的链接地址，如文本框中输入外部的链接地址，如http:/2.然后在然后在“目标目标”下拉菜单中设置这个链接的目下拉菜单中设置这个链接的目标窗口。标窗口。3.1 3.1 编织网站链接编织网站链接足球新闻足球新闻3、创建、创建Email链接链接当浏览者单击电子邮件链接时，可即时打开当浏览者单击电子邮件链接时，可即时打开浏览
5、器默认的电子邮件程序处理程序浏览器默认的电子邮件程序处理程序。方法：方法：1.选中文本和图像选中文本和图像2.插入栏常用电子邮件链接输入邮件地址插入栏常用电子邮件链接输入邮件地址3.或在属性面板的链接栏中直接输入或在属性面板的链接栏中直接输入mailto:邮件地址邮件地址3.1 3.1 编织网站链接编织网站链接足球新闻足球新闻4、锚点链接、锚点链接是指同一个页面中的不同位置链接。是指同一个页面中的不同位置链接。分为两步：分为两步：1.创建命名锚记，就是在文档中设置位置标记，创建命名锚记，就是在文档中设置位置标记，并给该位置一个名称，以便引用。并给该位置一个名称，以便引用。2.创建到命名锚记的链
6、接创建到命名锚记的链接3.1 3.1 编织网站链接编织网站链接足球新闻足球新闻1.创建命名锚记创建命名锚记1)将光标定位在要设置标记的位置，将光标定位在要设置标记的位置，2)插入栏命名锚记输入锚记名称（注意：插入栏命名锚记输入锚记名称（注意：区分大小写）区分大小写）2.创建到命名锚记的链接创建到命名锚记的链接1)选择要创建链接的文本或图像选择要创建链接的文本或图像2)在属性面板的链接文本框中，键入号和锚在属性面板的链接文本框中，键入号和锚记名称记名称3)或在浏览对话框中，选中要链接的文件后加或在浏览对话框中，选中要链接的文件后加和锚记名称。和锚记名称。3.1 3.1 编织网站链接编织网站链接足
7、球新闻足球新闻5、创建其他类型的链接、创建其他类型的链接（1）创建下载链接）创建下载链接n当被链接的文件是当被链接的文件是exe文件或文件或zip文件等浏览器不文件等浏览器不支持的类型时，这些文件会被下载，这就是网上支持的类型时，这些文件会被下载，这就是网上下载的方法。下载的方法。n链接到下载文件的方法，和链接到网页的方法完链接到下载文件的方法，和链接到网页的方法完全一样。全一样。3.1 3.1 编织网站链接编织网站链接足球新闻足球新闻5、创建其他类型的链接、创建其他类型的链接（2）、创建空链接）、创建空链接n空链接用来激活页面中的对象或文本。当文本或空链接用来激活页面中的对象或文本。当文本或
8、对象被激活后，可以为之添加行为。对象被激活后，可以为之添加行为。n方法：选中要制作空链接的对象，在链接文本框方法：选中要制作空链接的对象，在链接文本框中直接输入。中直接输入。n在一般站点首页的导航栏中的首页链接，就可以在一般站点首页的导航栏中的首页链接，就可以是一个空链接是一个空链接3.1 3.1 编织网站链接编织网站链接足球新闻足球新闻6、创建跳转菜单、创建跳转菜单n跳转菜单是文档中的弹出式菜单，可以创建跳转菜单是文档中的弹出式菜单，可以创建到可在浏览器中打开的任何文件类型的链接。到可在浏览器中打开的任何文件类型的链接。n方法：方法：1.插入栏表单跳转菜单插入栏表单跳转菜单2.在在“插入跳转
9、菜单插入跳转菜单”对话框中，单击号对话框中，单击号添加菜单项添加菜单项3.在在“选择时。转到选择时。转到URL”文本框中，输入该文本框中，输入该文件的路径。文件的路径。3.1 3.1 编织网站链接编织网站链接足球新闻足球新闻7、创建图像地图、创建图像地图n图像地图指已被分为多个区域（热点）的图像。图像地图指已被分为多个区域（热点）的图像。当用户单击某个热点时，会发生某种操作。当用户单击某个热点时，会发生某种操作。n方法：方法：1.选中图像选中图像2.在图像属性面板中，使用热区工具（矩形、在图像属性面板中，使用热区工具（矩形、椭圆、多边形），在图像上划分热区。椭圆、多边形），在图像上划分热区。3
10、.为绘制的每一个热区设置不同的链接地址和为绘制的每一个热区设置不同的链接地址和替代文字。替代文字。3.1 3.1 编织网站链接编织网站链接足球新闻足球新闻3.2 3.2 超链接概述超链接概述 3.2.1 超链接的类型超链接的类型 n内内部部链链接接这这种种链链接接的的目目标标端端点点是是本本站站中中的的其其他他文文档档。利利用用这这种种链链接接，可可以以跳跳转转到到本本站站点点其其他他的的页页面上。面上。n外外部部链链接接这这种种链链接接的的目目标标端端点点是是本本站站点点之之外外的的站站点点或或文文档档。利利用用这这种种链链接接，可可以以跳跳转转到到其其他他的的网网站上。站上。 3.2 3.
11、2 超链接概述超链接概述 3.2.1 超链接的类型超链接的类型 nEmailEmail链链接接单单击击这这种种链链接接，可可以以启启动动电电子子邮邮件件程序书写邮件，并发送到指定的地址。程序书写邮件，并发送到指定的地址。n锚锚点点链链接接这这种种链链接接的的目目标标端端点点是是文文档档中中的的命命名名锚锚记记，利利用用这这种种链链接接，可可以以跳跳转转到到当当前前文文档档中中的的某某一一指指定定位位置置上上，也也可可以以跳跳转转到到其其他他文文档档中中的的某某一一指指定位置上。定位置上。 3.2 3.2 超链接概述超链接概述 3.2.2 链接路径链接路径（1）绝绝对对路路径径：如如果果在在链链
12、接接中中使使用用完完整整的的URLURL地地址址，这这种种链链接接路路径径就就称称作作绝绝对对路路径径。路路径径同同链链接接的的源源端端点无关。点无关。 （2）相相对对路路径径：相相对对路路径径可可以以表表述述源源端端点点同同目目标标端点之间的相互位置，它同源端点的位置密切相关端点之间的相互位置，它同源端点的位置密切相关。 （3）基基于于目目录录的的路路径径：所所有有的的路路径径都都是是从从站站点点的的根根目目录录开开始始的的，它它同同源源端端点点的的位位置置无无关关。通通常常用用一一个斜线个斜线“/”/”表示根目录。表示根目录。 3.2 3.2 超链接概述超链接概述 3.2.3创建超链接创建
13、超链接 1.1.在文档窗口中选中想作为链接的文本或图片在文档窗口中选中想作为链接的文本或图片2.2.在在属属性性面面板板链链接接一一项项的的空空白白处处填填入入链链接接的的路路径径，或或者者单单击击图图标标，在在弹弹出出的的【选选择择文文件件】对对话话框框中中，选选定定要要链链接接的的文文档档及及采采用用哪哪种种方方式式表表达达路路径。径。3.3.链链接接的的对对象象可可以以是是多多样样的的，如如图图片片文文件件，电电子子表格，或者某个网站。表格，或者某个网站。 3.2.4 插入导航条插入导航条n导航条中按钮图像的状态根据浏览者的鼠导航条中按钮图像的状态根据浏览者的鼠标动作而改变。标动作而改变
14、。 n方法：方法： 1、将光标放到要插入导航条的位置；、将光标放到要插入导航条的位置； 2、选择插入、选择插入|图像对象图像对象|导航条命令导航条命令 ； 3、或选择插入、或选择插入|常用常用|图像图像|导航条命令。导航条命令。3.2 3.2 超链接概述超链接概述 一、实战效果一、实战效果每周星运每周星运 3.3 3.3 实战演练实战演练 二、实战要求二、实战要求1.在在页页面面下下方方的的“小小屋屋”图图片片上上，创创建建返返回回首页的超链接；首页的超链接；2.创建创建“与我联系与我联系”的的EmailEmail超链接；超链接；3.创建创建“关于我关于我”的空链接；的空链接；4.4.创建页面上方图片中个个小圆的热点链接创建页面上方图片中个个小圆的热点链接（图像地图）（图像地图） 3.3 3.3 实战演练实战演练
