正规二手车行-网络好听的名字

信息技术-打印版
制作网站首页教案设计
教学背景：
网站首页是 网站的“脸面”，学生通过学习设计网站首页，一方面培养他们
为提高作品吸引力、展现自我而积极思考 、探究、尝试的意识和态度，另一方面
通过学习各种基本网页设计技术，亲历网页制作的一般过程，更好 地为接下去几
节课的学习和活动参与打下基本功。
教学目标：
1、知识与技能：
（1）了解网页一般由哪些元素组成。
（2）学会运用表格进行版面布局。
（3）能够在网页中添加网页元素。
（4）能在网页中设置超链接。
2、过程与方法：
（1）通过制作网站首页，掌握版面布局、添加网页元素和设置超链接的基 本
技术方法，达到举一反三的功效。
（2）通过学生动手设计网页的实践活动，使学生掌握对 象属性的设置方法，
为学生今后学习其他软件奠定基础。
3、情感态度与价值观：
（1）提高视觉素养，能根据网页主题确定恰当的网页风格并具有初步的创意。
（2）通过运 用表格布局网页对象活动，进一步掌握各种不同对象属性的设置
方法和规律，提高学生学习信息技术的信 心。

信息技术-打印版
（3）在合作实践过程中，培养学生的审美能力和创 造能力，在小组协作学习
中，培养学生合作帮助、团结协作的良好品质。
（4）培养学生大胆构思、自我创新的精神，培养学生的美感及创作后的成
就感。
（5）善于和老师、同伴一起分析讨论，在分析、探讨中学会欣赏，学会评价。
4、学情分析：
学生已经具备了计算机软件使用的基础，但学生在学习过程中往往会把注意< br>力停留在技术实现的层面上，让学生认识和掌握制作网站首页的方法，故操作性
强。在前面几节课 学生初步确定了网站的主题，收集了部分资料。学生已经在
word文档的学习中掌握在文档中插入图片 、艺术字等素材方法，为制作网页中
的添加素材这一环节打下基础，同时表格教学比较枯燥，表格嵌套、 根据图片特
点裁剪图片、设计制作表格等知识点更加枯燥乏味。图片处理操作水平的差异和
教学 内容的枯燥，可能会造成很多学生不愿动手、不会动手。在实际教学时，教
师应该时刻给予学生恰当的引 导，在调动学生学习兴趣方面下足功夫。
5、素质目标：
制作网页要应用到多方面的知识， 培养学生的知识迁移能力，同时给学生提
供了自由发挥的空间，学生可以充分发挥自身的创造力与想象力 ，培养学生综合
运用知识的能力。
教学重点难点：
1、教学重点：
（1）能用表格规划版面布局的方法与技巧。
（2）恰当选取网页元素与设置。
2、教学难点：

信息技术-打印版
（1）掌握超链接技术设置网站导航功能的方法。
（2）掌握设置网页属性的一般方法。
教材分析：
1、本节的作用和地位：
本节课侧重培养信息表达的能力， 对于加强学生的信息意识，提高信息处理
的能力有着重要的作用；网页的设计也给学生提供了展示个性、 自主创新的机会，
促使他们主动地学、创造性地学；网页的评价则能使学生了解内容编排的原则，
页面布局的种类，色彩搭配的风格等，提高他们的艺术修养和审美情趣。
2、本节主要内容介绍：
课改后信息技术课已不再是单纯的计算机技能课，它强调以培养信息素养为
目标，以任务驱 动为模式，以应用软件为载体。只有在实际教学中突破以往的教
学模式，才能培养出适应信息社会发展的 有用人才。这节课的主要任务是使学生
掌握在FrontPage用表格规划网页及在网页中插入图片、 声音、水平线等相关知
识与操作，并能合理、灵活地应用到网页制作中，美化自己的网页。
教学方法：
1、先学后教，“兵”教“兵”
先学，就是让学生自学，尝试独立 操作；后教，是根据学生自学效果，教师
进行精讲、点评，并尽量让学生去“教”；“兵”教“兵”，就 是让学生充当小教
师的角色，自学得较好的学生操作给其他学生看，通过示范，在学生间起到相互
促进，相互影响的作用，达到共同进步。
2、任务驱动，小组竞赛法
根据学 生不同的学习能力、知识储备、兴趣爱好，依据自愿组成原则，将
全班分成若干个小组。通过网页教学课 件的辅助，在教师的引导下，各小组按照

