Dreamweaver网页制作教程 第3章 文本和图像.ppt

《Dreamweaver网页制作教程 第3章 文本和图像.ppt》由会员分享，可在线阅读，更多相关《Dreamweaver网页制作教程 第3章 文本和图像.ppt（31页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、第第3章章文本和图像文本和图像复习与提问复习与提问1.1.站点的规划创建步骤站点的规划创建步骤2.2.使用使用高级高级设置创建站点厦门软件职业技设置创建站点厦门软件职业技术学院网站术学院网站 本章要点本章要点n n插入文本和编辑文本n n图像文件的类型n n插入图像和设置图像属性n n插入鼠标经过图像n n插入导航条n n创建网站相册3.1.1 添加添加文本文本 执行下列操作之一：执行下列操作之一：直接在文档窗口中键入直接在文档窗口中键入文本。文本。从其他应用程序中复制文本，从其他应用程序中复制文本，切换到切换到 DreamweaverDreamweaver，将，将插入点定位在文档窗插入点定位

2、在文档窗口的口的设计视图中，然设计视图中，然后选择编辑后选择编辑 粘贴粘贴（Ctrl+VCtrl+V）或编辑）或编辑 选择性粘贴选择性粘贴（Ctrl+Shift+VCtrl+Shift+V）。（如图）。（如图3-13-1所示）。所示）。3.1.2设置段落格式设置段落格式 使用属性检查器中的格式弹出式菜单或文本使用属性检查器中的格式弹出式菜单或文本 段落格式段落格式子菜单可以应用标准段落和标题标签。子菜单可以应用标准段落和标题标签。1 1）将插入点放在段落中，或者选择段落中的一些文本。）将插入点放在段落中，或者选择段落中的一些文本。2 2）使用文本）使用文本 段落格式子菜单或属性检查器中的格式段

3、落格式子菜单或属性检查器中的格式弹出式菜单，选择一个选项：弹出式菜单，选择一个选项：选择段落格式（例如，标题选择段落格式（例如，标题 1 1、标题、标题 2 2、已编排格式等）。、已编排格式等）。与所选样式关联的与所选样式关联的 HTML HTML 标签（例如，表示标题标签（例如，表示标题 1 1的的 h1h1、表示、表示标题标题 2 2的的 h2h2、表示已编排格式文本的、表示已编排格式文本的 pre pre 等）即应用于整个段等）即应用于整个段落。如图落。如图3-23-2所示。所示。选择无删除段落格式。选择无删除段落格式。对段落应用标题标签时，对段落应用标题标签时，Dreamweaver

4、Dreamweaver 自动添加下一行文本作为标准段落。自动添加下一行文本作为标准段落。若要更改此设置，选择编辑若要更改此设置，选择编辑 首选参数；然后在常规类首选参数；然后在常规类别中的编辑选项下确保取消选择标题后切换到普通段落。别中的编辑选项下确保取消选择标题后切换到普通段落。3.1.3更改文本颜色更改文本颜色 可以更改所选文本的颜色，使新颜色覆盖页面属性中设置的文本颜色。（如果未可以更改所选文本的颜色，使新颜色覆盖页面属性中设置的文本颜色。（如果未在页面属性中设置任何文本颜色，则默认文本颜色为黑色。）在页面属性中设置任何文本颜色，则默认文本颜色为黑色。）1 1）选择文本。）选择文本。2

5、2）执行下列操作之一：）执行下列操作之一：单击属性检查器中的颜色选择器，从调色板中选择一种颜色。单击属性检查器中的颜色选择器，从调色板中选择一种颜色。选择文本选择文本 颜色。出现系统颜色选择器对话框。选择一种颜色，然后单击颜色。出现系统颜色选择器对话框。选择一种颜色，然后单击确定。确定。直接在属性检查器字段中输入颜色名称或十六进制数字。如图直接在属性检查器字段中输入颜色名称或十六进制数字。如图3-23-2所示。所示。若要定义默认文本颜色，可使用修改若要定义默认文本颜色，可使用修改 页面属性命令。页面属性命令。3.1.4更改字体及样式更改字体及样式 1 1设置或更改字体特性：设置或更改字体特性：

