第3章文本和图像处理 一、要点解析 本章主要介绍文本属性面板、编辑文本和插入对象，设置文本的格式、编号与项目符号 在网页中插入图像和图像的应用。 教学要求 算星：设置文本属性和格式：编号与项目符号的使用：插入，编辑和持版图像。 理解：如何进行图像博整。 文本格式设置 使用文本属性检查器可以设置当前所选文本的格式。使用属性检查器设置文本格式时， 将跟踪你为每个文本元素番定的格式设置属性，并使用角名约定为每个元素指定一个标 签：Stylel、Sle2、Sye3.Syen.如果为两个或更多文本元素指定相同的格式属性，将使 用相同的标题标记这些元素，减少了不必要的样式名称。应用到一段给定文木正文的标签 精后即可使用样式”弹出式装单进行应用，使你可以在页面内生成一个样式库，然后只需选 择页面中的文本元需，从样式弹出式装单中选择一个样式，即可应用这些相同的样式。你 可以使用更具有意义的标签重角名这些样式，例如Headingl,Heading2,Bo和 TableBody. “样式弹出式菜单同时显示页面中样式的名称和样式属性的预览。预览中最示的属性有 (font.fmy小、大小、相细、文本颜色和背景颜色
第 3 章 文本和图像处理 一、要点解析 本章主要介绍文本属性面板、编辑文本和插入对象、设置文本的格式、编号与项目符号、 在网页中插入图像和图像的应用。 教学要求： 掌握：设置文本属性和格式；编号与项目符号的使用；插入、编辑和排版图像。 理解：如何进行图像调整。 文本格式设置 使用文本属性检查器可以设置当前所选文本的格式。使用属性检查器设置文本格式时， 将跟踪你为每个文本元素指定的格式设置属性，并使用命名约定为每个元素指定一个标 签:Style1、Style2、Style3、Stylen。如果为两个或更多文本元素指定相同的格式属性， 将使 用相同的标题标记这些元素，减少了不必要的样式名称。 应用到一段给定文本正文的标签 稍后即可使用"样式"弹出式菜单进行应用，使你可以在页面内生成一个样式库，然后只需选 择页面中的文本元素，从"样式"弹出式菜单中选择一个样式，即可应用这些相同的样式。你 可以使用更具有意义的标签重命名这些样式，例如 Heading1、Heading2、Body 和 TableBody。 "样式"弹出式菜单同时显示页面中样式的名称和样式属性的预览。预览中显示的属性有 (font-family)、大小、粗细、文本颜色和背景颜色
无 dingbat footer header nav navLink idebar sidetarfoster 3 barHead0图 w subtitle title 42 玉命名 7114时.1【/1老 国性 格式胶器式无 B!能金温■随理山 0里 学体山私大小日￥时日扫想4限知 ■五性☐列月回 13商运 等：自鞋三三日14 图像 1、新入图像 在制作网页时，先构塑好网页布局，在图像处理软件中将需要插入的图片进行处理，然 后存放在站点根目录下的文件夹里。 插图图像封，将光标放置在文档窗口需要插入图像的位置，然后鼠标单击常用插入栏的 “图像按组。 文件巴编楫但)查看四插入(D棒改D文本(D金令)站点 常用 回4目园里：·园四的·厨 01.htale 02.2tl 国 弹出的选择图像源文件"对话根，选择Tg001pg,单击确定按钮箕把图像001阿 插入到了网页中
图像 1、插入图像 在制作网页时，先构想好网页布局，在图像处理软件中将需要插入的图片进行处理，然 后存放在站点根目录下的文件夹里。 插图图像时，将光标放置在文档窗口需要插入图像的位置，然后鼠标单击常用插入栏的 “图像”按钮。 弹出的“选择图像源文件”对话框，选择 img/001.jpg，单击“确定”按钮就把图像 001.jpg 插入到了网页中
选邦图檬立件 4F发中8日 ⊙时黑螨 范胖特 忙推sT:白e ✉0事g丽. 需卡WW 001 日m 002 09 色e 艾神多四 m 什四数：图年a.4海+利4)￥ 取养 L 即时干 室福中 k通民又中挥型 ☑1 注意：如果我们在插入图片的时候，没有将图片保存在站点根目录下，会弹出下图所示 的对话属，提履我)要把图片保存在站点内部，这时单击是按钮 Macromedia Dreamweaver 文件位干站桌'b的根文件夹以外 当总发布站点时可能不能访间。 您的根文件夫是： E:\xaveb\ 您图意将该文件复制到根文件夫中吗？ 然后选择本地站点的路径将图片保存，图像也可以被插入到网页中， 复制文件为 ☒ 慢产在工)： 口1E ￥G》9□- 日00可 回005 自02 003 001 时0信 文件台四 picin_jpe ■过) 保行共型4)： 所有度年)
注意：如果我们在插入图片的时候，没有将图片保存在站点根目录下，会弹出下图所示 的对话框，提醒我们要把图片保存在站点内部，这时单击“是”按钮， 然后选择本地站点的路径将图片保存，图像也可以被插入到网页中
2、设置图像属性 选中图像后，在属性面版中暴示出了图像的属性，如下如所示。 ”指 Et短 m 教p立m008■ 毒饮 剂 如 00暂00过%04 t E6 奶■生王” 下口D付水过E■样两D 00 博装￥ 在属性面板的左上角，显示当前图像的缩略图。同时显示图像的大小。在缩略图右侧有 一个文本框，在其中可以输入图像标记的名称。 图像的大小是可以改变的，阻是在W里更改是极不好的习惯，如果我们的电脑安装 了FW软件，单击属性面板的编辑秀边的@，即可启动FW对图像进行缩放等处理。当 图像的大小改变时，属性栏中“宽和高的数值会以相体显示，并在旁边出现一个无形黄头， 单击它可以恢复图像的原始大小。 “水平边距和”垂直边距文本框用米设置图像左右和上下与其它页面元素的距离。 “边框”文本糕时用来设置图像边框的宽度，赋认的边框宽度为0。 “格代”文本据用来设置图像的替代文本，可以输入一段文字，当图像无法显示时，将 显示这段文字。 单击属性面板中的重至重对齐按钮，可以分别将图像设置成浏览器居左对齐、居中 对齐、居右对齐。 在属性面板中，对齐下拉列表框时设置图像与文本的相互对齐方式，共有10个选项： 通过它我们呵以将文字对齐到图像的上端、下端、左边和右边等，从而可以灵活的实现文字 与图片的混排效果。 3,插入其它图像元素
2、设置图像属性 选中图像后，在属性面板中显示出了图像的属性，如下如所示。 在属性面板的左上角，显示当前图像的缩略图，同时显示图像的大小。在缩略图右侧有 一个文本框，在其中可以输入图像标记的名称。 图像的大小是可以改变的，但是在 DW 里更改是极不好的习惯，如果我们的电脑安装 了 FW 软件，单击属性面板的“编辑”旁边的 ，即可启动 FW 对图像进行缩放等处理。当 图像的大小改变时，属性栏中“宽”和“高”的数值会以粗体显示，并在旁边出现一个弧形箭头， 单击它可以恢复图像的原始大小。 “水平边距”和“垂直边距”文本框用来设置图像左右和上下与其它页面元素的距离。 “边框”文本框时用来设置图像边框的宽度，默认的边框宽度为 0。 “替代”文本框用来设置图像的替代文本，可以输入一段文字，当图像无法显示时，将 显示这段文字。 单击属性面板中的 对齐按钮，可以分别将图像设置成浏览器居左对齐、居中 对齐、居右对齐。 在属性面板中，“对齐”下拉列表框时设置图像与文本的相互对齐方式，共有 10 个选项。 通过它我们可以将文字对齐到图像的上端、下端、左边和右边等，从而可以灵活的实现文字 与图片的混排效果。 3、插入其它图像元素
在我们单击常用插入栏的图像技相时，可以看到，除了第1项图像外，还有图像 占位符、“鼠标经过图像”、·导航条“等项目。 插入图像占位符。在我们布具页面时，知果要在网页中插入一张图片，可以先不制作 图片，而是使用占位符米代替图片位置，单击下拉列表中的图像占位容，打开“图像占位符 对话框。按设计需要设置图片的宽度和高度，输入呆插入图像的名称，即可。 氢用甲 图像占位符 ☒ 名称：1002 确定 复政：3a0■ 高度：240 取清 e:园cc33 形的■ 着换文本：年说的营 鼠标经过图像，佩标经过图像实际上由两个图像组成，主图像《当首次载入真时最示的 图像)和次图像（当鼠标指针移过主图像时显示的图像），这两张图片要大小相等，如果不 相等，DW自动调整次图片的大小限主图像大小一致： 插入鼠标经过图像 ☒ 正德名非： 享形夏情的的作大 w 市 量绿克对日话00成天 骑大.拆寸使季 转包红年：史竹手 Tt,n的Laa.3回 图片与文本一样。是料页中最常用到的内容，其变化相对较少，要想排出精玻美观的 网页，下一春的内容可是必不可少的峨，继铁务力吧”·
在我们单击常用插入栏的“图像”按钮时，可以看到，除了第 1 项“图像”外，还有“图像 占位符”、“鼠标经过图像”、“导航条”等项目。 插入图像占位符，在我们布局页面时，如果要在网页中插入一张图片，可以先不制作 图片，而是使用占位符来代替图片位置。单击下拉列表中的“图像占位符”，打开“图像占位符” 对话框。按设计需要设置图片的宽度和高度，输入呆插入图像的名称，即可。 鼠标经过图像，鼠标经过图像实际上由两个图像组成，主图像（当首次载入页时显示的 图像）和次图像（当鼠标指针移过主图像时显示的图像）。这两张图片要大小相等，如果不 相等，DW 自动调整次图片的大小跟主图像大小一致。 图片与文本一样，是网页中最常用到的内容，其变化相对较少，要想排出精致美观的 网页，下一章的内容可是必不可少的哦，继续努力吧^_^
二、具型例题 I.在Dreamweaver8中，下面对象中可以添加热点的是(). 梦想总在白己手中，红 总是空虚的折套 A。文字 B.图像 C.层 D。动面 参考答案：B 2网页中常用的图像格式有 其中 格式支 持动画格式。（参考蓉案：jpg,p区、gifgif)
二、典型例题 1．在 Dreamweaver 8 中，下面对象中可以添加热点的是（ ）。 A．文字 B．图像 C．层 D．动画 参考答案：B 2.网页中常用的图像格式有 ，其中 格式支 持动画格式。（参考答案：jpg、png、gif gif）