新浪博客

frontpage中插入 图片教案

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

我的更多文章

下载客户端阅读体验更佳

APP专享