1、 活动主题活动主题 内容是一个网页的灵魂。美好充实的内内容是一个网页的灵魂。美好充实的内 容能吸引浏览者的视线、抓住读者的心容能吸引浏览者的视线、抓住读者的心, ,虚虚 假空泛的内容则毫无动人之处。在我们的精假空泛的内容则毫无动人之处。在我们的精 心挑选下心挑选下, ,已有了大量的文字、图片甚至是已有了大量的文字、图片甚至是 动画素材。那就让我们来为已经设计好布局动画素材。那就让我们来为已经设计好布局 的网页添砖加瓦的网页添砖加瓦, ,在规划好的区域中插入文在规划好的区域中插入文 字、图片等素材。字、图片等素材。 本节课本节课, ,我们将学习使用图文混排的方式来美化网我们将学习使用图文混排的方
2、式来美化网 页。页。 学习体验学习体验 我们曾学过改变背景色和背景图来美化网页我们曾学过改变背景色和背景图来美化网页, ,就像就像 制作电脑小报和制作电脑小报和PPTPPT演示文稿一样演示文稿一样, ,也可以通过对文也可以通过对文 字、图片插入其他网页素材进行美化。字、图片插入其他网页素材进行美化。 观察观察 对比一下网页版面对比一下网页版面, ,看看填入了文字和图片之前及看看填入了文字和图片之前及 之后的效果。之后的效果。在图在图4 4- -1 1和图和图4 4- -2 2的网页版面中的网页版面中, ,你更你更 喜欢哪一种呢喜欢哪一种呢? ?为什么为什么? ? 一、使用“选择性粘贴”添加文字
3、一、使用“选择性粘贴”添加文字 从其他网页上复制的文字从其他网页上复制的文字, ,如果直接粘贴则会沿用如果直接粘贴则会沿用 其原有的格式。我们可以使用“编辑”菜单下的其原有的格式。我们可以使用“编辑”菜单下的 “选择性粘贴选择性粘贴” , ,如图如图4 4- -3 3所示所示, ,得到的将是没得到的将是没 有经过任何修饰的文本有经过任何修饰的文本, ,这就便于后面我们对网页这就便于后面我们对网页 的排版加工了。的排版加工了。 实践实践 1 1. .从文字资料上选取并复制相关文字资料从文字资料上选取并复制相关文字资料, ,如图如图4 4- -4 4 所示。所示。 2 2. .把文字粘贴于主框架页
4、面的表格中把文字粘贴于主框架页面的表格中, ,如图如图4 4- -5 5所示。所示。 二、在框架网页添加插图二、在框架网页添加插图 把我们收集到的图片素材应用到网页当中把我们收集到的图片素材应用到网页当中, ,可使网可使网 页图文并茂页图文并茂, ,内容更具有感染力。内容更具有感染力。 在框架网页内添加插图的方法与在在框架网页内添加插图的方法与在WordWord文本、文本、PPTPPT 演示文稿插入图片的方法基本相同演示文稿插入图片的方法基本相同, ,请比较在框架请比较在框架 网页中插入图片有什么不同。网页中插入图片有什么不同。 在框架网页的相应位置插入图片操作在框架网页的相应位置插入图片操作
5、: : 单击工具栏上的“插入文件中的图片”单击工具栏上的“插入文件中的图片”按钮按钮, ,在图在图 片对话框中选择恰当的图片插入框架内相应位置片对话框中选择恰当的图片插入框架内相应位置, , 如图如图4 4- -7 7和图和图4 4- -8 8所示。所示。 三、添加其他网页素材三、添加其他网页素材 除了文字和图片除了文字和图片, ,还有其他网页素材可以使用还有其他网页素材可以使用, ,例如例如 FlashFlash动画、动画、FrontFront- -PapePape的组件等的组件等, ,这些元素的添这些元素的添 加加, ,可以使我们的可以使我们的网网页生色不少页生色不少。 在网页中插入在网页
6、中插入FlashFlash动画。动画。 1 1. .选择“插入”菜单下“图片”选项中的选择“插入”菜单下“图片”选项中的“Flash“Flash 影片影片”，并选择相应的动画文件，并选择相应的动画文件, ,如图如图4 4- -9 9所示插入所示插入 FlashFlash影片。影片。 2 2. .插人的插人的FlshFlsh动画并不会直接播放动画并不会直接播放, ,在预览时可以在预览时可以 看到动画效果看到动画效果 四、为框架网页设置背景色四、为框架网页设置背景色 我们已学过如何改变网页的背景色我们已学过如何改变网页的背景色, ,因此因此, ,请将框架请将框架 网页背景色设置成图网页背景色设置成图4 4- -1111所示效果。所示效果。 巩固练习巩固练习 请制作你喜欢并且比较熟悉的少数民族网页并美化请制作你喜欢并且比较熟悉的少数民族网页并美化, , 内容包括简介、习俗、服饰和节庆等。内容包括简介、习俗、服饰和节庆等。 （四）课堂小结（学生自己总结）（四）课堂小结（学生自己总结） 通过这节课的学习，我学会了用图文混排的方式来通过这节课的学习，我学会了用图文混排的方式来 美化网页美化网页
