网站首页

课题：

《设计网站首页》

执讲人：王云霞

单位：高密市古城中学

1

第二课 设计网站首页

执讲人：王云霞 单位：高密市古城中学 课型：新授课 课时：1课时 教学准备：多媒体网络教室 教学目标：

认知目标：认识网页的工作原理；了解网页编辑的一般步骤。

技能目标：学会在网页中输入文字、插入图片和水平线；学会新建、预览和保存网页。 情感目标：善于从身边的广告、书刊中学习版面设计知识，并学以致用。 教学重点：网页中的文字的输入，图片及水平线的插入。 教学难点：网页的保存与预览。

教学方法：本节课主要运用的是任务驱动式教学方式，采用“问题——探究”式教学，以教师置疑为主线，学生主动探究学习为副线，全面展开教学活动。 教学设计思想：

本节课采用“问题——探究”式教学方法，学生可以利用学案，将学习活动与问题相结合，让学生在真实的教学情景中带着任务学习，以探究问题的方式，驱动和维持学生学习的兴趣和动机，拓展思维，张扬个性，促进学生的自主学习，倡导创新精神和实践能力的培养。 教学过程：

一、师生共赏网站，创设问题情景，提出学习任务。

二、指导分析任务，促进创新思维，通过观察探究、讨论分析，运用实践等方法完成问题探究，过关学习新知识，解决任务培养新技能。

第一关：在网页中输入文字，第二关：在网页中插入图片；第三关：在网页中插入水平线； 第四关：网页的保存；第五关：网页的预览。

任务一：启动Frontpage窗口，并新建网站进行首页制作。任务二；修饰文字；任务三：改变图片大小，对其属性进行设置，任务四：对水平线属性进行设置，任务五：保存网页的注意事项，任务六：网页预览完毕如何再继续网页的编辑。

2

课堂实录：

（一） 展示网页，创设情境，引出问题，初步探讨

教师活动 学生活动 教学意图 教师与学生一起欣赏《我的情感小屋》网学生欣赏网站并思考教师激发学生站并提出问题让学生思考：这个网站上你看到提出的问题。 了什么？（漂亮的文字和引人喜爱的图片 ）大家都知道在网络这个海洋中网页精彩纷呈， 的学习兴趣，提高学针对学生回答给予评生的求知欲，促进学生的主动那么你想不想在网络这个海洋中占有一席之价并导入新课。 地呢？如何操作呢？)今天我们就来探讨如何 设计网站首页。师展示课题、学习目标；并探学生运用以前所学方法探学习。 索任务一：打开Frontpage，新建只有一个网索在Frontpage中进行文字 页的站点。让学生利用学案引导、探索完成。修饰。 那怎么在网页中输入文字呢？ 运用教师教师巡回查看，并鼓励学生运用多种方法学生反复练习，探索如何在指导，学生进行操作，及时发现和纠正学生操作中出现的Frontpage中进行文字修饰，自主学习问题；并分层次给予评价；师请操作成功的同并进行多种方法探索学习。 的教学方学介绍操作方法，师做总结概括并让学生输入生根据所运用的操作介绍法，最后由的文字进行美观设计，从而引出任务二，进一自己用了哪种方法进行文教师总结步的文字修饰[课件展示] 字修饰。 评价学习效果达成教学目标。 师提出探索任务2：如何将文字设置的更学生继续自主学习。 漂亮、美观些呢？ 教师先给学生独立思考的空间，让学生自学生思考，并实践练习。生 己思考解决的方法。（师可以用屏幕对操作进在师的指导下对文字进行 行演示分析） 修饰。 。 对学生学习情况进行评价。可以通过举手 反馈信息，有困难的同学提出疑问。

3

（二）继续探讨在网页中插入图片、水平线

教师活动 引导学生再欣赏“我的情感 在网页中插入图片。师提示与在 Word中插入图片的方法类似。让 插入图片之后，根据出现的图片示进行操作练习。 的大小状况很自然的引出改变图 片大小的方法，从而提出任务三， 成。 学生活动 教学意图 小屋”网页，转入第二关的研究，生欣赏、观察并讨论回答。 采用启发引导式教学。 学生根据学案完成图片的插入。学生根据学案和老师的提 让同学们根据学案的提示来完教师渗透多种方法解决同 一问题的思想，以便开阔进行审美能力的渗透教育，发挥学生的创造思维，提高其审美能力。 师查看学生操作，针对学生学生的思维。 对插入的图片进行评价，提出网 页图片调整要按比例，搭配合理， 给人以美的感受。学生操作完之学生尝试改变图片属性的 后教师可以让学生上台演示，并设置，注意张扬学生个性 对每组学习的情况进行总结评和充分发挥学生的美术创 价。 意。 利用同一问题多种方法解决，从而开阔学生的思维，多探求解决问题的方法。 师继续启发引导学生改变图 片大小的方法，观察学生的达成 度，并分层次进行指导。 可做示范性指导。 师针对练习情况做出评价， 为了让网页内容的层次更清 楚，我们往往在标题与正文之间让学生在不知不觉中很容 插入水平线，很自然提出第三关易的就插入了水平线，从 的探究，如何插入水平线？学生而体现到了成功的喜悦。 根据学案提示完成，水平线的颜 提出任务三，让学生自主探索出置与图片属性设置方法类结果，学生演示操作方法，教师似。 进一步总结。 采用对比式教学方法，让学生探究问题、解决问色、长度、粗细等如何改变呢，教师提示水平线的属性设题。 4