一、欣赏作品导入新课
1、展示上节课制作的学校通知网页作品（说明是用表格来规划网页的布局）
2、展示“华南虎”专题网页作品，引导学生认识框架网页。 师：谁来说说今天看到的网页有什么特点?
肯定学生的答案，从而引出课题——设计框架网页。 二、合作探究，制作“华南虎”专题网 （一）教师讲解框架网页的概念。
框架网页是一种网页布局技术。所谓框架，就是它可以将浏览器窗口分割成几个小区域，每个区域相对独立，可以显示不同的网页内容，这些区域就称为框架，具有这种功能的网页就叫框架网页。框架网页是一种特殊的HTML网页。
（二）创建框架网页
（1）师：出示教材P67图12-1，框架网页中相同内容的部分都可以独立出来，如图所示的上框、左框和下框，能为我们减少很多重复的工作，提高网站建设的效率，也有利于修改与维护。
（2）师：看了同学们刚才做练习的情况，老师将创建框架网页的过程演示一遍，请同学们认真看演示。
步骤：
（1）在FrontPage软件中打开D盘中的“第12课”文件夹中的“网站案例”。
（2）单击“文件” —＞“新建”—＞“网页”—＞“框架网页”—＞“标题、页脚和目录”—＞“确定”，出现P69图12-4所示的框架结构。（解释每一个框架中的“新建网页”和“设置初始页面”两个按钮。
（三）设置框架属性
（1）右击框架弹出快捷菜单选择“框架属性”，打开“框架属性”对话框，介绍框架名称、控制框架边界的大小及是否用滚动条。
（2）在对话框中，单击“框架网页”按钮，打开“网页属性”对话框如P70图12-6所示，单击“框架”选项卡，定义“框架间距”和取消“显示过框”
（3）学生操作：创建框架网页和设置框架属性 （四）设定初始页面
（1）打开框架网页时，第一次出现在框架内的网页叫初始网页，如何设定初始网页呢？
（2）出示“华南虎”网站的初始网页，以小组为单位，设置初始网页。（不懂的同学，可以看书P71，可小组内讨论，也可问老师）
（3）反馈学生设置初始网页的情况 （五）组织框架间的调用关系
（1）回顾如何在导航菜单中设置超链接。
（2）教师演示并说明框架间的调用关系完，学生操作设置导航菜单中超链接。
完成较好的学生作品，点评其操作。并让这些学生担任老师的小助手，帮助那些学习有困难的同学。
（六）保存框架网页
1、单击常用工具栏中“保存”按钮，弹出“另存为”对话框，对话框的右侧显示框架的示意图，框中蓝色的部分即为当前要保存的框架。
2、在“文件名（N）”框中输入文件名，单击“保存”按钮。 3、按提示保存框架中的所有网页。 教师巡视，并进行个别辅导。 三、总结与评价
（1）结合实例进行归纳总结。 1.框架网页的特点 2.制作框架网页的大致步骤
（2）你对你这节课的表现满意吗？你认为这节课我们班谁表现得很出色？
四、拓展延伸
有兴趣的同学可以上网收集“2010年上海世博会”相关资料。利用收集到的资料，用框架网页制作一个介绍“2010年上海世博会”的网站。 教学反思：
第13课 设计个人网站
教学目标：
1.了解个人网站的基本特点，掌握规划个人网站的方法。
2.能够利用网站模板创建个人网站，正确理解与认识个人站点模板的结构。
3.在设计和制作过程中学生探究学习的能力和创造精神的培养。 教学重点：
了解个人网站的基本特点，能够利用网站模板创建个人网站。 教学难点：
正确理解与认识个人网站模板的结构。 课时安排：
1课时 教学过程：
一、欣赏作品，导入新课（5分钟）
1.展示教材中提供的“阳光男孩”、“吴晖的世界”个人网站，引导学生思
考问题：
（1）网站的主题是什么？ （2）网站从哪几个方面体现主题？ 2.根据学生的回答板书：
（1）以介绍自己或以个人信息为中心的网站。
（2）阳光男孩：自我介绍、优秀作文、美丽的图画、与我联系。 吴晖的世界：主页、关于我、兴趣、收藏夹、作品集、反馈。 3.出示课题：第13课《设计个人网站》
4.引导学生阅读教材P73-74的开阔视野，并思考：网站建设需要做好哪些准备？
5.引导学生反馈。
1.教师演示新建个人网站的步骤：新建—>网站—>个人网站—>确定。 2.出示教参P75图13-5，介绍个人网站的结构：主页下面有5个子页，分别是自序、兴趣、收藏夹、图片库、反馈。
二、个人网站（3分钟）
1.引导学生以小组为单位，自主探究修改网页主页的标题、更换图片、修改网页文字内容的方法。
2.引导学生反馈。
3.根据学生的反馈演示并小结如下： （1）修改网页标题：
双击网页上方的长方形横幅，在弹出的“网页横幅属性”对话框中输入“吴晖的世界”，单击“确定”按钮，保存。
（2）更换图片：
在“设计”视图下，双击图片，打开“图片属性”对话框，在“常规”选项卡中，单击图片后面的“浏览”按钮，更换图片，单击“确定”按钮，保存。
（3）修改文字内容：
删除网页中不要的文字，替换成自己想要的内容，并进行适当的修饰处理。 三、修改完善（7分钟）
1.创建个人网站，根据自己的需要对网页的主页及其它的子页进行修改完善。
2.求助方式：
（1）阅读教材P74-77。 （2）小组内与同学讨论。 （3）举手问老师。 3.播放背景音乐。
四、整理、美化、预览、保存网页
1.教师演示修饰美化网页：格式—>主题—>选择合适的主题。 2.预览，保存。
五、布置任务（10分钟）
1．布置任务：根据自己个人网站的特点，选择合适的主题修饰站点内所有的网页文件。
2．根据自己设计的个人网站的结构，填写教材P78的个人网站规划表。 六、总结与评价
1.展示个人设计的网页、个人网站的规划表，引导学生说一说： （1）个人网站的名称是什么？主要栏目有哪些？ （2）简单说说建设个人网站的一班流程。 （3）在制作过程中遇到什么困难，是怎么解决的？ （4）这节课有什么收获？
2.评一评：完成教材P78的活动评价。
3.教师小结：今天这节课，通过对个人网站的设计与制作，了解Frontpage网页制作中个人网站模板的结构与应用，感受Frontpage网页制作的强大功能，同学们任务完成得很出色，希望同学们大胆地运用所学的制作技术，设计出更