frontpage中插入 图片教案
2011-11-11 08:37阅读:
教学目的与要求:
1.掌握打开站点的方法;
2.掌握插入图片的方法;
3.掌握保存图片的方法。
教学重难点:
1.插入图片;
2.保存图片。
教学过程:
一.复习巩固。
二.引入新课
仅有文字的网页显得有些单调,今天,我们在网页上挂上我们学校一些图片。
三.打开站点
1.单击“文件”→“打开站点”,弹出“打开站点”对话框。
2.单击“查找范围”后的小方块按钮,选择站点位置。单击“打开”按钮。
四.插入图片
1.在文件夹列表中,双击new_page_1.htm,打开网页。
2.在网页上把光标移到要插入图片的位置。
3.单击“插入”→“图片来自文件”,打开“图片”对话框。
4.单击“从计算机上选择一个文件”按钮,弹出“选择文件”对话框。
5.单击“查找范围”后的小方块按钮,选择图片文件所在的位置。
6.选择图片文件,“学校图片”,单击“确定”按钮。
{①插入的图片的大小可以自由调整。单击图片,出现8个控制点,拖动这些控制点就可以改变图片的大小。
②网页上常用的图形格式有Gif和Jpeg两种。Gif主要用于网页上一些颜色比较简单的图形,如小插图、Icon、Logo、字体等。Gif也支持单一颜色的透明设定,还可以做出动画。Jpeg也称Jpg,是一种图形压缩格式,文件较小,它主要用于色彩数较多的图形,也支持全彩,网络上的照片主要是这种格式。
五.保存图片
在保存含有图片的网页时,计算机会自动弹出一个“保存嵌入式文件”对话框。这是因为我们刚刚从站点外“的资料”件夹中插入了一个图片,现在计算机要求把这个图片存放到站点内。
文件名new_pa1.jpg是计算机自动生成的。为了方便使用,我们可以重新给图片起名字。在“存嵌入式文件”选择图片文件new_pa1.jpg,单击下面的“重命名”按钮,可对其重命名。我们将图片文件重命名为bjhy.jpg。
为了方便图片管理,计算机自动在站点内为我们建立了一个存放图片的文件夹images。一般情况下,我们都把图片文件存放在这个文件夹内。
在“保存嵌入式文件”对话框内,选择图片文件bjhy.jpg,单击“改变文件夹”,打开“改变文件夹”对话框。选中“images”,单击“确定”按钮,图片文件bjhy.jpg就存放在“images”内了。
单击“确定”按钮就完成了对网页和图片的保存。
六.思考与练习
在网页中插入图片,将插入图片的网页保存,并将图片存放到images文件夹内。