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