《FrontPage教案——图像》由会员分享，可在线阅读，更多相关《FrontPage教案——图像（7页珍藏版）》请在金锄头文库上搜索。
1、FrontPage 教案图像课 题:图 像教学目标:知识与技能： 使学生在网页中插入图片后会根据自己需要对图片进行一定的处理,具有一定的制作能力，FrontPage 教案图像。过程与方法： 以演练结合为方法，使学生可以突破难点，消化重点。情感、态度、价值观： 使学生具有辩证唯物主义的思想。教学重点: 在网页中插入图片后会对图片进行一定的处理。教学难点: 图片的插入后的布局及工具栏的打开教学手段: 图片的布局图.教 学 过 程 :一、复习提问1、如何建立站点？2、如何在站点中添加网页及对网页进行保存？二、前言在网页中仅仅有一些文字和水平线是不够的，这样的网页我们看起来也会觉得很单调，这节课我们来
2、学习如何在网页中加入一些图片，并在此程序内对图片进行符合我们要求的处理。三、新课讲解（一）插入图片： 1、图片来自于剪贴画： 插入图片剪贴画；您可能说,我不会画画，插入图片容易，可是编辑图片就不容易了。没关系，FRONTPAGE 自己带有许多剪贴画，你可以把它们插入到自己的网页。选择“插入”菜单的“图片”命令， 选择“剪贴画”。你看，各种剪贴画都分类放好了。你可以自由地选择。我们还可以从INTERNET上插入一个图形。选择“插入”菜单的“图片”命令，在 URL栏内输入图片的地址，单击“确定”按钮。由于是插入网上的图片，因此在插入图形以后，应该保存一下网页，使图形存到站点内。不过，插入后别忘了保
3、存网页，把剪贴画复制到站点目录下。2、图片来自于文件夹： 插入图片来自文件选择图片位置。如果有一个图形，怎么把它放到网页上呢？首先要看你的图形是什么格式的，也就是它扩展名是什么只有扩展名为GIF 和JPEG的图形文件才能成为我们的页面的一部分。因为这两种图形格式不仅应用广泛，而且有利于节省存贮空间。如果图形不是这种格式，使用了其它格式的图形文件，在保存网页时FRONTPAGE 会提示做格式转换，FRONTPAGE 可以自动进行格式转换。现在可我们看看怎么插入图形 选择“插入”菜单的“图片”命令，单击“来自文件”按钮。在默认情况下，FRONTPAGE 认为你要插入的图片总是放在你建立的站点的目录
4、或它的子目录下的。可以说,站点就是一个目录。我们把编辑的许多网页文件放在同一个目录下，我们称这个目录为站点的主目录。这些网页引用的图形一般也放在这个目录下。当然，我们也可以在这个目录下建立其他的子目录，再把所有的图形放在子目录里。所以搜索下拉列表只允许在主目录和主目录下的子目录进行选择。如果要插入的图片不在主目录下, 在“选择文件”对话框中进行选择。选择好文件以后，单击“确定”按钮，回到“图形”对话框。单击“确定”按钮，图形就插入了。现在单击“常用”工具栏的“保存”按钮。在“另存为”对话框中输入新的 eb 页文件的名字，单击“保存”按钮。出现了一个对话框,因为我们刚才插入的文件不在站点内，现在
5、 FRONTPAGE要把它复制到站点内，可是使用什么名字，放在站点的哪个目录下呢，就要在这设置了，单击“改变文件夹”按钮，另外这儿还在需要时对图形的格式进行转换。单击“位置”按钮，在默认情况下，图形被保存在站点的主目录下，现在我们选择IMAGE 目录，单击“确定”按钮。回到“嵌入式文件”窗口，再单击“确定”。这样，图形就保存在站点内了。（二）处理图片： 查看工具栏图片。1.设置图形透明： （引入艺术字，吸引学生兴趣，使学生能将各部分内容在机的结合起来） 插入图形只是在网页中运用图形的第一步，在 FRONTPAGE里，还有许多对图形的设置。设置了图形的透明，因此就看不见白色的背底了。它是怎么实现
6、的呢？单击左边的图形，FRONTPAGE 窗口下又多了一个工具栏，我们称它为“图形”工具栏。这一个就是设置透明的按钮 ，单击“透明”按钮，在右面的图形的白色部分单击，透明的设置就结束了剪切图形下面这两幅图像，小图是大图的一部分。实际上小图是把大图经过修剪后得到的。这在我们只用一幅图的某一部分时特别有用。现在我们把大图也修剪了： 首先单击大图，现在“绘图”工具栏出现了，教案FrontPage 教案图像。我们单击“绘图”工具栏的“剪裁”按钮。这时图形四周的小点变为了黑色的。下面还出现了一个剪切框。调整剪切框到合适的大小，再把它移动到合适的位置，单击剪切按钮，图片就剪切完毕了。好像剪小了一点。 没有
7、关系， 单击“撤消”按钮 ，上次的操作就被撤消了。再重新剪切一次就可以了。如果进行了很多次剪切操作，发现把图弄坏了，这时想重新剪切，该怎么办呢？这时我们可以单击“绘图”工具栏上的“还原”按钮，图片就被重新载入到文档中，你可以对图片重新进行处理。3.给图形添加文本我们可以给图形加文字。选中左边的图形，单击图形工具栏“文本”按钮，现在图形中就出现了一个文本框，输入： “别淘气”。再按一下 Es 键，取消文字编辑，就选中文字框了，调整文本框到合适的位置，单击页面其他区域，文字就添加成功了。如果我要修改单击一下要修改的文字，这时文字作为一个整体被选中了，再点一下文字，这时文本框里有光标闪烁，你可以编辑
8、文本了，重新输入：“你真淘气”，在页面其他区域单击。文字就修改完成了。我们还可以撤消这次操作吗？4.设置特殊效果我们再来看看“绘图”工具栏的其他按钮有什么用处。先来看一看翻转按钮组： 这一个是向左翻转按钮，可以使图形逆时针翻转90度。这一个是向右翻转按钮，可以使图形顺时针翻转90度。这一个是水平翻转按钮，可以使图形左边变右边，右边变左边。这一个是垂直翻转按钮，可以使图形上边变下边，下边变上边。我们试一试： 单击那颗“会动的心”选中它，单击“绘图”工具栏上移一层按钮 使“会动的心”和“猫”不在同一层上。移动“会动的心”使它“跳”到桌子上，再切换到“预览”视图看一下，还不错吧？不过要注意，那个“会
9、动的心”是一个透明的Gif动画，所以当把“心”移到桌子上时，Gif 动画的背景色就透明了。当然啦，还得要保存一下文件。单击“绘图”工具栏的“凹凸效果”按钮 ，这时，图案就变成一个按钮了。还有其他效果，比如： “对比度”按钮 可以增减图形的对比度，“亮度”按钮 可以调整图形的亮度，“冲蚀”按钮 可以使图形半透明。这些你都可以有空试一试。并在实际使用中灵活运用。（二）图片属性： 选定图片格式图片属性。一般我们插入的图形总是和文本在一起的，所以调整图形和文本的对齐方式很重要。在默认情况下，图形自动与文本的底部对齐。这一个网页，由于默认的对齐效果，页面出现了大量的空白。这时就要调整图形的对齐属性。在图
10、形上单击鼠标右键，选择“图片属性”，选择“外观”选项卡， 我们把对齐方式调整为“左对齐”。 现在好多了吧？使用图形可以使网页更加丰富多彩，而且我们还可以用图形来建立超链接，使网页相互联系起来呢。这我们会在下一节讲链接的内容中介绍。四、操作学生用图片和绘图的方法来对已制作的网页进行补充.五、小结1、插入图片2、处理图片3、图片属性教学前分析： 本节课的内容对于学生的学习来讲，是兴奋点之所在，所以不需采用过多的方法去吸引学生的学习兴趣。而且，在以前相关内容学习的基础上，学生对本节的大部分内容可以很轻松的掌握，基础稍差一些的学生也强以通过教师的讲解对所学知识有进一步的理解。本节课的主要的难点在于，学生对于图片布局的理解，对于这一点，我采用的方法是： 用一种布局文字做成环绕同一幅图片让学生加深理解，对于这部分内容学生只需要理解即可，因为在以后的实际制作过程中很少用图片布局来进行网在页的组织，对于“如何让图片位于任一位置”可以给学生留作思考题，为下一步的学习打下基础。教学后反思： 这节课通过学生感兴趣的艺术字的引用，加强了学生对于工具栏上工具的使用兴趣。由此教师想到如果想让学生去学习一部分内容，应首先在讲解运用实例时就触到他们的兴趣神经。并且这部分知识的讲解使学生能够将他们所学习过的内容融会贯通，为他们的今后学习与制作打下良好的基础。
