七年级信息技术 制作简单网页（二）教案 青岛版.doc

§8.1制作简单网页（二）总课时数：17本节课时：2节课程名称：§8.1制作简单网页（二）教学重点难点：①FrontPage的启动和界面设置。②在FrontPage中输入和编辑文字。③在FrontPage中预览网页效果。④在FrontPage中保存编辑的网页。参考内容：①清华大学出版社出版谭浩强主编的《高中信息技术》（第二册）②清华大学出版社出版范承松王华云雷编著的《深入剖析Flash5.0》教学内容（教学内容和相关板书）：※号表示要根据学生和当时教学时间安排情况选择讲和不讲的（留做自己阅读）§8.1制作简单网页（二）归纳总结网页其实是用HTML（hypertextmarkuplanguage超文本标记语言）编写的文本文件。HTML规定网页上内容的显示位置和方式（用记事本打开某个网页文件就可以看到HTML了）。浏览器（如IE）能解释网页文件中的HTML语言并按照HTML的要求显示网页的内容但FrontPage提供了一种“所见即所得”的方式来编辑网页制作者可以根本不必知道HTML就能制作出漂亮而且相当专业的网页。当然掌握一些HTML知识可以使你的网页锦上添花。在FrontPage中输入和编辑文字以及保存编辑的网页与WPS的操作基本相同。只是在FrontPage中默认的情况下段与段之间的距离比较大这时按Shift键＋回车键就可以只换行而不分段。在FrontPage中预览网页的实际效果有两种方法一种是在FrontPage编辑器中模拟浏览效果一种是在真正的IE浏览器中浏览效果。知识拓展制作网页的其他工具介绍制作网页的工具很多下面再介绍两种其他的网页制作工具：（1）HotDogProfessionalHotDog的特色之一是提供了许多向导工具帮助设计者制作网页中的复杂部分。它适合那些希望在网页中加入大量Java、CSS等技术的设计者。（2）Dreamweaver它是一个所见即所得的网页制作工具。它除了有强大的多媒体网页设计功能还与其他图像编辑软件（如Fireworks、Flash）等紧密结合功能自然更加强大深得众多设计者的青睐。思考与练习（1）打开FrontPage看一看它提供的界面。试着调整它的界面最后再把界面调整还原。（2）在FrontPage中新建一个网页输入以下文字：“这是我的第一个网页欢迎大家光临”。设置自己喜欢的字体、字号。把这个网页保存在“我的文档”中文件名为“Welcome.htm”网页的标题是“欢迎光临”。先用编辑模式中的“预览”看一看效果然后用IE浏览器看一看效果。最后退出FrontPage。（3）执行“文件”→“新建”→“网页…”观察打开的对话框。选择新建各种类型的网页看一看各种网页的风格有什么不同。想一想哪些是用模板新建的网页哪些是用向导新建的网页。通过上述方式新建的网页和单击工具栏上的“新建网页”按钮新建的网页有什么区别。教学记录：