插入图像.ppt

字体设计的一般原则 本章主要内容 网页中图像的格式 图像的基本操作 插入其他图像元素 图像地图 5.1 网页中图像的格式 5.2 图像的基本操作 5.2 图像的基本操作 5.2 图像的基本操作 5.2 图像的基本操作 5.2 图像的基本操作 5.2 图像的基本操作 5.2 图像的基本操作 5.2 图像的基本操作 5.2 图像的基本操作 5.2 图像的基本操作 5.2 图像的基本操作 5.2 图像的基本操作 5.2 图像的基本操作 5.2 图像的基本操作 5.3 图像的应用 5.2 图像的基本操作 5.3 插入其他图像元素 5.3 插入其他图像元素 5.3 插入其他图像元素 5.3 插入其他图像元素 5.3 插入其他图像元素 5.3 插入其他图像元素 5.3 插入其他图像元素 5.4 图像地图 5.4 图像地图 LOGO * LOGO （1）为了保证全球范围内都可以正常浏览网页，内容文字很少使用艺术字体，英文往往采用Times New Roman字体，中文一般采用宋体，个别地方也可使用黑体或隶书等。 （2）大标题，小内文；粗标题，细内文；字体少，字形少。 （3）字体要与网站内容、图片文字等相协调，保持统一风格。 （4）文字的色彩要与背景有一定差异，保持可见性、易读性。 （5）全文排版最忌讳不分段，将一堆文字堆积在一起。 （6）字体大小要适中，保持页面整洁，阅读舒适。 GIF格式文件：以.gif作为文件后缀，支持256种颜色，色彩比较简单，但文件较小且支持透明背景和动画格式，支持无损压缩和跨平台能力，网站上的导航条、按钮、图标、标志、背景等通常使用该格式。 JPG格式文件：以.jpg作为文件后缀，是一种有损压缩的格式，支持跨平台能力，不支持透明背景。它具有比GIF图像更高的压缩比，适合展示色彩绚丽的图像，如照片、新闻图片、产品图片等。 PNG格式文件：以.png作为文件后缀，支持1670万种颜色，并具有GIF图像的优点，如动画、透明属性。它的压缩比处于前两者之间。 图像的格式有许多种，在网页中经常使用的格式有： 图像清晰，不模糊或变形；图像上的文字要清晰，易辨识；图像的选择要与网页风格贴近，颜色符合网页整体色彩，图像大小适当（通常首页大小控制在100KB以下，其他页面大小控制在50KB左右）。 1.插入图像 （1）插入图像的方法 选择[插入]|[图像]命令。 单击[常用]工具栏[图像]按钮。 鼠标拖动[图像]按钮或桌面文件到网页的指定位置。 从[资源]面板中插入图像。 （2）插入图像的步骤 ①将光标定位在要插入图像的位置。 ②在【插入】面板的【常用】分类中单击【图像】按钮或者选择【插入】|【图像】命令。 ③打开【选择图像源文件】对话框，从中选择要插入的对象，单击【确定】按钮。 ④在弹出的【图像标签辅助功能属性】对话框中，设置替换文本或详细说明，单击【确定】按钮，即可在光标所在位置插入选择的图像。 如果在插入图像时不想显示【图像标签辅助功能属性】对话框，可以单击“请更改‘辅助功能’首选参数”超链接，打开【首选参数】对话框，在【辅助功能】分类中取消选中【图像】复选框。 2.设置图像属性 （1）【属性】面板 选择要设置的图像，在“属性”面板中即可看到该图形的属性并进行设置。 图像信息：在“属性”面板的左上角显示所选图片的缩略图，并且在缩略图的右侧显示该对象的信息。 ID：定义图像的名称，主要为了在脚本语言（如Javascript或VBscript）中便于引用图像而设置。 宽、高：用于调整图像的宽度和高度，改变图像默认宽度和高度后，在“宽”和“高”文本框后出现一个“重设大小”按钮，单击即可恢复图像到原始大小。 源文件：用于查看、更改图像的源文件位置 图像链接：设置图的链接地址。 替换：设置图像的替换说明文字，当浏览网页的过程中，图像不能被正确显示时，在其相应位置区域会显示设置的替换说明文字。 “类”下拉列表：用于选择应用已经定义好的CSS样式表，或者进行“重命名”和“管理”操作。 图像编辑按钮： “编辑”按钮：启动外部图像编辑软件对所选中的图像进行编辑操作； “编辑图像设置”按钮：单击，弹出“图像预览”对话框，可对图像进行优化设置； “从源文件更新”按钮：更新智能对象时，网页图像会根据原始文件的当前内容和原始优化设置，以新的大小、无损方式重新呈现图像； “剪裁”按钮：单击，图像上出现虚线区域，拖动该虚线区域的8个交点到合适的位置，按回车键，完成图像剪裁； “重新取样”按钮：重新读取图像文件的信息； “亮度和对比度”按钮：单击打开“亮度/对比度”对话框，设置参数，设置图像的亮度和对比度； 锐化：单击打开“锐化”对话框，设置参数，对图像的清晰度进行调整 设置图像集的选项：在“