6、1)1)选择文本。如果未选择文本，更改将应用于随后键入的文选择文本。如果未选择文本，更改将应用于随后键入的文本。本。2)2)从属性检查器或文本从属性检查器或文本 字体子菜单中选择字字体子菜单中选择字体组合。体组合。或选择默认删除先前应用的字体；默认或选择默认删除先前应用的字体；默认对所选文本应用默认字体（或者是浏览器的默认字体，或对所选文本应用默认字体（或者是浏览器的默认字体，或者是在者是在 CSS CSS 样式表中指定给该标签的字体）。样式表中指定给该标签的字体）。2 2更改字体样式：单击属性检查器中的粗体或更改字体样式：单击属性检查器中的粗体或斜体，或者从文本斜体，或者从文本 样式子菜单中

7、选择字体样样式子菜单中选择字体样式（粗体、斜体、下划线等）。式（粗体、斜体、下划线等）。3 3更改字体大小：更改字体大小：“属性属性”检查器或检查器或“文本文本”“大小大小”子子菜单中选择大小（从菜单中选择大小（从 1 1 到到 7 7）。）。3.1.5对齐文本对齐文本 使用属性检查器或文本使用属性检查器或文本 对齐子菜单对齐子菜单可以对齐页面上的文本。使用文本可以对齐页面上的文本。使用文本 对齐对齐 居中对齐命令可以将页面元素居中对齐。居中对齐命令可以将页面元素居中对齐。1 1）选择要对齐的文本，或者只需将指针插入到文本）选择要对齐的文本，或者只需将指针插入到文本开头。开头。2 2）单击属性

8、检查器中的对齐选项（左对齐、）单击属性检查器中的对齐选项（左对齐、右对齐或居中对齐），或者选择文本右对齐或居中对齐），或者选择文本 对齐，然后选择对齐命令。对齐，然后选择对齐命令。3.1.6 缩进文本缩进文本1）将插入点放在要缩进的段落中。2）单击属性检查器中的缩进或凸出按钮，或选择文本缩进或凸出，或从上下文菜单中选择列表缩进或凸出。3.1.7 添加段落间距添加段落间距 按 Enter 键可以创建一个新段落。Web 浏览器在段落之间自动插入一个空白空格行。通过插入一个换行符，可以在段落之间添加一个空格行。3.1.8创建项目列表和编号列表创建项目列表和编号列表 1)选择一系列段落组成一个列表。2

9、)单击属性检查器中的项目列表或编号列表按钮，或选择文本列表，然后选择所需的列表类型：项目列表、编号列表或定义列表 3.1.9插入特殊字符插入特殊字符 1)在文档窗口中，将插入点放在要插入特殊字符的位置。2)从插入HTML特殊字符子菜单中选择字符名称，或在插入栏中的文本类别中，单击字符按钮选择需要的字符。3.1.10在字符之间添加空格在字符之间添加空格HTML HTML 只允许字符之间包含一个空格；若要在文档中添加其只允许字符之间包含一个空格；若要在文档中添加其他空格，必须插入连续空格。可以设置一个在文档中自动他空格，必须插入连续空格。可以设置一个在文档中自动添加不换行空格的首选参数。添加不换行

10、空格的首选参数。插入不换行空格，执行下列操作之一：插入不换行空格，执行下列操作之一：在插入栏中的在插入栏中的HTMLHTML类别中，单击字符按钮并类别中，单击字符按钮并选择插入不换行空格。选择插入不换行空格。选择插入选择插入 HTMLHTML 特殊字符特殊字符 不换行空格。不换行空格。按按 Ctrl+ShiftCtrl+Shift+空格键。空格键。设置添加不换行空格的首选参数的操作如下：设置添加不换行空格的首选参数的操作如下：1 1）执行编辑）执行编辑 首选参数菜单命令。首选参数菜单命令。2 2）在常规类别中确保选择允许多个连续空格选项，）在常规类别中确保选择允许多个连续空格选项，即可完成。即

