创建锚点超链接.ppt

Dreamweaver 8 网页制作 第 4 讲 上节课知识要点回顾 插入文件头信息:在head…/head之间,包括说明/关键字/刷新等（P5）。 网页的标题设置/外观设置/超链接颜色设置 marquee …./marquee标签的使用(P12) direction\ behavior\ scollamount\ scrolldelay Onmouseover=“stop();” 当鼠标经过时停止; Onmouseout=“start();”当鼠标移出时开始滚动字幕。 上节课知识要点回顾 网页中的文本的插入的方法:复制/直接输入/从文件导入 空格与换行符输入的方法 文本的格式设置:标题/字体/颜色/背景色 文本的超链接 第五章 网页中的文本、图  像和超链接 5.2.1 网页图像格式 GIF格式: 是Graphics Interchange Format（图形交换格式）的简称 无损压缩, 8位 256 种颜色 适合显示色调不连续或具有大面积单一颜色的图像，例如导航条、按钮、图标、徽标等。 GIF支持动画格式，通过在一个GIF图像中包含多帧画面来实现动画的效果，加在网页文件中显得十分生动，而且不像Flash那样需要插件的支持。 5.2.1 网页图像格式 JPEG格式: 是Joint Photographic Group（联合图像专家组）的简称。 主要用于摄影或连续色调图像的高级格式， JPEG 文件可提供上百万种颜色。224 采用了特殊的压缩算法对图片进行了最大的压缩。 5.2.1 网页图像格式 PNG格式： 是Portable Network Graphic（便携/可移植网络图形）的简称，PNG 是 Fireworks 固有的文件格式。 是一种替代 GIF 格式的无专利权限制的格式，它包括对索引色、灰度、真彩色图像以及 alpha 通道透明的支持。 PNG 文件可保留所有原始层、矢量、颜色和效果信息（例如阴影），并且在任何时候所有元素都是可以完全编辑的。文件必须具有 .png 文件扩展名才能被 Dreamweaver 识别为 PNG 文件。 5.2.2 图像的插入 插入图像方法： “插入|图像”命令，或单击“插入”栏“常用”类别的按钮。 从 “文件”面板或“资源”面板窗口中直接将图像文件拖入当前编辑的网页文档中。 5.2.2 图像的插入 注意： 在设计有图像的Web页面时，应先将该网页文档保存在本地站点中，然后再将该网页文档打开后插入图像文件，此时图像文件以相对路径插入。 图像文件不要以URL的绝对路径插入，否则,可能在浏览该网页文档时发生图像文件链接路径的错误而导致图像不能显示。 如果所选的图像文件不在本地站点中，系统会提示是否将选中的图像文件保存在本地站点的文件夹中。一般选择“是”。 5.2.3 图像的属性设置 5.2.4 映射图像 映射图像（Image Map）：就是在一个图像中划分出几个不同的几何图形区域，然后分别为这个图像的不同的几何图形区域建立超链接，图像中建立超链接的几何图形区域称为“热区”或“热点”（Hotspots）。浏览时，当点击设置好的“热点”时，会完成相应的超链接操作。 设置热点 热区：方形、椭圆形、多边形 设置链接 5.2.5 插入图像占位符 5.2.6 插入鼠标经过图像 当鼠标移动到图像上时，该图像就变为另外一幅图像。 常被用来制作动态效果。 这样的效果被广泛地应用到按钮、导航条的制作中。 如果需要改变图像文件，可使用代码。 5.2.7 建立网站相册 在页面上排列显示很多小的缩略图片，单击小的缩略图片可以链接到该图片所对应的图片放大显示的页面。 必须先在电脑上安装好Fireworks4.0以上的版本。 方法:“命令|创建网站像册” 5.3.1 创建超链接的概述 超级链接:将主页和其它的内页联系起来,还可以把Internet上众多的网站和本站的网页联系起来，真正做到网络无国界。 实现:是用事先准备好的文本、按钮、图像等对象与其他对象建立一种链接，也就是在源端点和目标端点之间建立一种链接 。 5.3.1 创建超链接的概述 超链接的分类：按源端点分可分为超文本链接和非超文本链接两类。 超文本链接：的源端点文本下方有下划线(在设置了链接有下画线的情况下)。 非超文本链接：是用除文本之外的其他对象构建的链接，源端点可以是图像、表格、列表、表单、多媒体等对象。 5.3.1 创建超链接的概述 路径: 每一个文件都有自己存放的位置，对这个位置的描述就是路径。 绝对路径完整的路径，包括http、ftp协议等 相对路径下一级：目录名/上一级：../ 根路径以“/”开始 5.3 创建超链接 空链接 ＃ 链接到图像、多媒