第12课 设计框架网页参考教案

第12课 设计框架网页 一、教学目标 1．了解框架网页的基本概念和用途。 2．了解网页设计的一般流程，能根据素材规划网页结构。 3．能用“网页模板”中的“框架网页”创建“标题页脚和目录”型框架网页。 二、教学重点和难点 1．教学重点： (1)了解网页设计的一般流程，能根据素材规划网页结构。 (2)了解框架网页的概念，能用“网页模板”中的“框架网页”创建“标题页脚和目录”型网页，理解和运用框架网页布局技术。 2．教学难点：能用“网页模板”中的“框架网页”创建“标题页脚和目录”型网页，理解和运用框架网页布局技术。 三、教学准备 1．教学环境：电脑教室，FrontPage 2003，多媒体转播控制系统。 2．教学资源：设计框架网页.ppt，“防震减灾专题网站”作品及素材。 四、教学过程 教学环节 教师活动 学生活动 设计意图 一、欣赏作品，导入新课（5分钟） 1．展示教材第67～68页的图12-1和图12-2所示的网页，引导学生认识框架网页。(l)图12-1所示的植物博物馆网页窗口被分成三块区域：上框页头区域、左框目录导航区域、右框内容区域。(2)图12-2所示的昆虫博物馆网页窗口分成两块区域：左框目录导航区域，右框内容区域。2．小结并出示课件：框架是另一种网页布局 技术。所谓框架，就是它可以将浏览器分割成几个小区域，每个区域相对独立，可以显示不同的网页内容，这些区域就称为框架，利用框架制作的网页，就叫作框架网页，框架网页是一种特殊的HTML网页。3．出示课题：设计框架网页。 欣赏用框架网页布局技术制作的网页。认真听讲。 通过欣赏框架网页，让学生初步认识框架网页的结构及其优点，调动学生的学习兴趣和求知欲。 二、设计框架网页（25分钟）} 1．确定主题。(1)讲授：主题是作品创作的方向，有了主题 ，才知道要做些什么，才能考虑需要什么素材。(2)常用的主题有：学习生活，身边的事，学校举办的活动，环境保护，科普信息，低碳生活，家乡文化……(3)想一想，说一说你的主题。2．收集和处理素材。(1)引导学生回忆用Word设计小板报时，图片素材和文字素材可以从哪些渠道获取。(2)根据学生的回答小结并板书。①图片素材：相机拍摄、网络下载、手工绘制、扫描…”②文字素材：自己原创，采用别人的材料。(3)提示：注意知识产权问题。3．规划网站结构。出示教材第69页的图12 -3，以“防震减 灾专题网站”为例，根据收集的素材，规划的网站结构如图12-3所示。“防震减灾专题网站”包含应急避险须知、逃生手册、漫谈地震演习、地震波及类型、地震的直接灾害、地震震级这六个方面内容。4．创建框架网页。(1)演示创建框架网页的步骤并解释每一个框架中都有“设置初始页面”和“新建网页”两个按钮，将文件保存为“index．htm”。(2)布置任务：创建框架网页并保存。(3)求助方式：①阅读教材第70～72页的内容。②组内与同学讨论。③举手问老师。(4)拓展任务：完成教材第72页的创新活动，发挥自己的想象力和创造力，设计以“我的童年”为主题的框架网页。 认真听讲。回答问题。运用求助方式，练习创建框架网页并保存。 通过教师的讲授，让学生了解网页设计的流程一般包括确定主题、收集资料、规划网站、制作网页等。将创新活动设置为拓展性任务，满足不同层次学生的需求，既巩固了课堂纪律，又使能力强的学生得到发展与提高。 三、总结与评价（10分钟） 1．展示完成的网页作品。 2．引导学生说一说。(1)在制作过程中遇到什么困难，是怎样解决的？(2)这节课有什么收获？3．评一评：填写教材第72页的活动评价表。4．小结：今天这节课，通过制作“防震减灾专题网站”，初步认识了框架网页布局技术在网页制作中的作用，了解了网页设计的一般流程，感受Front-Page软件制作网页的强大功能，同学们任务完成得很出色，希望同 ... ...