第十二课 制作网站首页和框架（六上）.docVIP

第十二课制作网站首页和框架1、知识与技能理解个人网站首页的基本构成了解制作网页的软件，FrontPage2003的界面各部分名称、按钮作用。 ③掌握网页文本编辑和图片插入背景的设置方法2、过程与方法先让学生一些漂亮、有个性特色的首页，然后FrontPage，让学生自主探究认识FrontPage的界面。 ③本课教学以任务驱动，让学生参考教材，互助学习，自主学会知识与技能，实现首页的制作。 3、情感、态度、价值观培养学生的审美能力和创造能力，在小组作学习中，培养学生的团队精神。 四、重点 教学重点：1、理解个人网站的基本构成和网页框架布局 2、学习FrontPage200制作网页的一般方法（重点是文本格式、图片、背景）教学难点： 1、首页的艺术性与个性布局，色彩的搭配 2、图片的插入和背景的设置。 教学准备： 多媒体网络教室、/ 花蝶谷　/student/ 好看吗？ 经过本课的学习，相信大家也会做出好看的个人网站首页。 翻书、看书 回答问题 第十二课 制作网站首页和框架 欣赏 感受美 好看 回答问题 充分利用教材，让学生说出课题以加深印象,知道学习内容。 激发学生的兴趣，调动起积极性。 鼓励学生 学习新知 环节（一）了解网页制作常用软件 你知道有哪些软件可以用来制作网页吗？多字处理软件都可以设计网页，如word中，利用“另存为web页”就可以将文档保存为网页，有些图像处理软件如PhotoShop也可以制作网页，windows“记事本”也可以制作网页……不过FrontPage和Dreamweaver却是最方便的网页制作软件，因为它们不仅可以制作网页，而且能方便地设计和管理网站，很适合入门学习。我们学习用FrontPage200制作网站的首页。FrontPage界面 一、布置任务 任务一：1、打开FrontPage2003 　　　　2、试探FrontPage网页编辑窗口界面上各部分的名称，了解各按钮的作用，Word对比。打开一个已经做好的网页，试探一下三种编辑视图模式按钮的效果。（教师事先下载一个简单的网站首页发送给学生，让学生自主操作）FrontPage 的方法 　　2、师生问答，抽1个小组代表报告探究结果。教师展示FrontPage界面并辅助说明。重点指出新建、保存、插入、预览等菜单或按钮的位置和功能。 FrontPage图标鼠标双击打开 　　2、各部分的名称/ 杭州青年旅舍 / 艾艾在线 /cool/7910.html 人生驿站 / 结合你看到的优秀个人网站首页或书上Ｐ88的内容，说 说网站首页应当包含哪些内容？网站名称、栏目、主题介绍、作者姓名等内你能形象地描述以上网站“厂”字型“口”字型“同”字型“三”字型“Ｔ”字型“国”字型“匡”字型Flash动画型标题与文本型型……在空白位置FrontPage基础上的具体操作实践 通过具体任务的驱动让学生一步步搭建起首页框架 小组合作关注个体差异，培养团队精神。 再现实践过程 发挥小老师的作用 让差生跟上来 取长补短 概括知识点，加深学生理解。 抛出问题 寻找解决方案 任务三是在任务二基础上的深化 通过完成此任务，达到美化主页的效果 再现实践过程 发挥小老师的作用 让差生跟上来 不拘泥于课本知识 适当拓展 养成好习惯 作品展示 评价 选择二份小组作品进行全班集体展示、评价 其余作品组内互评 标准： 1、栏目分配和布局　　25分 2、文字内容及效果　　25分 3、背景色彩搭配　　　25分 4、图片使用教学反思制作网站首页和框架FrontPage和Dreamweaver是方便的网页制作软件，因为它们不仅可以制作网页，而且能方便地设计和管理网站，很适合入门学习FrontPage设计网页的目的所在。 为引导学生更好地学习新软件，教师通过观察比较、自主探究、任务驱动等方法，通过让学生自己动手对三种编辑视图模式按钮的效果FrontPage款软件与微软公司的其它软件具有相通性，其设计视图更适合初学者，而代码视图则适合网页制作专业人员，这为后面的网站首页设计作好铺垫，并且打消了学生的畏难情绪。最后通过各种网站首页布局的展示，教师与学生互动，在互动中让学生认识了常用的网站首页布局。 在教学过程中，教师首先对一些重要环节比如文件的保存位置、首页文件的命名进行了着重提示。随后，通过一个个小任务方式，充分调动了学生的学习积极性，并且在每一个任务后都有拓展和加深，这对部分学习能力较强的学生具有很好的引领作用，有助于学生自主学习能力的培养。 本课的作品展示环节设计很好，非常适合该年龄段学生的特点，通过展示学生的优秀作品，能够激发起学生的学习兴趣和创作欲望。有一个小的建议，对于学生的作品最好不以分数形式呈现，特别是一些表现欠佳的作品，也应以鼓励为主，或用委婉的说法暗示。另外，在今后的课堂教学中