初步制作网页

一、教学设计思路

Frontpage是office家族的成员之一，外观都统一，所以在操作上学生相对较熟悉环境。而本节课主要完成网页元素的添加操作，内容比较简单。在教学过程中，故采用任务驱动法和协作学习法指导学生来完成本节课的任务。主要思路：

引入新课――任务教学――分组练习――心得交流――解答质疑――反思总结――课后练习――教学效果反馈

本节课既是熟悉旧知识，又是学生获得新知识、掌握新知识的过程。

二、教学目标和方法

 熟练掌握并能够使用frontpage来制作网页。

 让学生学会认识探究意义、尝试探究方法、培养探究能力。

 培养学生的团队协作能力。

三、教学内容

在网页中完成文字，图片，视频多媒体元素的添加，设置网页背景属性以及保存网页。

四、重点与难点

教学重点：掌握网页属性的设置方法

教学难点：多媒体文件的格式区别

五、教学准备

1.准备制作一篇文件内容为体育明星刘翔的档案word文档，与他的一张照片（格式jpg），一张做网页背景用的图片（jpg），歌曲（mp3），部分广告视频（avi）片段放在一个文件夹内。

2.素材收集整理。包括网络信息查询，图像处理，声音处理，视频剪辑。

3.使用教学控制软件下传素材库。

六、教学过程

【导入新课】时间分配3分钟

师：1：首先打开一个网站，如个人博客，教师qq空间两个网页来分析网页的元素与布局。引导学生观察网页中出现的元素：文字，图片，背景，背景音乐，视频等。

2：问学生愿意在网上安家么。那首先要制作一个网页。调动学习的兴趣。

3：提示使用word能够制作网页，但它的功能非常有限。打开已经制作好word文档，大屏幕投出后，提示只要将word 另存为文件类型为.html格式的文件就可以生成一个简单网页。

4：浏览、分析网页，出现的问题。比如页面比例，多媒体元素格式、位置等发生了哪些变化。我们可以打开这个网页重新编辑。编辑这个网页可以使用Office家族的另一个成员――简单又实用的FrontPage。它强大的功能可制作更丰富、更专业的网页，不但使制作过程变得容易，而且提高了工作效率。这节课我们就学习用FrontPage如何实现一个宣传主页。

【授新课】时间分配22分钟

5：任务提出：（用大屏幕投出）

使用教师提供的素材资料完成以下任务

①启动frontpage 2000，新建站点，新建网页，确认当前模式为普通模式；

②输入自己喜欢的明星或个人简历信息资料，也可复制网站上的文本，并编辑格式，如设置标题，正文文字、段落格式等，使之美观大方；以刘翔为例

③完成第一次保存。

④插入一个图片，如明星肖像照或个人大头照，调整合适的大小。

⑤设置图片的边距，环绕格式等并保存。

⑥插入一段视频。宣传广告或个人誓言。条件为不自动播放。

⑦将一副图像设置为网页背景。添加背景音乐，循环次数不限，增强效果

⑧保存，浏览网页。

6：解决方案和注意问题

引导学生一个个的解决问题，让学生自主完成。老师巡视，指导。

引导学生回顾使用word 来实现类似页面的方法，并结合教材学习怎么来完成页面元素的添加。

① 提示：建立网页时最好先建立站点，将网页及网页的元素文件放在一个文件夹内。

②注意美观性

③保存的时候确认文件路径和类型。

④注意图片的格式，仅能选用支持的图片格式，不能支持的图片需要要图像处理工具如（photoshop，firework）来转换处理，设计网页时可以预定尺寸。

⑤注意保存图片的时候，若添加了非本站点中的图片，程序提示默认将图片保存在站点目录下。

⑥注意视频格式支持选用AVI、ASF，RAM，RA格式，不能支持的格式视频需要用视频格式转换工具转换，若完成视频剪辑，应使用非线性视频编辑工具如（premiere）来完成。

⑦重点解释网页属性的设置

注意背景音乐和背景图片最好使用占用空间较小的文件。音乐最好使用mid文件格式，图片可考虑使用gif格式。

网页属性的其他设置，可增强效果。

⑧保存后可在Frontpage 浏览模式下浏览网页，也可打开网页浏览器浏览。

【分组练习】时间分配14分钟

将全班学生（40）人，5人1组，分8组，每组设组长1名，设计完成作品后由8名组长和老师担当评委，评出最优秀小组。看哪组用的时间短，做的有意义又漂亮。

任务：网页制作主题内容为著名人士或历史人物宣传资料。每组共同制定网页设计方案，然后分布实施。通过Internet网络，搜索文本信息，图片，背景音乐或相关音乐文件，视频等快速制作完成一个网页。

【交流制作心得】时间分配3分钟

怎么使一个网页更有意义，让更多的人关注你的作品。

1：制定网页设计方案，布局，网页主色调的考虑，多媒体素材剪辑等。花费时间60%

2：使用网页制作工具Frontpage或其他工具如Macromedia Dreamweaver，使用相关操作命令来完成元素的添加。花费时间20%。

3：完成网页界面的修饰。包括元素对象的进一步多次的调整编辑。花费时间20%

七、教学总结：时间分配3分钟

【疑问解答与反思】

有的同学可能提出如何实现留言，网页访问次数统计等问题。告诉学生使用网页制作工具提供的操作命令是有限的。Html是一种静态的网页语言格式，即非交互式。若完成还要学会网页动态脚本语言的学习。如ASP，jsp，php。进一步提高学生网页制作的认识水平，增强积极性，进一步探究。大型网站网页，需要具体的人员分工来协作完成。制作网页需要一个强有力的团队，也是一个不断追求完美的过程。

【课堂总结】

总结本节主要内容，强调注意的问题。要求学生熟练掌握操作方法。

【课后练习】完成课本82页实验。预习下一节课的内容。

八、教学评价（课下时间）

【学生自评】根据实际情况使用校园网站教师个人主页提交表单信息。

目       标 掌 握 程 度

A B C D

网页图片的设置        

网页视频的设置        

网页属性的设置        

网页的保存        

多媒体文件格式的转换方法

说明：A为熟练掌握 B为掌握良好  C为基本掌握   D为有所欠缺