Dreamweaver CC第3章 超级链接和CSS样式.pptVIP

网页制作案例教程 第3章 超级链接和CSS样式 掌握超级链接的类型和设置方法。 掌握文本超级链接状态的设置方法。 了解CSS样式的基本类型和基本属性。 掌握创建和编辑CSS样式的基本方法。 掌握管理和应用CSS样式的基本方法。 学习 目标 3.1.1 认识超级链接 3.1 设置超级链接 一、URL 在因特网中，每个网页都有唯一的地址，通常称为URL（Uniform Resource Locator，统一资源定位符）。URL的书写格式通常为“协议://主机名/路径/文件名”。 URL主要包括以下部分： ?通信协议：包括HTTP、FTP、Telnet和Mailto等几种形式。 ?主机名：指服务器在网络中的IP地址或域名，在因特网中使用的多是域名。 ?路径和文件名：主机名与路径及文件名之间以“/”分隔。 链接路径的类型： (1)绝对路径 (2)文档相对路径 (3)站点根目录相对路径 3.1.1 认识超级链接 3.1 设置超级链接 二、 超级链接的分类 根据链接载体形式的不同，超级链接可分为以下3种。 ? 文本超级链接：以文本作为超级链接载体。 ? 图像超级链接：以图像作为超级链接形体。 ? 表单超级链接：当填写完表单后，单击相应按钮会自动跳转到目标页。 根据链接目标位置的不同，超级链接可分为以下两种。 ? 内部超级链接：链接目标位于同一站点内的超级链接形式。 ? 外部超级链接：链接目标位于站点外的超级链接形式。外部超级链接可以实现网站之间的跳转，从而将浏览范围扩大到整个网络。 3.1.1 认识超级链接 3.1 设置超级链接 根据链接目标形式的不同，超级链接可分为以下5种。 ? 网页超级链接：链接到HTML、ASP、PHP等格式的网页文档的链接，这是网站最常见的超链接形式。 ? 下载超级链接：链接到图像、影片、音频、DOC、PPT、PDF等资源文件或RAR、ZIP等压缩文件的链接。 ? 电子邮件超级链接：将会启动邮件客户端程序，可以写邮件并发送到链接的邮箱中。 ? 空链接：链接目标形式上为“#”，主要用于在对象上附加行为等。 ? 脚本链接：用于创建执行JavaScript代码的链接。 3.1.2 文本超级链接 3.1 设置超级链接 一、 通过【属性（HTML）】面板创建超级链接 3.1.2 文本超级链接 3.1 设置超级链接 二、 通过【Hyperlink】对话框创建超级链接 3.1.2 文本超级链接 3.1 设置超级链接 三、 设置文本超级链接的状态 3.1.3 图像超级链接 3.1 设置超级链接 用图像作为链接载体，这就是通常意义上的图像超级链接。最简单的设置方法是通过图像【属性】面板的【链接】文本框进行设置。 3.1.4 图像热点 3.1 设置超级链接 创建图像热点超级链接的方法是：选中图像，然后单击【属性】面板左下方的热点工具按钮即可。 3.1.5 鼠标经过图像 3.1 设置超级链接 创建鼠标经过图像的方法是：选择菜单命令【插入】/【HTML】/【鼠标经过图像】，或在【插入】面板的【HTML】类别中单击【鼠标经过图像】按钮，弹出【插入鼠标经过图像】对话框，在其中进行参数设置即可。 3.1.6 电子邮件链接 3.1 设置超级链接 创建电子邮件超级链接的方法是：选择菜单命令【插入】/【HTML】/【电子邮件链接】，或在【插入】面板的【HTML】类别中单击【电子邮件链接】按钮，弹出【电子邮件链接】对话框，进行参数设置即可。 3.1.7 空链接和下载超级链接 3.1 设置超级链接 空链接是一个未指派目标的链接。空链接用于向页面上的对象或文本附加行为。例如，可向空链接附加一个行为，以便在鼠标光标滑过该链接时会交换图像等。设置空链接的方法是，选中文本等链接载体后，在【属性】面板的【链接】文本框中输入“#”即可。 在实际应用中，链接目标也可以是其他类型的文件，如压缩文件、Word文件或PDF文件等。如果要在网站中提供资料下载，就需要为文件提供下载超级链接。下载超级链接并不是一种特殊的链接，只是下载超级链接所指向的文件是特殊的。 3.1.8 脚本链接 3.1 设置超级链接 创建脚本链接的方法是：首先选定文本或图像，然后在【属性（HTML）】面板的【链接】文本框中输入“JavaScript:”，后面跟一些JavaScript代码