网页设计与制作教程5.ppt

1、网页设计和创作Dreamweaver MX 2004、项目6超连结、了解学习目标超连结和路径概念掌握徐璐如何在其他载体上设置超链接如何创建掌握导航条。任务1创建超链接，1超链接的基本概念超链接是网站中徐璐其他网页之间、站点和web之间的链接关系，使网站中的整个网页有机化，并实现网站之间的关联。从工作机制的角度来看，超链接是指向其他网络资源的指针，浏览器可以根据特定要求加载该资源。2超连结分类是网页内的超链接，可以根据链接载体和链接目标进行分类，下面分别说明分类信息。(1)按链接载体分类，将链接分为文本链接和图像链接两个茄子类别。文本链接：使用文本作为链接载体，简单实用。图像链接：使用图像作为链

2、接载体，可以获得指向单个链接或根据图像的不同区域创建多个链接的网页美和生气。(2)可以按链接目标分类，将超链接分为以下类型：内部链接：同一网站中文档之间的链接。外部链接：徐璐其他网站文档之间的链接。锚定连结：指向同一网页或不同网页中具名位置的连结。电子邮件链接：用于发送电子邮件链接，并直接单击“发送电子邮件”。可执行文件链接：链接网站空间中的可执行文件，以便下载和联机运行。3链接路径，(1)绝对路径绝对路径是文件的网络完整路径，包括协议、网页伺服器、路径、档案名称等。简单地说，在浏览器地址栏中输入可直接访问的档案地址，就可以将其视为绝对路径。例如，以下地址是绝对路径：(2)档案相对路径档案相对

3、路径是当前文档所在文件夹的相对路径。使用相对路径创建内部链接，在站点上更改域名或网站根目录时，使用网站内相对路径的所有链接都不会出现问题。此外，在网站管理器内执行替换档案名称、移动档案、移动文件夹等操作时，使用档案相对路径创建的链接将动态更新。如果要创建、(3)根目录相对路径内部链接，还可以选择根目录相对路径。根目录相对路径首先是当前站点的根目录，然后是根目录斜杠“/”、文件夹名称，最后是档案名称。例如，要创建指向product01.htm的链接，则所有文件的链接地址都是“/intro/product01.htm”。创建指向任务2设置文本的超连结，创建1“属性”面板中的“链接”文本框使用链接2

4、使用“属性”面板中的“显示档案”图标创建链接3 超连结创建对话框使用链接，创建任务3设置图片的超连结任务4下载文档，创建任务2锚点链接，如果任务2用户正在单击超链接，则相同、创建任务2锚点链接、任务1命名锚点创建任务2锚点链接、任务3创建附加超连结、任务1电子邮件(电子邮件)创建链接1使用电子邮件链接命令创建电子邮件链接2使用“特性”面板创建电子邮件链接、任务3附加超连结、任务2创建空链接创建空链接示例创建空链接后，可以将行为附加到空链接，以便鼠标指针通过该链接时交换图像或显示层。任务3创建热点链接热点链接是使用HTML在图像中定义特定形状的区域，然后向这些区域(称为热点)添加链接。单击图像的

5、其它热点区域时，可以转到其它页面。任务4在网页中创建导航条。导航条的作用主要是实现网页导航。在单个网站中设置导航条可使用户更容易浏览网页。1插入导航条2插入导航条剪辑，将超连结添加到产品列表页面中项目扩展，用命名锚记创建帮助文档页面，培训目的：了解如何创建锚记链接培训内容：网站帮助文档页面文件，在页面中插入帮助文档内容，在每个项目内容中添加指定锚记，以及设置帮助文档项目目录的锚记链接。培训2熟悉附加文本、图片链接、培训目的：(1)文本链接、图像链接创建方法。(2)掌握导航条的生成方法。培训内容：在业务网站“index.htm”文件的“注册”、“邮箱”中添加超链接，并在“产品列表”区域的图像中添加超链接。打开“list.htm”文件，然后添加“首页”、“新产品推荐”、“特价商品”和“牌子区域”导航条。项目摘要、超链接是网页结构的基本元素、网站、网页之间、网站和网页之间的连接。因此，了解和熟悉超链接是制作网页的基本要求。本项目介绍