创建基本的电子商务网页0304.ppt

3.4 图像的应用 ?本节任务 说出常用的网页图像文件的文件类型。 在网页中插入剪贴画、图片。 制作一个图片库。 在网页中插入Flash影片。 3.4.1 插入图像 “插入”菜单/“图片”子菜单 为了使文件存放更有条理，一般将图像文件都放在images目录之下。 网页中使用的图像必须存放在网站文件夹中，如果插入的图像文件存放在计算机中的其他位置，在保存图像所在的网页时，系统会提醒设计者，保存嵌入式文件。 剪贴画都是一些较小的GIF格式文件，通常用作标志、示意和按钮。 所谓“图片库”，就是一个图片集的缩略图，每张缩略图的旁边还留有空间，用于标示图片的有关文本信息，单击缩略图将在新窗口中打开对应的原始图片。 操作： 1、 “插入”/“图片”子菜单/“新建图片库”/打开“图片库属性”对话框 2、 “图片”选项卡/“添加”按钮 3、 “来自文件的图片”/查找并选择图像文件 4、 “确定”/ 回到“图片库属性”对话框 5 、填写对话框 6 、单击”确定” 3.4.2 图像显示方式的控制 3.4.3 图像的编辑 1. 为图像添加文本 操作： 1、打开“图片”工具栏，选中要添加文字的图片。 2、单击“图片”工具栏中的“添加文本”按钮 3. 图像尺寸的调整 3.4.4 图像的描摹 3.4.5 图像的使用原则 GIF文件——适合于带有实心区域、颜色单调或颜色较少的图像、背景透明的图像、没有太多细节的绘图以及简单动画。 JPEG文件——适合于照片，但不具有透明的效果，JPEG具有很多质量级别，降低质量级别可以减小图像文件的大小。 常见图像类型 1. 插入保存在计算机中的图像 操作：“插入”菜单/“图片”子菜单/“来自文件”命令 注意！ 2. 插入剪贴画 操作：“插入”菜单/“图片”子菜单/“剪贴画”命令 操作： 1、将扫描仪或数码相机的信号线与计算机正确地连接。 2、“插入”菜单/“图片”子菜单/“来自扫描仪或照相机 ” 3. 扫描仪或照相机插入图片 4. 创建图片库 设定缩略图的宽度和高度 在下面的格式工具栏中定义字体、字号、颜色和样式等 输入作为图片标题的文本 输入作为图片说明的文本 选择布局样式 设置每行显示的缩略图数目 操作： “插入”/“图片”子菜单/“Flash影片” 选中Flash影片文件/“插入”按钮 5. 插入Flash影片 注意！ 在网页视图的设计视图方式中，并不能看到新插入的Flash影片文件，只能看到一个灰色的方块，可以选择预览视图模式，或者使用浏览器预览。 可以转换文件的类型,选择合适的文件类型，能够降低图像文件的大小。 可以指定图像的替换文本.以便不能或不希望查看图片的浏览者，能够了解图像传达的信息。 如果图片为JPG文件， FrontPage将提示将其转换为GIF文件。 3、在出现的文本框中输入要显示的文本，并将其拖放到合适的位置上。 4、光标移出文本框/单击鼠标。 操作： 单击右键弹出快捷菜单/“图片属性” 在“图片属性”对话框/“外观”选项卡 2. 图像边框的调整 ·在网页中对图像直接进行调整。 ·通过调整图像的高度和宽度来调整。 注意！ 调整图像，只是改变了图像在浏览器中的显示尺寸，并没有改变图像文件的大小，因此，即使图像尺寸变小了，下载该图片的时间也不会发生变化。 操作： (1) 选中图像/单击右键打开快捷菜单/“图片属性” 。 (2) “图片属性”对话框/“外观”选项卡。 (3) “保持纵横比”。 (4) 确定宽度和高度是以“像素”作为单位，还是以占框区的百分比作为标准。 (5) 调整“宽度”和“高度”的数值。 (6) 单击“确定”。 描摹的功用类似于学习书法时的描红，以一个图像（一般为网页的效果图）为参照物，将其置于网页编辑区的底部，以便于网页的设计制作。