11、可完成。3.1.11使用水平线使用水平线 1.1.创建水平线：创建水平线：）在文档窗口中，将插入点放在要插入水平线的位置。）在文档窗口中，将插入点放在要插入水平线的位置。）选择插入）选择插入 HTMLHTML 水平线。或在插入栏的水平线。或在插入栏的HTMLHTML类别中，单击水平线按钮。类别中，单击水平线按钮。2.2.修改水平线：修改水平线：1)1)在文档窗口中，选择水平线。在文档窗口中，选择水平线。2)2)选择窗口选择窗口 属性打开属性检查器，然后根据需要对属性进属性打开属性检查器，然后根据需要对属性进行修改：行修改：宽和高以像素为单位或以页面尺寸百分比的形式指定水平线的宽度和高宽和高以像

12、素为单位或以页面尺寸百分比的形式指定水平线的宽度和高度。度。对齐指定水平线的对齐方式（默认、左对齐、居中对齐或对齐指定水平线的对齐方式（默认、左对齐、居中对齐或右对齐）。仅当水平线的宽度小于浏览器窗口的宽度时，该设置右对齐）。仅当水平线的宽度小于浏览器窗口的宽度时，该设置才适用。才适用。阴影指定绘制水平线时是否带阴影。取消选择此选项将使用纯色绘制水阴影指定绘制水平线时是否带阴影。取消选择此选项将使用纯色绘制水平线。平线。3.1.12 插入日期插入日期 1)1)在文档窗口中，将插入点放在要插入在文档窗口中，将插入点放在要插入日期的位置。日期的位置。2)2)选择插入选择插入 日期，或在插入日期，或

13、在插入栏的常用类别中，单击日期按栏的常用类别中，单击日期按钮。钮。3)3)在出现的对话框中，选择星期格式、日期在出现的对话框中，选择星期格式、日期格式和时间格式。格式和时间格式。如图如图3-33-3所示。所示。4)4)如果希望在每次保存文档时都更新插入的如果希望在每次保存文档时都更新插入的日期，选择储存时自动更新。如果日期，选择储存时自动更新。如果希望日期在插入后变成纯文本并永远不希望日期在插入后变成纯文本并永远不自动更新，取消选择该选项。自动更新，取消选择该选项。5)5)单击确定插入日期。单击确定插入日期。如果选择了储存时自动更新，则在日期如果选择了储存时自动更新，则在日期格式插入到文档中后

14、可以对其进行编辑，格式插入到文档中后可以对其进行编辑，方法是单击已设置格式的文本，然后在方法是单击已设置格式的文本，然后在属性检查器中选择编辑日期格式属性检查器中选择编辑日期格式。例例3-1（3_1.html）参考如图参考如图3-13-1所示，插入文本，设置文本属性，插入水平线和日期。所示，插入文本，设置文本属性，插入水平线和日期。1.1.建立网站。建立网站。2.2.新建网页新建网页3_1.html3_1.html。3.3.插入文本，可以在打开帮助，选取文本，粘贴文本；也可以直接输插入文本，可以在打开帮助，选取文本，粘贴文本；也可以直接输入文本。入文本。4.4.设置段落格式。设置标题格式。设置

15、段落格式。设置标题格式。5.5.更改文本大小及颜色更改文本大小及颜色6.6.对齐文本和缩进文本。对齐文本和缩进文本。7.7.添加段落间距。添加段落间距。8.8.在文本中插入空格和其他特殊字符。在文本中插入空格和其他特殊字符。9.9.创建项目列表和编号列表。创建项目列表和编号列表。10.10.1010）插入日期。保存网页。）插入日期。保存网页。3.2 插入图像插入图像Web Web 页面中通常使用的只有三种，即页面中通常使用的只有三种，即 GIFGIF、JPEG JPEG 和和 PNGPNG。1.1.GIFGIF（图形交换格式）文件最多使用（图形交换格式）文件最多使用 256 256 种颜色，最

