在网页中插入图片教案.doc

在网页中插入图片教案一、教学目的：通过本章学习，使学生明确在网页设计中正确使用图像及音频、视频文件可使页面达到图文并茂，声形并茂的生动、丰富、多彩的效果。使学生能够在网页设计中灵活掌握图片的基本操作方法。二、教学要求：1了解图像文件常用文件格式2熟练掌握图片的基本操作方法三、教学重点和难点：重点掌握图片的操作方法，难点为图片的各种编辑修改。四、教学时间：1课时五、教学过程：一、图像的文件格式：1常用计算机的图像文件格式的种类图像文件格式定义了图像信息在计算机中的存储方式，图像的文件格式种类很多，但并非所有的图像文件格式都适合在网页制作中使用，目前最常用的是GIF和JPEG，它们具有应用到网页中的优点，所有可查看图形的浏览器均支持这两种格式。1）GIF图像（可交换的图像文件格式 Graphics Interchange Format）2）JPEG图像（联合图像专家组 Joint Photographic Experts Group）2GIF图像和JPEG图形的基本特点1）GIF图像无损压缩：当图像编辑程序把图像压缩为GIF格式的图像文件时，不丢失任何图像数据，但颜色必须小于256色或更少。适用于颜色不多线条清楚的图像。存储空间小，传输时间短。可制作透明背景效果和动画效果的网页。2）JPG图像失真式压缩：图像压缩的过程中会丢失原始图像的部分信息，可处理色彩丰富的图片，适用于压缩数字照片。二、图像的基本操作1图像应遵循的原则：1）页面中的图像应突出主题2）页面中的图像应符合整个页面、站点的风格3）使用图像的目的应使页面更丰富，更具个性和观赏性。2在网页中插入图片，图像的来源有多种，可用下列几种方法插入图像1）插入本站点中的图片在站点文件夹中总有一个用来保存图片的子文件夹images，将图片统一放在该文件夹下管理十分方便。光标置插入图像处“插入”（引号中未加说明的为调用菜单，以下类同）“来自文件”在“选择文件”对话框中选择一个图片文件击“确定”按钮2）从因特网中导入图片光标置插入图像处“插入”“来自文件”取消“选择文件”对话框，在“图片”对话框中击URL文本框右侧的地球图案的按钮调用浏览器在地址栏内输入图片所在的路径和图片名回车返回Front Page2000编辑器在URL文本框中可见路径和图片名击“确定”按钮页面中可见一小图片双击小图片调整大小。 3）从局域网的非本地计算机导入图片光标置插入图像处“插入”“来自文件”取消“选择文件”对话框，在“图片”对话框中击URL文本框右侧的放大镜图案的按钮在“选择文件”对话框中选择图像文件击“确定”按钮图片的保存：插入了不在当前站点中的图片文件，在保存页面文件时，会弹出“保存嵌入式文件”对话框一般选择images子文件夹，再击“确定”保存文件。如不想保存到当前站点，则击“设置操作”钮，选择“不保存”，这样图像文件只是某个超链接的目标文件，并未保存在站点中。4）插入剪贴画“插入”“图片”“剪贴画”（或“来自文件”弹出的“图片”对话框中击“剪贴画”按钮）选择“图片”选项卡单击某类图片的显示图标选中某图片单击