网页设计与制作案例实战教程课件 第6章 超链接的应用_第1页
网页设计与制作案例实战教程课件 第6章 超链接的应用_第2页
网页设计与制作案例实战教程课件 第6章 超链接的应用_第3页
网页设计与制作案例实战教程课件 第6章 超链接的应用_第4页
网页设计与制作案例实战教程课件 第6章 超链接的应用_第5页
已阅读5页，还剩20页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

第6章超链接的应用网页设计与制作案例实战教程目录Contents6.1

超链接概念6.2

管理网页超链接6.3

文本链接6.4

图像链接6.5

锚点链接6.6

课堂实战6.7

课后练习6.1.1

相对路径相对路径无需给出目标端点完整的URL地址，只要给出相对于源端点的位置即可。一般可以将其分为文档相对路径和站点根目录相对路径2种类型。1.文档相对路径文档相对路径对于有大多数站点的本地链接来说是最合适的路径。2.站点根目录站点根目录相对路径指从站点的根文件夹到文档的路径。6.1.2绝对路径绝对路径是指包括服务器规范在内的完全路径，通常使用http://来表示。与相对路径相比，采用绝对路径的优点在于它同链接的源端点无关。只要网站的地址不变，无论文档在站点中如何移动，都可以正常实现跳转。采用绝对路径的缺点在于这种方式的链接不利于测试。如果在站点中使用绝对地址，要想测试链接是否有效，必须在Internet服务器端对链接进行测试。目录Contents6.1

超链接概念6.2

管理网页超链接6.3

文本链接6.4

图像链接6.5

锚点链接6.6

课堂实战6.7

课后练习6.2.1自动更新链接当本地站点中的文档发生移动或重命名后，Dreamweaver可更新来自和指向该文档的链接，直到将本地文件放在远程服务器上或将其存回远程服务器后才更改远程文件夹中的文件。6.2.2检查站点中的链接错误发布网页前需要对网站中的超链接进行测试，为了节省检查时间，Dreamweaver中的“链接检查器”面板就提供了对整个站点的链接进行快速检查的功能。通过这一功能，可以找出断掉的链接、错误的代码和未使用的孤立文件等，以便进行纠正和处理。6.2.3修复链接修复链接是指重新设置检查出的断掉链接，一般通过以下2种方式实现：双击“链接检查器”面板右侧列表中断掉链接的“文件”中的文件名，Dreamweaver会在“代码”视图和“设计”视图中定位链接出错的位置，同时“属性”面板也会指示出链接便于用户修改；在“链接检查器”面板“断掉的链接”列表中单击直接修改链接路径，或单击“浏览文件”按钮重新定位链接文件。目录Contents6.1

超链接概念6.2

管理网页超链接6.3

文本链接6.4

图像链接6.5

锚点链接6.6

课堂实战6.7

课后练习6.3.1文本链接Dreamweaver中一般通过以下3种方法创建文本链接：1.直接输入链接路径2.“浏览文件”按钮3.“指向文件”按钮6.3.2下载链接用户可以单击下载链接实现文件下载，其创建步骤与文本链接一致，区别只在于下载链接链接的文件不是网页文件，而是.exe、.doc、.rar等类型的其他文件。选中要添加下载文件链接的对象，在“属性”面板“链接”下拉文本框中设置链接的文件即可。设置完成后按F12键预览，单击该链接对象将下载链接的文件。6.3.3电子邮件链接电子邮件链接是指用户点击时直接打开电子邮件，并以设置好的邮箱地址作为收信人的链接。一般电子邮件链接有以下3种创建方法：1.使用“插入”命令2.使用“属性”面板3.使用代码6.3.4空链接空链接是指没有指定具体链接目标的链接。选中要创建链接的对象，在“属性”面板“链接”文本框中输入“#”即可。6.3.5实操案例：景澜酒店本案例将以景澜酒店网页制作为例，介绍超链接的应用。目录Contents6.1

超链接概念6.2

管理网页超链接6.3

文本链接6.4

图像链接6.5

锚点链接6.6

课堂实战6.7

课后练习6.4.1图像链接选中要建立链接的图像，单击“属性”面板“链接”文本框右侧的“浏览文件”按钮，打开“查找文件”对话框进行设置即可。用户也可以直接在“代码”视图中输入相应的代码设置图像链接：<body><ahref="#"><imgsrc="02.jpg"width="1280"height="853"alt=""/></a></body>6.4.2图像热点链接图像热点链接可以在一个图像中创建多个热点链接，当用户单击某个热点时，将打开对应的链接内容。图像热点是一个非常实用的功能。图像映射是将整张图片作为链接的载体，将图片的整个部分或某一部分设置为链接。热点链接的原理就是利用HTML语言在图片上定义一定形状的区域，然后给这些区域加上链接，这些区域被称之为热点或热区。常用的热点工具包括以下3种：矩形热点工具圆形热点工具多边形热点工具6.4.3实操案例：微光摄像本案例将以微光摄像网页链接的制作为例，介绍图像链接的应用。目录Contents6.1

超链接概念6.2

管理网页超链接6.3

文本链接6.4

图像链接6.5

锚点链接6.6

课堂实战6.7

课后练习6.5锚点链接锚点链接是指目标端点位于网页中某个指定位置的超链接。在创建锚点链接时首先需要创建链接的目标端点并为其命名，然后再创建到该锚点的链接。在“文档”窗口中选中要作为锚点的项目，在“属性”面板中为其设置唯一的ID。在“设计”视图中，选中要从其创建链接的文本或图像，在“属性”面板的“链接”文本框中输入数字符号(#)和锚点ID即可。用户也可以选择要从其创建链接的文本或图像，按住“属性”面板的“链接”文本框右侧的“指向文件”按钮拖拽至要链接到的锚点上。目录Contents6.1

超链接概念6.2

管理网页超链接6.3

文本链接6.4

图像链接6.5

锚点链接6.6

课堂实战6.7

课后练习6.6课堂实战本案例将以美家装饰网页的制作为例，介绍网页超链接的应用。目录Contents6.1

超链接概念6.2

管理网页超链接6

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论