16、适合显示色调不种颜色，最适合显示色调不连续或具有大面积单一颜色的图像，例如导航条、按钮、图标、徽标连续或具有大面积单一颜色的图像，例如导航条、按钮、图标、徽标或其它具有统一色彩和色调的图像。或其它具有统一色彩和色调的图像。2.2.JPEGJPEG（联合图像专家组标准）文件格式是用于摄影或连续色调图像（联合图像专家组标准）文件格式是用于摄影或连续色调图像的高级格式，这是因为的高级格式，这是因为 JPEG JPEG 文件可以包含数百万种颜色。随着文件可以包含数百万种颜色。随着 JPEG JPEG 文件品质的提高，文件的大小和下载时间也会随之增加。通常文件品质的提高，文件的大小和下载时间也会随之增加

17、。通常可以通过压缩可以通过压缩 JPEG JPEG 文件在图像品质和文件大小之间达到良好的平衡。文件在图像品质和文件大小之间达到良好的平衡。3.3.PNGPNG（可移植网络图形）文件格式是一种替代（可移植网络图形）文件格式是一种替代 GIF GIF 格式的无专利权格式的无专利权限制的格式，它包括对索引色、灰度、真彩色图像以及限制的格式，它包括对索引色、灰度、真彩色图像以及 alpha alpha 通道透通道透明的支持。明的支持。PNG PNG 是是 Macromedia Fireworks Macromedia Fireworks 固有的文件格式。固有的文件格式。PNG PNG 文件文件可保留

18、所有原始层、矢量、颜色和效果信息（例如阴影），并且在任可保留所有原始层、矢量、颜色和效果信息（例如阴影），并且在任何时候所有元素都是可以完全编辑的。文件必须具有何时候所有元素都是可以完全编辑的。文件必须具有 .png.png 文件扩展文件扩展名才能被识别为名才能被识别为 PNG PNG 文件。文件。3.1.1插入图像插入图像 n n在插入栏的常用类别中，单击图像在插入栏的常用类别中，单击图像图标。图标。n n在插入栏的常用类别中，将图像图在插入栏的常用类别中，将图像图标拖入文档窗口中。标拖入文档窗口中。n n选择插入选择插入 图像。图像。n n将图像从资源面板（窗口将图像从资源面板（窗口 资源

19、）拖资源）拖到文档窗口中的所需位置。到文档窗口中的所需位置。n n将图像从站点面板拖到文档窗口中的所将图像从站点面板拖到文档窗口中的所需位置。需位置。n n将图像从桌面拖到文档窗口中的所需位置。将图像从桌面拖到文档窗口中的所需位置。3.2.2 设置图像属性设置图像属性宽和高：以像素为单位指定图像的宽度和高度。当在页中插入图像时，自动用图像的原始尺寸更新这些文本框。源文件：指定图像的源文件。单击文件夹图标以浏览到源文件，或者键入路径。链接：指定图像的超级链接。将指向文件图标拖到站点面板中的某个文件，单击文件夹图标浏览到站点上的某个文档，或手动键入 URL。对齐：对齐同一行上的图像和文本。替代：指

20、定只显示文本的浏览器或已设置为手动下载图像的浏览器中代替图像显示的替代文本。对于使用语音合成器（用于只显示文本的浏览器）的有视觉障碍的用户，将大声读出该文本。在某些浏览器中，当鼠标指针滑过图像时也会显示该文本。地图名称和热点工具：允许标注和创建客户端图像地图。垂直边距和水平边距：沿图像的边缘添加边距（以像素为单位）。垂直边距沿图像的顶部和底部添加边距。水平边距沿图像左侧和右侧添加边距。例例3-2（3_2.html）新建网页，插入图像，设置图像属性。新建网页，插入图像，设置图像属性。1 1）打开网站，建立网页）打开网站，建立网页3_2.html3_2.html，如，如图图3-73-7所示。所示。

