6单元第6章图像操作.ppt

操作要点 插入图像 设置图像属性 编辑图像 插入“鼠标经过图像” 插入导航条 3．在“插入鼠标经过图像”对话框中，设置各个选项。 （1）在“图像名称”文本框中输入“Image3”，用来设置鼠标经过图像的名称。 （2）在“原始图像”文本框中输入原始图像的路径及名称，或者单击文本框右侧【浏览】按钮打开“Original Image”对话框，在其中选择原始图像，这里选择“3.jpg”。 （3）在“鼠标经过图像”用来设置当移动鼠标指针到鼠标经过图像时，原始图像替换成的图像，在其后的文本框中输入该替换图像的路径及名称，这里选择“4.jpg”。 (4)对于“预载鼠标经过图像”复选框，如果选中复选框，则网页一打开即预下载替换图像到本地机，当移动鼠标指针到鼠标经过图像时，能迅速切换到替换图像；如果取消对该复选框的选择，当移动鼠标指针到鼠标经过图像时才下载这个替换图像，替换的时候可能有画面不连贯的情况出现。 （5）“替换文本”文本框用来设置该鼠标经过图像的替换文本，当图像无法显示时，将显示这些替换文本，这果输入文字“图片三”。 （6）“按下时，前往的URL”用来设置该鼠标经过图像上应用的超级链接。这里可先输入“03.html”。 单击【确定】按钮，即可完成插入“鼠标经过图像”的操作。 4．在页面中选中该“鼠标经过图像”，利用“属性”面板对“鼠标经过图像”的属性进行必要的设置，链接也重新输入，例如输入“”。 5．保存网页文档03.html，浏览该网页 6.3.2　插入导航条 制作导航条的具体过程如下： （1）打开网站“长沙世界之窗”的网页03.html，光标置于“鼠标经过图像”的右侧，准备制作导航条。 （2）在“常用”插入工具栏中，单击【图像】按钮旁边的小三角形，在弹出的菜单中单击【导航条】按钮，弹出“插入导航条”对话框。然后在该对话框中设置各个参数。 （3）在导航条中，每个图像链接被称为一个项目，所有的项目都显示在“导航条元件”列表框中，刚开始只存在一个默认的导航条按钮。在“项目名称”文本框中输入第一个导航条元件的名称为“button1”。 （4）在“状态图像”文本框中输入图像文件的路径和名称，也可以通过单击文本框右侧的【浏览】按钮，从磁盘上选择已有的图像文件。这里选择5.jpg，同插入图像的操作一样，如果图像文件不在站点根文件夹内，会弹出对话框询问是否将图片复制到站点文件夹中。 使用同样的方法，为“鼠标经过图像”、“按下图像”、“按下时鼠标经过图像”分别选择不同的图像，这里所选择的图像文件名称分别为“6.jpg”、“7.jpg”、“8.jgp”。 （5）在“替换文本”文本框中输入“图片4”，在“按下时，前往的URL”的文本框中输入“”，当单击该图像按钮时，将会打开对应网页。 （6）对于“预先载入图像”复选框，如果选中它，访问者浏览该网页时，上述设置的四幅图像将在页面下载时全部下载；若取消对该复选框的选择，页面下载的同时只下载“状态图像”，其他的图像在交互操作时才开始下载。这里选择该复选框。 （7）对于“页面载入时就显示‘鼠标按下图像’”复选框，如果选中它，访问者浏览该网页时，会先显示在“按下图像”文本框中设置的图像；如果取消对该复选框的选择，浏览该网页时，会先显示在“状态图像”文本框中设置的图像。这里不选择该复选框。 （8）在“插入”下拉列表框中可以选择导航条的排列方式，有两个选项：“水平”和“垂直”。如果选择“水平”，则导航条将水平排列；如果选择“垂直”，则导航条将垂直排列。这里选择“水平”。 （9）对于“使用表格”复选框，如果选中它，则使用表格来排列导航条中的元件。 （10）单击【确定】按钮关闭“插入导航条”对话框。 （11）在页面中选中该“导航条”图像，利用“属性”面板对“导航条”图像的属性进行必要的设置，打开“页面属性”对话框适当调整左、右边距，将左边距和右边距调整为“50px”即可。 （13）保存网页文档，然后按F12快捷键浏览该网页。 6.3.3　插入图像占位符 （2）在“图像占位符”对话框中设置占位符的属性，在“名称”文本框中输入要插入图片的名称；在“宽度”和“高度”文本框中输入图片的宽度和高度的数值；在“颜色”选择器中设置占位符的颜色；在“替换文本”文本框中输入图片的替代文字。 （3）图像占位符的属性设置完成后，单击【确定】按钮，这样一幅实际上并不存在的图片将出现在页面上。 （4）用鼠标单击选中该图像占位符，然后在属性面板中单击【创建】按钮可以调用Fireworks生成PNG图像。 （2）在“图像占位符”对话框中设置占位符的属性，在“名称”文本框中输入要插入图片的名称；在“宽度”和“高度”文本框中输入图片的宽度和高度的数值；在“颜色”选择器中设置占位符的颜色；在“替换文本”文本框中输入图片的替代文字。 （3）图