第3章节图像和链接.pptVIP

图像和链接 3.1 链接 3.1.1 链接的基本概念 3.1.2 目录和目录结构 3.1.3 使用a创建同一页面和不同页面的链接 3.1.4 链接到邮箱、ftp站点 3.1.5 设置链接的属性 3.2 图像 3.2.1 Web图像的性质 3.2.2 使用img插入图像 3.2.3 设置图像的属性 3.3 图像和链接 3.3.1 以图像作为链接 3.3.2 图像映射 3.1 链接 3.1.1 链接的基本概念 3.1.2 目录和目录结构 3.1.3 使用a创建链接 创建到另一页面的链接 创建到同一页面不同部分的链接 3.1.4 创建到电子邮箱和ftp站点的链接 3.1 链接的基本概念 什么是链接？ 是Web与其他媒体最本质的不同之处。 是用户在组成Web站点的多个页面之间切换的途径。 是用户从本站点访问其他站点和其他媒体的途径。 链接由什么组成？ 目的地（destination）：访问者点击链接时将会切换到的网页 或媒体，又称锚（anchor）。 标签（label）：提供给访问者的点击处，可以是文本、图像 或者两者兼有。 显示目标（target）：指定目的地出现的窗口或框架。 3.2 目录和目录结构 目录：分类存放站点网页使用到的各种文件。 目录结构：多个目录之间的组织关系。 根目录：保存站点的主目录 子目录：位于其他目录中的目录 父目录：包含其他目录的目录 示例： 3.2 目录和目录结构 文件在目录结构中的位置使用URL表示 绝对地址（绝对URL）： 显示文件的完整路径，包括 协议模式、服务器名称、 完整路径 和 文件名。 相对地址（相对URL）： 以包含URL本身的文件的位置为参照点， 描述目标文件的位置。 上级文件 ——父目录: 使用../ 回溯到上一级父目录 同一目录 ——平行目录: 不需指定任何内容 下级文件 ——子目录: 使用子目录名/引用 使用相对路径 例1： 创建我的站点目录到电影目录中图片目录中的一个图像文件1.jpg 的链接，其相对路径应表示为： 例2：创建图书目录到 1）图书目录中下载目录中的一个图像文件2.jpg 的链接，其相对路径应表示为： 2）新闻目录中的动画目录中一个动画文件3.swf 的链接，其相对路径应表示为： 例3：创建音乐目录中的音频目录到我的站点 下主页文件index.htm的链接，其相对路径应表示为： 利用a创建链接 目的：建立从当前页面到目的文件的链接 语法格式： 注意： 目的文件若在本站点内，适合使用相对路径 目的文件若在其他站点内，适合使用绝对路径 页面上显示的链接文本将被自动加上下划线 该链接文本也可以是图像文件 创建到另一页面的链接 目的：建立从当前页面到目的页面的链接 语法格式： 注意： 目的页面文件若在本站点内，适合使用相对URL 目的页面文件若在其他站点内，适合使用绝对URL 创建到本页面某个位置的链接 目的：在长文本页面内，可能需要在各个部分间跳转，方便阅读。 基本概念： 源锚点：页面上可以单击的链接 目的地锚点：源链接指向的特定位置 方法： 如果目的地锚点在另一个文件中，应使用如下格式添加源锚点： 如果目的地锚点在另一服务器中的某文件中， 应使用如下格式添加源锚点： 创建电子邮件的链接 格式： 示例： 创建ftp的链接 格式 示例 设置链接的属性——target 作用：指定包含在链接目标文件显示的位置 语法格式： 属性值： 设置链接的属性——更改颜色 由body标签中的一组相关属性设置 各属性及作用： 示例： 3.2 图像 3.2.1 Web图像的性质 3.2.2 使用img插入图像 3.2.3 设置图像的属性 图像作为页面背景 目的：页面背景设置为图像 语法格式： 说明： 默认背景图像将以平铺方式显示 平铺图像作背景，将降低网页显示速度 所选的图像应看上去能无痕迹地连接在一起 尽量不用或使用小的图像文件 图像作为页面内容 目的：添加一个图像作为页面中的内容 语法格式： 注意： URL可以是绝对URL，也可是相对URL 在图像前面添加p或br标记，会使图像出现在新行上。 图像必须上传到服务器上，访问者才能看到它们。 3.2.3 设置属性 border属性 alt属性 height和width属性 align属性 hspace和vspace属性 设置图像边框属性--border 作用：控制图像