21、2 2）插入表格）插入表格(4(4行行1 1列，宽度列，宽度780780，高，高450450，边框，边框0 0，具中对齐，具中对齐)。3 3）在第）在第1 1行左边插入图像（行左边插入图像（a2.gifa2.gif），），设置大小为设置大小为150*150150*150；右边插入图像；右边插入图像（28.jpg28.jpg）。单击图像属性检查）。单击图像属性检查器中的重新取样按钮，重新取器中的重新取样按钮，重新取样。样。4 4）在第）在第2 2行插入表格行插入表格(1(1行行8 8列，宽度列，宽度780780，高，高2222，边框，边框0 0，具中对齐，具中对齐)，在表，在表格内插入链接文本和

22、格内插入链接文本和|，修改，修改属性。属性。5 5）在第）在第3 3行插入图像行插入图像（huangshizhai.jpghuangshizhai.jpg），设置属性），设置属性对齐为左，并插入文本，设对齐为左，并插入文本，设置属性。置属性。6 6）在第）在第4 4行插入版权文本和日期等信行插入版权文本和日期等信息。息。3.2.3插入图像占位符插入图像占位符图像占位符是在准备好将最终图形添图像占位符是在准备好将最终图形添加到加到 Web Web 页面之前使用的图形。页面之前使用的图形。插入图像占位符：插入图像占位符：1)1)在文档窗口中，将插入点放置在文档窗口中，将插入点放置在要插入占位符图形

23、的位置。在要插入占位符图形的位置。2)2)执行下列操作之一：执行下列操作之一：在常用插入栏中，单击图像占在常用插入栏中，单击图像占位符图标。位符图标。选择插入选择插入 图像占位符。图像占位符。占位符的颜色、大小属性和标签如图占位符的颜色、大小属性和标签如图3-83-8所示。当在浏览器中查看时，不所示。当在浏览器中查看时，不显示标签文字和大小文本。如图显示标签文字和大小文本。如图3-83-8所示。所示。.3.2.4 对齐图像对齐图像可以将图像与同一行中的文本、另一个图像、插件或其它元素对齐。还可以设置图像的水平对齐方式。1)在设计视图中选择该图像。2)在属性检查器中设置该图像的对齐属性。如图3-

24、9所示。3.2.5调整图像大小调整图像大小1 1以可视方式调整元素的大小：以可视方式调整元素的大小：1)1)在文档窗口中选择该元素（例如，一个图像或在文档窗口中选择该元素（例如，一个图像或 SWF SWF 文件）。文件）。元素的底部、右侧及右下角出现调整大小控制点。如果未出元素的底部、右侧及右下角出现调整大小控制点。如果未出现调整大小控制点，则单击要调整大小的元素以外的部分现调整大小控制点，则单击要调整大小的元素以外的部分然后重新选择它，或在标签选择器中单击相应的标签以选然后重新选择它，或在标签选择器中单击相应的标签以选择该元素。择该元素。2 2）调整元素的大小。）调整元素的大小。调整元素的宽

25、度：拖动右侧的选择控制点。调整元素的宽度：拖动右侧的选择控制点。调整元素的高度：拖动底部的选择控制点。调整元素的高度：拖动底部的选择控制点。同时调整元素的宽度和高度：拖动顶角的选择控制点。同时调整元素的宽度和高度：拖动顶角的选择控制点。2 2在调整元素尺寸时保持元素的比例（其宽高比）：在按在调整元素尺寸时保持元素的比例（其宽高比）：在按住住 Shift Shift 键的同时拖动顶角的选择控制点。键的同时拖动顶角的选择控制点。3.2.6裁剪图像裁剪图像1)1)打开包含要裁剪的图像的页面，选择图像，单击打开包含要裁剪的图像的页面，选择图像，单击图像属性检查器中的裁减工具图标图像属性检查器中的裁减工

