第6章+插入图像.ppt

第6章插入图像一、网页图像格式二、插入图像三、插入“图像占位符”四、插入“鼠标经过图像”五、插入“FireworksHTML”六、插入“导航条”七、可插入的其它图像元素一、网页图像格式1.网页设计有一个不成文的规定，就是文件严禁过大。美观的首页须限制在100KB以下，一般的页面最好在50KB左右，设计者必须遵守。2.网页图像的常用格式有.GIF、.JPG和.PNGGIF格式是网页设计者首要考虑的格式在需要全彩模式表示图像时，JPG格式是唯一的选择。PNG(可移植网络图形)文件格式是一种替代GIF格式的无专利权限的格式，它包括对索引色、灰度、真彩色、Alpha通道透明的支持。建议当图像颜色少于256色时使用GIF格式，颜色较丰富时就使用JPG格式。二、插入图像1.插入图像步骤2.设置图像属性1.插入图像步骤选择“插入/图像”；或单击“插入”面板中“常规”子面板中的“插入图像”按钮。注1：应用在网页上的图像一般为JPG或GIF格式；注2：通常图像必须位于站点内，若在站点外，必须保存到站点内。2.设置图像属性主要使用图像属性面板，如图。改变图像大小；设置边框宽度；设置对齐方式；创建超级链接等；替代文字有两个作用：鼠标投指向时显示；图像未下载时在图像位置显示编辑栏各按钮用于编辑图像；“类”框中可选择定义好的CSS样式；“低解析度源”文本框中可以指定在主图像被载入之前的低分辨率图像来源。三、插入“图像占位符”在图像未选好的情况下，先用占位图像占据需要插入图像的位置；单击“插入”面板中“常规”子面板上的“插入占位图像”，打开占位图像设置面板；设置后单击“确定”。四、插入“鼠标经过图像”1.当鼠标移动到某一图像时，图像变成了另一幅图像当鼠标移开时，又恢复原来的图像，这种图像称作“鼠标经过图像”。2.“鼠标经过图像”创建步骤：光标停留在要插入“鼠标经过图像”的位置。单击“图像”下拉列表中的第3项“鼠标经过图像”，弹出“鼠标经过图像”对话框。“图像名称”、“源图像”、“鼠标经过图像”文本框中输入图像名称或路径；“按下时，前往的URL”文本框中可以输入单击图像时跳转到的链接地址。“鼠标经过图像”对话框五、插入“FireworksHTML”单击“图像”下拉列表中的第4项“FireworksHTML”，打开“插入FireworksHTML”对话框。在“FireworksHTML文件”文本框中输入要插入的FireworksHTML文档的地址。勾选“插入后删除文件”复选框，允许操作完成后将原始的FireworksHTML文件移至“回收站”。单击“确定”钮六、插入“导航条”“导航条”通常是由一系列的栏目按钮组成，并且一个网页中只有一个“导航条”。步骤：将光标停留在要插入“导航条”的位置。选择“插入/图像对象/导航条”，显示如图；在“项目名称”文本框中给新建的导航条元件(即导航条中的按钮)命名。“状态图像”项输入原始的图像路径。同法为下面其它3种状态选择不同的图像。在“按下时，前往的URL”文本框中输入单击图像时跳转到的链接地址在“插入”下拉列表中，可选择“导航条”中元件的排列方式为“水平”或者“垂直”。“插入导航条”对话框七、可插入的其它图像元素在网页中，还可插入一些其它图像元素。1.背景图像在“页面属性”的“外观”分类中可以设置。2.跟踪图像同样在“页面属性”的“跟踪图像”分类中设置。**