《制作网站首页和框架》参考教案

PAGEPAGE1第十二课制作网站首页和框架教材分析本课是四川省小学信息技术教材小学六年级上册第十二课的内容，主要学习使用FrontPage软件制作首页和框架。从本课开始学习网站制作软件——FrontPage软件，它与过去学过的Word、PowerPoint等都是Office软件大家庭的一员。本课通过欣赏成都市龙泉驿区第十小学的网站，引起学生的学习兴趣，激发学习者制作网站的欲望。通过观察，对比，引导学生将Word、PowerPoint中学过的知识迁移到学习FrontPage软件中；教材的第二部分的设置是操作活动，让学习者自主探究、动手实践；教材第三部分是在完成第二部分——网站首页框架的制作之后，对首页进行页面美化，旨在培养学生的审美能力、想象力和创造力。本课延续了上节课学生制作的《个人网站制作规划表》，同时也是下一课要制作的几个子页面的主页，因此本课在网站制作环节中不可或缺。所以本节课先展示出成都市龙泉驿区第十小学的网站引起学生的兴趣，同时渗透审美，展示教师的简单网站作品，是为学生设定一个合适高度的任务，减少学生的畏难情绪，鼓励学习者制作出个性的简易网站。学情分析此阶段的学生在之前学习过Word、PowerPoint等软件，因此有足够的基础知识来自我学习、认识FrontPage软件。在制作网站首页框架过程中，将Word知识迁移到本课中也较为容易，掌握FrontPage2003制作网页的一般方法也可以在引导下轻松完成。当然，小学六年级学生在色彩搭配和网页设计的艺术性、网页布局等方面有一定的难度，对学习者审美能力有一定要求。学习目标1.知识与技能：理解个人网站首页的基本构成；了解制作网页的软件，掌握FrontPage2003网页文本编辑和图片插入方法，以及网页背景的设置方法。2.过程与方法：先让学生观摩一些漂亮、有个性特色的首页，然后任务驱动，让学生参考教材，互助学习，自主学会知识与技能，实现首页的制作。3.情感、态度、价值观：培养学生的审美能力和创造能力，在小组协作学习中，培养学生的团队精神。学习重点1.理解个人网站的基本组成和网页框架布局；2.学习FrontPage2003制作网页的一般方法（重点是文本格式、图片、背景）；学习难点1.首页的艺术性与个性布局，色彩的搭配；2.图片的插入和背景的设置。教学准备多媒体网络教室、相关图片及文档素材学习过程学生活动教师活动5分钟金山打字练习(文章练习)一、创设情景，引入课题：龙泉驿区第十小学网站学生尝试回答：你知道有哪些软件可以用来制作网二、合作探究、认识界面任务一：认识FrontPage20031.学生探究：用以前学过的打开软件的方法，在“程序”中找到并打开“FrontPage”。2.同桌两人一小组，左侧同学电脑屏幕上呈现Word软件界面、右侧同学电脑上呈现FrontPage界面，将二者进行对比，观察异同。3、抽2~3个小组代表交流讨论结果4、学生练习：在“学习材料”文件夹中打开名为“web-1”的文件夹，使用FrontPage软件打开index.htm网页，试探一下左下角四设计：编辑网页模式拆分：拆分为两个窗口，上面是代码窗口，下面是编辑网页窗口代码：编辑代码模式预览：模拟网页在浏览器中的显示效果，和PowerPoint的“幻灯片放映”相似。三、自主学习、制作首页打开名为“web-1”的文件夹，双击打开index.htm网页，观察老师做的index.htm网页，该网页由什么构成？生答：文字、图片任务二：制作网站首页1.新建一个网页，根据上节课自己拟订《个人网站制作规划表》，在空白位置输入网站名称、栏目名称、主题介绍、作者姓名等内容。2、仿照Word的操作，利用格式栏中的工具按钮，设置改变文字效果，师鼓励学生在设计时要展示出自己的个性。小组内交流：我是怎样使文字格式更美的。3、保存主页文件教师指导学生保存时，首页应保存为index.htm或default.htm，保存的位置是上节课所规划的网站文件夹。

任务三：美化网页1.说一说老师的这两个网页有什么不同。生：除文字、图片外，背景色不一样。2.试一试：改变网页的背景和插入图片学生阅读课本89页或参照帮主材料中的“改变网页背景颜色”，独立试探完成背景颜色效果的设置。进一步尝试和交流：除了使用色彩作为背景，还可以怎样美化背景？能用图片作为背景吗？试试看，怎样才能办到？Frontpage能像Word一样插入图片吗？试试看。提示：参照帮主材料中的“在网页中插入图片”3、怎样设置背景效果？怎样插入图片和调整大小？四、自我小结、组间互评通过本节课的学习，你的网站首页做好了吗？向大家介绍你的首页中都做了哪些内容？你对自己作品的哪一方面最满意呢？小组互评网站首页。评价人签字栏目分配和布局25背景色彩25文字效果25图片使用25总分100

平均分

五、课外欣赏、拓展延伸1.迪士尼中国网站：/index.shtml神奇的迪士尼世界。通过度假村网上游览华特迪士尼世界，亲眼目睹奇妙的度假乐园。商品屋、游戏屋等栏目同样精彩。2.红泥巴村网站：/红泥巴村是儿童教育资料网，它献给孩子网络童话，它还是首届安徒生故事大王大赛指定网站。3.中国科普网站：/介绍各种各样的科普知识，万物之理、星宇迷尘、地球故事、生命奥秘一应俱全，带我们去敲开神奇的科学之门。师：老师今天给大家带来了一个礼物，它是一个漂亮的网站，它就是我们学校的网站——“成都市龙泉驿区第十小学”，请同学们欣赏。上节课我们已经规划了自己的网站，并且搜集了素材，这节课咱们来动手制作网站的首页。教师引入：其实好多字处理软件都可以设计网页，如Word中，利用“另存为web页”就可以将文档保存为网页，有些图像处理软件如PhotoShop也可以制作网页，windows“记事本”也可以制作网页……不过FrontPage和Dreamweaver却是最方便的网页制作软件，因为它们不仅可以制作网页，而且能方便地设计和管理网站，很适合入门学习。我们先学习用FrontPage2003制作网站的首页。师引入：FrontPage与Word的操作非常相似，请同学们用鼠标试探FrontPage网页编辑窗口界面上各部分的名称，了解各按钮的作用，小组内进行交流，说说与Word窗口有哪些异同。师小结：适时展示FrontPage界面并辅助说明。重点指出新建、保存、插入、预览等菜单或按钮的位置和功能。师引入：在我们动手制作网页前，我们应当考虑好网页的布局和内容，个人网页的布局就像办小报一样，没有固定的格式，完全可以由我们自己大胆地进行设计。（教师利用广播展示几个风格不同的个人主页，让学生注意观察主页的内容版块布局）师：（通过广播展示一些学校或公司网站、以及学生网站4幅截图）请同学们观察这四个网站的首页，色彩和风格上有什么不同？（抽生回答）要使我们的首页更美，我们可以用色彩或图案来美化它，你还希望你的网页背景是什么色彩或图案？你觉得可以插入什么图片来突出网站的主题呢？投影展示：“格式——背景”的关键步骤画面师表扬制作和互评较好的小组，提出希望。根据学生的回答，适