26、具图标 或选择或选择修改修改 图像图像 裁剪。裁剪。所选图像周围会出所选图像周围会出现裁剪控制点。现裁剪控制点。2)2)调整裁剪控制点直到边界框包含的图像区域符合调整裁剪控制点直到边界框包含的图像区域符合所需大小。所需大小。3)3)在边界框内部双击或按在边界框内部双击或按 Enter Enter 键裁剪所选区域。键裁剪所选区域。4 4）单击确定。）单击确定。所选位图的边界框外的所有像素都将被删除，但将所选位图的边界框外的所有像素都将被删除，但将保留图像中的其它对象。保留图像中的其它对象。3.2.7插入鼠标经过图像插入鼠标经过图像选择选择“插入插入”“交互式图像交互式图像”“鼠标经过图像鼠标经过

27、图像”。随即显示随即显示“插入鼠插入鼠标经过图像标经过图像”对话框。对话框。在图像名称文本框中，键入鼠标经过图像的名称。在图像名称文本框中，键入鼠标经过图像的名称。本例输入本例输入image1image1（）在原始图像文本框中，单击浏览并选择要在载入页时显（）在原始图像文本框中，单击浏览并选择要在载入页时显示的图像，或在文本框中输入图像文件的路径。本例输入示的图像，或在文本框中输入图像文件的路径。本例输入学院总体学院总体图图1.gif1.gif（）在鼠标经过图像文本框中，单击浏览并选择要在鼠标指（）在鼠标经过图像文本框中，单击浏览并选择要在鼠标指针滑过原始图像时显示的图像，或在文本框中输入图像

28、文件的路径。针滑过原始图像时显示的图像，或在文本框中输入图像文件的路径。本例输入本例输入学院总体图学院总体图2.gif2.gif（）如果希望图像预先载入浏览器的缓存中，以便用户将鼠标指针滑（）如果希望图像预先载入浏览器的缓存中，以便用户将鼠标指针滑过图像时不发生延迟，选择预先载入图像选项。过图像时不发生延迟，选择预先载入图像选项。（）（可选）在替代文本中，为使用只显示文本的浏览器的访问（）（可选）在替代文本中，为使用只显示文本的浏览器的访问者输入描述该图像的文本。本例输入者输入描述该图像的文本。本例输入学院总图学院总图（）在单击时，转到（）在单击时，转到 URLURL文本框中，单击浏览并选择文

29、件，文本框中，单击浏览并选择文件，或者键入在用户单击鼠标经过图像时要打开的文件的路径。或者键入在用户单击鼠标经过图像时要打开的文件的路径。3.2.8创建网站相册创建网站相册 1)1)选择命令选择命令 创建网站相册。创建网站相册。打开创建网站相册对话框，如图打开创建网站相册对话框，如图3-123-12所所示。示。2)2)在相册标题文本框中输入一个标题在相册标题文本框中输入一个标题(如企业图徽如企业图徽)略图的页面的顶部的灰色矩略图的页面的顶部的灰色矩形中。形中。3)3)单击源图像文件夹文本框旁的浏览按钮，选择包含源图像的文件夹单击源图像文件夹文本框旁的浏览按钮，选择包含源图像的文件夹（如（如lo

30、gologo）。然后单击目标文件夹文本框旁的浏览按钮，选择（或创）。然后单击目标文件夹文本框旁的浏览按钮，选择（或创建）一个目标文件夹建）一个目标文件夹(如如album)album)，用以放置所有导出的图像和，用以放置所有导出的图像和 HTML HTML 文件。文件。4)4)指定缩略图图像的显示选项指定缩略图图像的显示选项5)5)从从“缩略图格式缩略图格式”弹出菜单中选择缩略图图像的格式：弹出菜单中选择缩略图图像的格式：6)6)从相片格式弹出菜单中选择大尺寸图像的格式。对于每个原始图像，将创从相片格式弹出菜单中选择大尺寸图像的格式。对于每个原始图像，将创建一个具有指定格式的大尺寸图像。可以为大

