第4章在网页中插入图片.pptVIP

在【插入导航条】对话框中各种参数的含义如下： 导航条元件：该列表中显示添加的导航条项目。每个项目都对应一个具有一组状态图像的按钮，状态最多可达4个。 项目名称：输入导航条项目的名称，只能输入英文和数字，不能输入汉字。项目名称在【导航条元件】列表中显示。单击右边的箭头按钮可排列项目在导航条中位置。 状态图像：用户未单击或尚未与此项目交互时所显示的图像。 鼠标经过图像：指鼠标经过图像时所显示的图像。项目的外观发生变化，以便让用户知道可与这个项目进行交互。 按下图像：指项目被单击后所显示的图像。 按下时鼠标经过图像：指在项目被单击后，鼠标按下时所显示的图像。 替换文本：与图像属性中的替代功能相同。 按下时，前往的URL：输入单击导航条时要跳转到的页面的路径，并在右边的下拉列表中选择文档打开的目标窗口。选择【主窗口】表示在同一个窗口中打开。如果是 框架页面，则要选择在那个框架页面中显示。 预先载入图像：与交换图像中的预载鼠标经过图像相同。 页面载入时就显示“鼠标按下图像”：即在也面被浏览器载入时，就将图像显示为按下状态。 插入：在该栏中设置创建好的导航条在页面中放置的位置。 使用表格：选中复选框，则将创建的导航条的各项目放置于表格中，否则直接挨个排列。 （4）单击【浏览】按钮，打开【选择图像源文件】对话框，选择要插入的图片，如图5-42所示。 （5）单击【确定】按钮，用相同的方法为每种状态图像设置路径，如图5-43所示。 （6）单击【确定】按钮，在选中的单元格中插入一个导航条的按钮，如图5-44所示。 （7）用同样的方法插入导航条的每一个按钮 ，如图5-45所示。 （8）完成后在浏览器中预览的效果如图5-46所示。 按下时鼠标经过： 鼠标按下时： 鼠标经过时： 初始化时的效果： 设置图像属性 在网页中插入图像后可通过属性面板对其属性进行修改等设置。 图像命名 图像大小 编辑图片 源文件设置 文本说明 图像与文本的对齐 图像边距 图像边框 图像命名 为了在使用Dreamweaver行为（如交换图像）或脚本撰写语言（如JavaScript或VBScript）时可以引用该图像，可在属性面板的“图像”文本框中为图像命名。 图像大小 在Dreamweaver 8中插入图像后系统会自动将图像的原始大小显示在“宽”和“高”文本框（以像素为单位）中。 编辑图片 在网页中选择图像之后，单击属性面板中的按钮，打开图像处理软件，对图像进行处理。如果安装了Fireworks，那么Fireworks将被默认为图像处理软件。如果没有安装，用户也可自己设置使用其他软件中处理图像。 源文件设置 在属性面板的“源文件”文本框中显示了图像的保存路径，如果要重新插入一幅新图像，可以在选取图像后的属性面板中的“源文件”文本框中重新输入要插入图像的地址，或单击右侧后的 按钮，在打开的“选择图像源文件”对话框中重新选择需要的图像。 文本说明 在选取图像后的属性面板的“替换”下拉列表框中可以输入图像的文本说明。 图像与文本的对齐 选取图像后，在属性面板的“对齐”下拉列表框中可设置处于同一行上的图像与文本的对齐方式。 图像边距 选取图像在属性面板的“垂直边距”和“水平边距”文本框中可以设置图像与页面上方和左侧之间的距离，也可以设置图像与其他网页元素之间的距离。 图像边框 选取图像后，在属性面板的“边框”文本框中可以设置图像边框的宽度，单位为像素，“0”表示无边框。 图像高级设置 鼠标经过图像设置 插入Fireworks HTML对象 鼠标经过图像设置 鼠标经过图像是一种在浏览器中查看网页时，鼠标光标经过该图像时，图像发生变化的动态图像。 插入Fireworks HTML对象 Macromedia公司的图形处理软件Fireworks优化后的图像和HTML文件。使用Dreamweaver可直接插入保存到所需的Dreamweaver站点文件夹中。 上机实战 本课上机实战主要练习在网页中插入图像并对其进行属性设置。在练习过程中，将用到课堂讲解中所学的插入图像的方法、图像属性设置的方法、热点链接的设置及鼠标经过图像的创建方法等知识。 向下 向上 末页 首页 调音 返回 结束 课堂讲解 上机实战 第4课 为网页添加图像 课堂讲解 网页图像的格式及来源 插入图像 设置图像属性 图像高