信息技术-打印版
自己规划出的网页 设计方案，以任务驱动和分工合作形式制作网页。并通过自我
评价、小组评价、师生互评相结合的评价方 式使学生自主完成作业，由学生自己
担任评委，评选出优秀网页，通过展示学生的优秀作品来激发学生对 网页制作的
兴趣。
由操作能力强的学生充当组长，带动其他成员完成网页制作，一来培养 他们
合作互助的关系，二来培养学生之间、师生之间的感情。
整节课教师只扮演一个组 织者和提示者的角色，一步步引导学生完成本课
的目标，让学生充分发挥自主性、协助性，培养他们合作 、创新的能力。
3、提问引导法
根据学生已有的知识结构体系，采用提问的方式引出 每个教学目标，中间穿插观
察、自主探究、合作交流的方式加深学生的印象，培养学生的观察能力，动手 能
力和团结合作精神。让学生自觉主动地去分析问题、解决问题，学生在操作过程
中不断发现问 题、解决问题，使学生由学会知识变为会学知识。
教学评价：
在教学过程中一方面要考查学 生能否顺利掌握制作网页的基本技术方法，根
据设计需求完成网站首页的制作，另一方面又要考查学生在 作品中是否做了科学
的布局规划、是否合理地运用了各种网页元素，作品是否具备表现力和较强的可读性。
教学过程：
一、创设情景、引入课题、明确任务
师：上节课我们已经 规划了自己的网站，今天老师给大家带来了一个礼物，它是
一个漂亮的网站，它就是“老师个人学校网站 ”，里面有许多关于同学们的内容，
如：你们漂亮的生活相等，请同学们欣赏。
生：学生认真观看，自主互相讨论，畅谈想法及发表意见。

信息技术-打印版
师：继网站筹划之后我们就要着手来进行网页的设计了，第一个要进行的当然是
首页的制作。首 页是网站的“脸面”，能不能吸引访问者的注意，它显得尤为重
要，所以在设计制作首页时需要特别花心 思。怎样设计一个好看的网页让网站第
一时间抢占浏览者的眼球呢？再度打开网站的首页。
生：仔细观察该首页的特点。并互相讨论，各抒已见。
师：上节课已经搜集了素材，这节课咱 们来动手制作网站的首页。指导学生使用
FrontPage打开范例“班级网站”的首页，让学生进行 小组交流，回答以下几个
问题：
1、你知道有哪些软件可以用来制作网页吗？
2、 该网页包含了很多元素，它们是如何整齐有序地分布在网页中的？用什
么可以分割网页的版面布局呢？
3、该首页包含了哪些元素？是否能很好地表达主题思想？结合小组收集到
的素材，你认为在自 己的网站首页中可以添加哪些网页元素？
4、导航栏是网站的“地图”，没有它，浏览者就会“迷路” 。选定范例网站
首页导航栏中的栏目文字，单击常用工具栏上的超链接按钮，看看会出现什么？
生：观察思考、探究、小组合作交流，回答教师提出的几个问题，并确立自己将
要开展的工作。
师：其实很多文字处理软件都可以设计网页，如Word中，利用“另存为web页”
就可以将 文档保存为网页，有些图像处理软件如PhotoShop也可以制作网页，
Windows“记事本” 也可以制作网页等，不过FrontPage和Dreamweaver却是最
方便的网页制作软件，因 为它们不仅可以制作网页，而且能方便地设计和管理网
站，很适合入门学习。
二、先学后教、任务驱动、自主学习
1、用表格进行版面布局

