第十二课制作网站首页和框架（教学案）

《第十二课制作网站首页和框架（教学案）》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、第十二课制作网站首页和框架龙泉同安小学陈刚二次修改：龙十小袁超教材分析木课是四川省小学信息技术教材小学六年级上册第十二课的内容，主要学习使用FronlPage软件制作首页和框架。从本课开始学习网站制作软件一一FrontPage软件，它与过去学过的Word>PowerPoint等都是Office软件大家庭的一员。本课通过欣赏成都市龙泉驿区第十小学的网站，引起学生的学习兴趣，激发学习者制作网站的欲望。通过观察，对比，引导学生将Word.PowerPoint中学过的知识迁移到学习FrontPage软件中；教材的第二部分的设置是操作活动，让

2、学习者自主探究、动手实践；教材第三部分是在完成第二部分一一网站首页框架的制作之后，对首页进行页面美化，旨在培养学生的审美能力、想象力和创造力。本课延续了上节课学生制作的《个人网站制作规划表》，同时也是下一课要制作的几个子页面的主页，因此本课在网站制作环节中不可或缺。所以本节课先展示出成都市龙泉驿区第十小学的网站引起学生的兴趣，同时渗透审美，展示教师的简单网站作品，是为学牛设定一个合适高度的任务，减少学生的畏难情绪，鼓励学习者制作出个性的简易网站。学情分析此阶段的学生在之前学习过Word、PowerPoint等软件，因此有足够的基础知

3、识来自我学习、认识FrontPage软件。在制作网站首页框架过程中，将Word知识迁移到本课中也较为容易，掌握FrontPage2003制作网页的一般方法也可以在引导下轻松完成。当然，小学六年级学牛在色彩搭配和网页设计的艺术性、网页布局等方面有一定的难度，对学习者审美能力有一定要求。学习目标1・知识与技能：理解个人网站首页的基本构成；了解制作网页的软件，掌握FrontPage2003网页文本编辑和图片插入方法，以及网页背景的设置方法。2•过程与方法：先让学生观摩一些漂亮、有个性特色的首页，然后任务驱动，让学生参考教材，互助学习，自主

4、学会知识与技能，实现首页的制作。3•情感、态度、价值观：培养学生的审美能力和创造能力，在小组协作学习中，培养学生的团队精神。学习重点1•理解个人网站的基本组成和网页框架布局；2•学习FrontPage2003制作网页的一般方法（重点是文本格式、图片、背景）；学习难点1・首页的艺术性与个性布局，色彩的搭配；2.图片的插入和背景的设置。教学准备多媒体网络教室、相关图片及文档素材学习过程学生活动教师活动5分钟金山打字练习（文章练习）一、创设情景，引入课题：龙泉驿区第十小学网站师：老师今天给大家带来了一个礼物，它是一个漂亮的网站，它就是我们

5、学校的网站一一“成都市龙泉驿区第十小学”，请同学们欣赏。学牛尝试回答：你知道有哪些软件可以用来制作网页吗？上节课我们已经规划了自己的网站，并且搜集了素材，这节课咱们来动手制作网站的首页。教师引入：其实好多字处理软件都可以设计网页，如Word中，利用“另存为web页”就可以将文档保存为网页，有些图像处理软件如PhotoShop也可以制作网页，windows"记事本”也可以制作网页不过FrontPagc和Drcamweaver却是最方便的网页制作软件，因为它们不仅可以制作网页，而且能方便地设计和管理网站，很适合入门学习。我们先学习用Fr

6、ontPage2003制作网站的首页。师引入：FrontPage与Word的操作非常相似，请同学们用鼠标试探FrontPage网页编辑窗口二、合作探究、认识界面任务一：认识FrontPage20031•学生探究：用以前学过的打开软件的方法,在“程序”中找到并打开"Frontpage"。界面上各部分的名称，了解各按钮的作用，小组内进行交流，说说与Word窗口有哪些异同。2、同桌两人一小组，左侧同学电脑屏幕上呈现Word软件界面、右侧同学电脑上呈现FrontPage界面，将二者进行对比，观察异同。3、抽2飞个小组代表交流讨论结果4、学生

7、练习：在“学习材料”文件夹中打开名为“web-1”的文件夹，使用FrontPage软件打开index,htm网页，试探一下左下角四种编辑视图模式按钮的效果。

8、□设计

9、已拆分回代码Q预览设计：编辑网页模式拆分：拆分为两个窗口，上面是代码窗口，下面是编辑网页窗口代码：编辑代码模式师小结：适时展示FrontPage界面并辅助说明。重点指出新建、保存、插入、预览等菜单或按钮的位置和功能。预览：模拟网页在浏览器中的显示效果，和PowerPoint的“幻灯片放映”相似。三、自主学习、制作首页师引入：在我们动手制作网页前,我们应当考虑好网页的布局

10、和内容，个人网页的布局就像办小报一样，没有同定的格式，完全可以由我们自己大胆地进行设计。（教师利用广播展示几个风格不同的个人主页，让学生注意观察主页的内容版块布局）打开名为“web-1”的文件夹，双击打开index.htm网页，观察老