1、第 1 课 登堂入室 认识 frontpage 教师： 李晓峰 教学目标： 1、理解网站，网页，首页(主页)，导航，超级链接等术语。 2、掌握 FrontPage 的启动/退出，了解 FrontPage 窗口的组成。 3、掌握在 FrontPage 中插入文字和图片的方法，并会保存网 页。 4、了解 FrontPage 的三种网页模式，会预览制作好的网页。 教学重、难点： 1、掌握在 FrontPage 中插入文字和图片的方法，并会保存网 页。 2、了解 FrontPage 的三种网页模式，会预览制作好的网页。 教学课时：1 课时 教学过程： 1、课堂引入： 在学习本册教材前，学生已经能够熟练
2、上网，对网络世界有着 强烈的好奇心和浓厚的兴趣，对于学生来说，网络上那些精彩的网 页具有神秘的色彩，学生想不到有一天自己也可以制作网页。针对 这种情况，在课堂的引入部分，教师可以这样设计: 首先出示几个用 FrontPage 软件制作的网页，请学生欣赏，让 学生讨论这是怎样制作出来的。然后用 FrontPage 软件打开其中的 一个网页，让学生观察窗口，并说一说这个窗口与学习过的哪个软 件相似。由于 FrontPage 与 Word 软件在界面的风格上和功能上有 很多相似之处，因此学生很快能在这个窗口中找到熟悉的面孔。此 时，教师可以告诉学生，这个软件叫 FrontPage ，与学习过的 Wo
3、rd 软件同属于 Office 软件家族的成员，但它的主要功能是制作网页。 由于学生在 Word 软件中对插入文字，图片进行编辑排版的操作非常 熟练，因此可以采用自主探究的学习方式让学生认识 FrontPage。 教师可以给出制作网页的素材，让学生尝试在 FrontPage 中输入文 字，插入图片。让学生在学习这个软件的初始，自己去探索这两个 软件的相同与不同。 2、重点内容： 在学习本课前，学生已经掌握 Word 软件的使用，而本节课是初 步认识 FrontPage 软件，因此本节课可以把重点放在让学生通过已 掌握的知识来初步分析 FrontPage 与 Word 的相同与不同，这样可 以减
4、少学生对学习新软件的陌生感，尽快熟悉新软件，降低学习的 难度，同时也培养了学生自主学习的能力。 相同:常用工具栏与格式工具栏中的大部分工具都一样，编辑文 字和图片的方法一样。 不同:与 Word 软件相比，FrontPage 窗口多了视图栏;在编辑区 左下角有三种网页模式;保存网页文件时，图片是采用嵌入式保存的， 即同一个网页中的图片和文字被分开保存。 当然，Word 与 FrontPage 的不同还有很多，对比两种软件的不 同可以贯穿在整册教材的学习中。用对比的方法学习，会让学生知 道，很多软件的一些操作都具有相同的地方，掌握这种学习方法， 会提高学生自主学习的能力，对学习新知识起到事半功倍
5、的效果。 3、归纳提高： 本节课涉及到的知识可以归纳为以下几点: (1)理解网站，网页，首页(主页)，导航，超级链接等术语。 (2)FrontPage 是一种制作网页的软件，由于它与 Word 同属于 Office 家族的成员，与 Word 软件在许多地方相似，如编辑图文等， 以及它具有所见既所得的特点，因此很容易被掌握。 (3)掌握 FrontPage 的启动/退出，了解 FrontPage 窗口的组成。 (4)FrontPage 有三种不同的网页模式:普通，预览和 HTML。在 普通模式下可以编辑网页，在预览模式下可以预览网页效果，在 HTML 模式下可以看到网页的 HTML 代码。 (5
6、)掌握在 FrontPage 中插入文字和图片的操作，并会保存网页。 需要注意的是，网站中的文件夹和网页的名称通常使用英文，汉语 拼音来命名。 (三)教学补充： 1、到下面几个网站去欣赏一些精彩的网页。请你观察网站的首 页，看看首页上一般都包含哪些信息。 东方少年 雏鹰网 e 童网 毛毛先锋网 儿童综合网 2、在 FrontPage 中插入“来自文件“的图片时，与 Word 有些不 同: 执行“插入“图片“ “来自文件“命令，弹出“图片“对话框， 在这个对话框中提供了四种获取图片的方式，从计算机上选择一个 文件 使用 web 浏览器来选择网页或文件 打开剪贴画库， 插入剪贴画 通过照相机或扫描
7、仪获取图片 第 2 课 蓝图设计 个人网站规划 教师： 李晓峰 教学目标： 1、根据自己站点的主题，会对自己的站点进行规划，设计。 2、会通过多种途径收集资料。 教学重、难点： 1、根据自己站点的主题，会对自己的站点进行规划，设计。 2、会通过多种途径收集资料。 教学过程： 1、课堂引入： 请同学们欣赏几个网站的首页，并以学习小组为单位讨论首页 一般包含哪些信息。由此引出要规划个人网站，需要从哪几方面入 手。 规划个人网站，主要包括网站名称，网站栏目及主要内容，还 要考虑应准备哪些素材，收集的素材一定要围绕网站的主题。 由于制作一个网站工程比较大，可以采用小组分工合作的方式 进行。组内的同学共
8、同商讨确定网站名称，结构，然后分工收集相 关资料，并进行分类汇总。通过这种方式不但可以节省时间，还可 以培养学生合作的能力。 2、重点内容： (1)规划网站。对于学生来说，建设一个网站，是一件比较浩大 的工程，要完成这个任务，学生会感觉到无从入手，不知道怎么做， 因此本节课的重点之一是规划网站。通过规划网站，让学生了解制 作网站的过程。 规划网站的过程是:确定网站名称规划网站的结构收集 素材。网站的名称相当于网站的主题，网站中的所有内容都要围绕 这个主题来设计，所以确定了名称，也就确定了网站的大方向。网 站的结构指的是网站中的网页存在的层次关系。一个网站是由很多 网页组成的，网页之间存在着层次
9、关系:主页是最顶层，主页的下一 层是网站的各个栏目，各栏目又能细分，构成第三层，甚至更多层， 如下图所示。 3、归纳提高： 本节课涉及到的知识可以归纳为以下几点: (1)在创建网站前，一定要对网站的内容，结构等进行规划，并 画出网站结构图，使网站层次分明，条理清楚，并确定各个网页的 内容。 (2)根据网站的结构收集相关的素材，收集素材的途径有多种， 可以利用素材光盘，数码相机拍摄，网上下载等方法获取文字，图 片，视频，声音，动画等资料。 (3)为了便于管理收集到的素材，我们可以把它进行分类整理， 放在不同的文件夹中。分类的方法有两种，一是根据网站的栏目创 建文件夹，二是根据素材的类型创建文件夹
10、。 教学补充： 收集到的资料可以根据需要进行适当的修改。如获取的文字资 料，可以在 Word 软件中进行编辑修改;获取的图片资料可以用 Windows 操作系统自带的画图软件进行修改，也可以用 Photoshop 等专业绘图软件进行修改，加工;获取的声音资料，可以用 Windows 操作系统自带的录音机进行修改，或用超级音频解霸等专业处理声 音的软件进行修改;获取的视频资料可以用超级解霸，绘声绘影等软 件进行加工处理。 第 3 课 花园之匙 创建个人网站 教师： 李晓峰 教学目标： 1、理解网站站点的概念，掌握创建站点的操作。 2、会用表格规划网页的版面。 3、会在表格中插入文字和图片，会设置
11、单元格中的文字格式， 会设置文字和图片在单元格中的对齐方式。 4、会保存网页，并将网页中的图片保存到 images 文件夹中。 5、培养学生自学与合作学习的能力。 教学重、难点： 1、会在表格中插入文字和图片，会设置单元格中的文字格式， 会设置文字和图片在单元格中的对齐方式。 2、会保存网页，并将网页中的图片保存到 images 文件夹中。 教学过程： 1、课堂引入： 创建站点对于学生来说并不是难点，如何规划网页的版面，对 于学生来说难度更大。因此在课堂引入部分，可以这样设计： (1)创建网站站点： 在 FrontPage 中提供了 8 种站点类型，我们可以根据需要选择 不同的类型。需要注意的
12、是，在“指定新站点的位置“框中，需要输 入站点的位置和名称，如输入“d:web“，“d:“表示位置在“D 盘“上， “web“表示站点的名称，位置和名称之间用“隔开，不要错输入成 “/“。 (2)用表格规划网页的版面： 创建站点对于学生来说是重点，但不是难点。如何规划网页的 版面，对于学生来说难度更大。因此本节课的难点放在如何规划网 页的版面上。 可以应用表格很好地控制文字和图像在页面上出现的位置，把 文字和图像规范地按照行或列对齐，使整个页面看上去紧凑而统一， 非常美观大方。而表格对于学生来说并不陌生，在 Word 软件中已经 学习过，这就使学生感觉到制作网页的难度大大降低了。 本节课涉及到
13、的知识可以归纳为以下几点: (1)创建网站站点，选择“只有一个网页的站点“类型。 (2)通过“文件夹列表“打开要编辑的网页，了解网站的建设情况。 (3)用表格来规划网页的版面。根据网站结构对插入的表格进行 拆分，合并单元格，设置行高，列宽，插入或删除行，列等。 (4)在单元格中插入文字和图片，设置单元格中的文字或图片的 对齐方式，设置文字的字体，字号，颜色等。 (5)在 FrontPage 中，当网页包含图像元素时，这样的网页被保 存时，图片是采用嵌入式保存的，即同一个网页中的图像和文字被 分开保存。通常要将所有的图片保存在 images 文件夹中，这样有助 于使站点的结构更加清晰，便于管理。