信息技术-打印版
师：（1）提问学生都为他们的主页准备了哪些内容和素材 （如文本、图片、动画、
音频、视频）？
（2）引导学生阅读教材，然后动手实践。
生：（1）学生回答老师的问题。
（2）上网学习相关的技能技巧。
（3）小组合作自主探究，教师引导，并安排操作熟练的学生进行演示。
师：（1）教师巡视课堂，做个别辅导。针对学生普遍存在的问题，教师做详细讲
解。
（2）以前我们可以用表格来表示数据信息吗？表格还可以用来对网页版面实
现分割吗？
（3）你打算怎样安排它们的具体位置才能使网页更加合理美观，方便访问者
访问？
（4）让打开学生常去的网站，腾讯QQ网站，让学生观察并提问他们发现了
什么，再逐一把表格中的各 元素删除，使网页上只留下一个空表格结构。
（5）提醒学生要在编辑窗口和预窗口之间切换观察，使表格结构调整得更加
合理。
（6）如何才能让表格不显示在我们的网页中呢？
生：思考回答问题，小组合作探究、交流，完成老师布置的任务。
师：（1）对比展示两张素 材相同布局不同的网页。一个使用表格布局，但表格边
框隐藏，其页面工整，文本、图片摆放对称，具有 一定的规律；另一个不用表格
布局则页面凌乱，图文混杂，摆放杂乱。
（2）教师简单演示。

信息技术-打印版
A：添加表格；B：表格属性设置面板中的几个常用设置选项说明。
（3）指出学生易出错或难于处理的问题及学生可能遇到的问题。
生：（1）认真观看教师演 示，归纳总结交流自己动手动实践过程中存在的问题和
不足、成功的心得体会及改进思路等。
（2）互相找出易出错或难于处理的问题及学生可能遇到的问题，合作探究解
决的办法。
2、添加网页元素
师：（1）要求学生把事先准备好的各种网页元素（如文本、图片、动画、 音频、
视频）添加到主页，也可使用教师机的共享资源库的素材。
（2）把学生用到的技能要点发到学习网站上。
生：（1）小组合作交流，对之前收集到的素材进行选用，添加到网页中。
（2）上网学习相关的技能技巧。
（3）上网查找需补充的素材。
（4）学有余力的同学还可以尝试怎样让网页更加生动。如添加视频、背景音
乐等。
师：（1）恰当地为学生提供方法，讲授经验心得。
（2）解决学生提出的疑难问题。
（3）鼓励学生进行发现和尝试提高他们的动手能力。
（4）教师巡视课堂，做个别辅导。针对学生普遍存在的问题，教师做详细讲
解。
师：（1）教师简单演示。

信息技术-打印版
（2）指出学生易出错或难于处理的问题及学生可能遇到的问题。
生：认真观看教师演示，归 纳总结交流自己动手动实践过程中存在的问题和不足、
成功的心得体会及改进思路等。
3、设置超链接
师：（1）如何通过超链接技术实现网站的导航功能？
（2）再次 提出导航栏是网站的“地图”，没有它，浏览者就会“迷路”。选定
范例网站首页导航栏中的栏目文字， 单击常用工具栏上的超链接按钮，看看会出
现什么？
（3）你发现哪些地方需要设置超链接吗？试对它们进行设置。
（4）如何检查各个链接目标是否设置正确？
生：动手尝试，通过自主探究、小组合作交流，回答老师的问题。
师：教师简单演示。
三、课堂小结、作品展示、师生评价
（1）教师引导学生进行总结，针对本节课的重点知识进行提问，了解学生对
相关知识的掌握。
（2）学生相互欣赏作品，推荐优秀作品在全班进行展示。我们来评一评，
哪个作品做得好， 好在哪里？那个作品还存在不足之处，都有那些方面？师生共
同评价，教师对完成情况好的学生和帮助他 人的学生给与表扬。
四、教学反思
本节课采用的教学理念和教学方式是在建构主义的教学理 论指导下，采用
“任务驱动教学法”,让学生这种“带着任务自主学习”的探究模式下实现知识