31、尺寸图像指定的格式可以不同于建一个具有指定格式的大尺寸图像。可以为大尺寸图像指定的格式可以不同于为缩略图指定的格式。为缩略图指定的格式。7)7)选择大尺寸图像的缩放百分比。选择大尺寸图像的缩放百分比。8)8)选择为每张相片建立导览页面，为每个源图像创建一个选择为每张相片建立导览页面，为每个源图像创建一个 Web Web 页，该页，该 Web Web 页页包含标为后退、主页、前进的导航链接。包含标为后退、主页、前进的导航链接。9)9)单击确定以创建网站相册的单击确定以创建网站相册的 HTML HTML 和图像文件。和图像文件。10)10)当出现指示相册已经建立的对话框时，单击确定当出现指示相册已

32、经建立的对话框时，单击确定 3.2.9导航条导航条1 1）建立网页）建立网页3_5.htm3_5.htm。2 2）插入网页横幅图片。）插入网页横幅图片。3 3）插入导航条。）插入导航条。4 4）在插入导航条对话框中设置各项参）在插入导航条对话框中设置各项参数如下：数如下：（1 1）项目名称：使用默认值。）项目名称：使用默认值。（2 2）状态图像：各项分别选取表）状态图像：各项分别选取表3-3-中中第二行的图像。第二行的图像。（3 3）鼠标经过图像：各项分别选取表）鼠标经过图像：各项分别选取表3-3-中第三行的图像。中第三行的图像。（4 4）按下时，前往的）按下时，前往的 URLURL：各项分别

33、：各项分别选取要链接的网页。选取要链接的网页。如第一项选取如第一项选取3_1.html3_1.html。（5 5）按）按F12F12键，预览效果如图键，预览效果如图3-163-16所示。所示。其他选择参数默认值。如图其他选择参数默认值。如图3-153-15所示。所示。本章小结本章小结 图像和文字都是组成网页的基本元素，与文字相比，图像和文字都是组成网页的基本元素，与文字相比，图像更加直观、生动。无论是商业网站还是个人图像更加直观、生动。无论是商业网站还是个人网站，都应该是图文并茂的网页。同时一定要注网站，都应该是图文并茂的网页。同时一定要注意图像的大小和数量。如果图像文件太大、太多意图像的大小

34、和数量。如果图像文件太大、太多会影响下载速度，这会使浏览者失去信心。会影响下载速度，这会使浏览者失去信心。本章主要介绍创建和设计制作网页的方法，主要包本章主要介绍创建和设计制作网页的方法，主要包括在网页插入文本、图像，插入导航条和创建网括在网页插入文本、图像，插入导航条和创建网站相册；本章的重点是文本的编辑和插入图像。站相册；本章的重点是文本的编辑和插入图像。难点是难点是创建网站相册创建网站相册和插入导航条。和插入导航条。思考与习题思考与习题 1 1填空题填空题1 1）Web Web 页面中通常使用的只有三种，即页面中通常使用的只有三种，即 _。2 2）网页的图像格式一般为）网页的图像格式一般

35、为 _三种。三种。3 3）JPEGJPEG格式图像扩展名是格式图像扩展名是_。4 4）GIFGIF格式图像扩展名是格式图像扩展名是_。5 5）PNGPNG格式图像扩展名是格式图像扩展名是_。6 6）图像占位符的用处在于）图像占位符的用处在于_。7 7）选择图像，所选图像周围会出现选择图像，所选图像周围会出现_。2 2简答题简答题1 1）如何在网页内插入文本？如何更改文本的属性？）如何在网页内插入文本？如何更改文本的属性？2 2）如何在网页内插入图像？如何更改图像的属性？）如何在网页内插入图像？如何更改图像的属性？3 3）简述在）简述在DreamweaverDreamweaver中如何调整图像大小。中如何调整图像大小。4 4）简述在）简述在DreamweaverDreamweaver中如何创建网站相册。中如何创建网站相册。5 5）简述在）简述在DreamweaverDreamweaver中如何插入鼠标经过图像。中如何插入鼠标经过图像。