dreamweaver课件——第4章 在网页中插入文本和图像.pptVIP

第四章 在网页中添加文本和图片 本章目标 在网页中添加文本 设置文本属性（重点） 文本列表（重点） 在网页中插入水平分割线、日期、flash元素 在网页中插入图像（重点） 设置图像属性（重点） 4.1在网页中添加普通文本 将插入点定位在文档编辑区中要输入文本的位置，直接输入即可。 在Word等文本编辑软件中编辑好文本之后，将其复制到剪贴板上，然后在Dreamweaver 8中将插入点定位到文档编辑区中，粘贴剪贴板中的文本也可。 网页中的文字一般使用宋体或黑体，16号。 4.2 在网页中插入特殊字符 在Dreamweaver 8中有时会遇到一些无法通过键盘直接输入的特殊字符，如版权符号?、注册商标符号?等，这时可通过Dreamweaver 8插入特殊字符的功能进行插入。 4.3 在字符之间添加空格 Dreamweaver 8中的文档格式都是以HTML编码形式存在的，而HTML编码中只允许字符之间包含一个空格 要在网页中输入连续的多个空格 代码 nbsp; 全角状态下输入空格 通过设置Dreamweaver 8的参数：编辑-首选参数 4.4 插入水平分割线 插入?HTML?水平线 水平线的属性面板 表格中单元格高度设置为1px,也可以实现水平线效果 4.5 插入日期 Dreamweaver提供了一个方便的日期对象，该对象使用户可以以喜欢的格式插入当前日期 插入?日期 4.6 文本列表 有序列表：有一定排列顺序的列表，一般有数字前导符，可以是阿拉伯数字、英文字母或罗马数字等。 4.7 为现有文本创建列表 除了先创建列表项再输入文本外，还可以先输入文本，然后再设置列表项。 选中需要建立列表的文本，在文本?列表下选择需要的列表形式 4.8 列表的嵌套 嵌套列表是包含在其他列表中的列表 创建列表，选中需要嵌套的列表项，单击属性面板中的文本缩进按钮 4.9 设置项目列表属性 使用“列表属性”对话框可以设置列表项的外观，包括编号样式、项目符号样式等。 4.10 常用网页图像格式 JPEG格式：可支持多达16M颜色，能展现十分丰富的图像，但却是有损压缩 GIF格式：最多256色，压缩比高 PNG格式：可携带式网络图像格式 4.11 在网页中插入图像 直接插入 插入?图像 单击插入栏的“常用”选项卡中的图像按钮。 按【Ctrl+Alt+I】键。 4.12 在网页中插入图像占位符 制作网页时还未选定需插入的图像，但确定了图像大小的时候，可以使用占位符来代替图像的方式插入到文档中。将图像确定后双击占位符，在打开的对话框中设置后插入即可。 4.13 设置图像属性 在网页中插入图像后可通过属性面板对其属性进行修改等设置 4.14 设置鼠标经过图像 鼠标经过图像是一种在浏览器中查看网页时，鼠标光标经过该图像时，图像发生变化的动态图像 插入?图像对象?鼠标经过对象 4.15 在网页中插入flash元素 常用工具栏中选择媒体：flash 4.16 案例（一） 4.17 案例（二） 4.18 案例（三） 4.19 每日标签 ul/ul：项目列表 ol/ol：编号列表 li/li：列表项（项目列表，有序列表） dl 定义列表 dt/dt 定义术语 dd/dd 定义说明 /dl img src=“路径”：图片 bgsound src=“路径” loop=“循环次数”/ 网页背景音乐 本章小结 如何在网页中插入文本，项目列表，水平线，日期，flash元素？ 如何插入图片？ 如何设置鼠标经过图像？ 作业布置 * * 无序列表：是一系列无顺序级别关系的项目文本组成的列表，一般前面是用项目符号作为前导字符。 定义列表：定义列表不使用项目符号或数字这样的前导字符，通常用在词汇表或说明书中。 *