网页的美化.docVIP

教 材内 容 网页的美化与特效制作 教 学 目 标 知 识 1. 样式表、样式、动态HTML、ActiveX控件、组件 2. 学会在网页中加载动态组件，实现动态特效。 3. 学会如何在网页中应用样式表，定义样式表。 ?4.对自己和他人制作的网页进行恰当的评价，引起学生对动态特效运用的思考：“什 么时候该用”、“怎样用才好”。 情感 教育 学会从美学角度去欣赏网页。 重 难 点 在网页中设置网页的背景图像、背景声音及在网页中插入图像。? 保存带图像的网页 方法 讲解、任务驱动、合作探究 课前准备 课件 教 学 活 动 过 程 教师活动 学生活动 1. 展示上堂课学生动手制作的第一个网页。 2. 出示两至三个预先制作好的网页（设置了背景、背景音乐及插入了图片）。 3. 提问：更喜欢哪种网页？想不想做出这样丰富多彩的网页？ 4. 导入课题——让网页丰富多彩。二、认定目标： 1. 提问：为什么喜欢第种网页，不同在哪里？ 2. 出示本节课学习目标：学会在网页中设置背景、背景音乐及插入图片和设置图片属性。 三、自主探索： 导入（上机任务1——探索尝试）： 启动FrontPage，打开处于“E:\网页”文件夹中的index.htm网页，完成为此网页设置背景颜色或者是背景图像（颜色、图像自定）； 为此网页设置背景音乐（背景音乐自定）； 此网页中插入一个图像，调整其大小并让其居中显示（插入的图像自定）； 保存网页并预览网页效果。注意：需要的素材位置：——素材文件夹——相应的文件夹中获取。 四、学习内容： （一）设置网页背景： 1. 提问：如何设置网页标题（复习）？ 2. 示范操作设置网页标题——引入“网页属性”对话框——示范操作设置网页背景颜色或背景图案；（二）设置网页背景音乐： 1. 提出任务：如何在网页中设置背景音乐呢， 2. 提问：在什么情况下可以看到设置的网页标题，听到设置的背景音乐？ 3. 小结：设置背景与背景音乐都必须首先打开“网页属性”的对话框，但需选择不同的选项卡，设置背景选择“背景”选项卡，设置背景音乐选择“常规”选项卡。 （三）插入图像与设置图像属性： 1. 图像是区别于文字的另一种表达信息的形式，具有直观和形象化的特点。那怎样在网页中插入图像呢？ 2. 提问：前一段时间学习了在word2000中插入剪贴画或来自文件的图像，请位同学回答如何插入图像？3. 示范操作：在forntpage中插入剪贴画或来自文件的图像（方法相同）。4. 示范操作：改变图像大小及改变图像位置，设置图像的“绝对定位”及设置图像的透明色。5. 示范操作：保存带图像的网页。 6. 小结操作。 展示探索尝试