七年级信息技术 制作简单网页（二）教案 青岛版.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）执行“文件”→“新建”→“网页…”，观察打开的对话框。选择新建各种类型的网页，看一看各种网页的风格有什么不同。想一想哪些是用模板新建的网页，哪些是用向导新建的网页。通过上述方式新建的网页和单击工具栏上的“新建网页”按钮新建的网页有什么区别。教学记录：