资源简介

题目：设计网站与制作首页
主备人：
授课教师 ：
工作单位：
一、教学内容分析
1、 本节的作用和地位 ：
本节课侧重培养学生的信息素养，尤其是利用网络解决实际问题的能力，这对于提高信息处理能力有着重要的作用；网页的设计也给学生提供了展示自我、自主创新的机会，促使他们主动地学、创造性地学；网页的评价则能使学生了解内容编排的原则，页面布局的种类，色彩搭配的风格等，提高他们的艺术修养和审美情趣。
2、本节主要内容介绍：
信息技术课不再是单纯的计算机技能课，它强调以提高学生的信息素养为目标，以任务驱动为模式，以应用软件为载体。只有在实际教学中突破以往的教学模式，才能培养出适应信息社会发展的有用人才。这节课的主要任务是使学生在 Dreamweaver 软件下能用表格规划网页及在网页中插入图片、声音等相关知识与操作，并能合理、灵活地应用到网页制作中，美化自己的网页。
二、 教学目标
1、知识与技能：
了解网页一般由哪些元素组成。
学会运用表格进行版面布局。
能够在网页中添加网页元素。
能在网页中设置超链接。
2、过程与方法：
（1）通过制作网站首页，掌握版面布局、添加网页元素和设置超链接的基本
技术方法，达到举一反三的功效。
（2）通过学生动手设计网页的实践活动，使学生掌握对象属性的设置方法， 为学生今后学习其他软件奠定基础。
3、情感态度与价值观 ：
提高视觉素养，能根据网页主题确定恰当的网页风格并具有初步的创意。
通过运用表格布局网页对象活动，进一步掌握各种不同对象属性的设置方法和规律，提高学生学习信息技术的信心。
在合作实践过程中， 培养学生的审美能力和创造能力，在小组协作学习中， 培养学生合作帮助、团结协作的良好品质。
培养学生大胆构思、自我创新的精神，培养学生的美感及创作后的成就感。
善于和老师、同伴一起分析讨论，在分析、探讨中学会欣赏，学会评价。
三、 学情分析
学生已经具备了计算机软件使用的基础，但学生在学习过程中往往会把注意力停留在技术实现的层面上，让学生认识和掌握制作网站首页的方法，故操作性强。 学生已经在 word 文档的学习中掌握在文档中插入图片、艺术字等素材方法，为制作网 页 中的添加素材这一环节打下基础 ， 同时表格教学比较枯燥， 表格嵌套、根据图片特点裁剪图片、设计制作表格等知识点更加枯燥乏味。图片处理操作水平的差异和教学内容的枯燥，可能会造成很多学生不愿动手、不会动手。在实际教学时，教师应该时刻给予学生恰当的引导，在调动学生学习兴趣方面下足功夫。
四、教学策略选择与设计
1、先学后教，“兵”教“兵”
先学，就是让学生自学，尝试独立操作；后教，是根据学生自学效果，教师进
行精讲、点评，并尽量让学生去“教”；“兵”教“兵”，就是让学生充当小教师的角色，自学得较好的学生操作给其他学生看，通过示范，在学生间起到相互促进，相互影响的作用，达到共同进步。
2、任务驱动，小组竞赛法
根据学生不同的学习能力、知识储备、兴趣爱好，依据自愿组成原则，将全班分成 6 个小组。通过网页教学课件的辅助，在教师的引导下，各小组按照自己规划出的网页设计方案，以任务驱动和分工合作形式制作网页。并通过自我评价、小组评价、师生互评相结合的评价方式使学生自主完成作业，由学生自己担任评委，评选出优秀网页，通过展示学生的优秀作品来激发学生对网页制作的兴趣。
由操作能力强的学生充当组长，带动其他成员完成网页制作，一来培养他们合作互助的关系，二来培养学生之间、师生之间的感情。
整节课教师只扮演一个组织者和提示者的角色，一步步引导学生完成本课的目标，让学生充分发挥自主性、协助性，培养他们合作、创新的能力。
3、提问引导法
根据学生已有的知识结构体系，采用提问的方式引出每个教学目标，中间穿插观察、自主探究、合作交流的方式加深学生的印象，培养学生的观察能力，动手能力和团结合作精神。让学生自觉主动地去分析问题、解决问题，学生在操作过程中不断发现问题、解决问题，使学生由学会知识变为会学知识。
五、教学重点及难点
1、教学重点：
能用表格规划版面布局的方法与技巧。
恰当选取网页元素与设置。
2、教学难点：
掌握超链接技术设置网站导航功能的方法。
掌握设置网页属性的一般方法。
六、 教学评价：
在教学过程中一方面要考查学生能否顺利掌握制作网页的基本技术 和 方法， 根据设计需求完成网站首页的制作，另一方面又要考查学生在作品中是否做了科学的布局规划、是否合理地运用了各种网页元素，作品是否具备表现力和较强的可读性。
七 、教学过程
教师活动
学生活动
设计意图
（一）创设情境， 引入新课。
认真观看 浏览
通过欣赏网站，充分
以“礼物”的方式给学生一个惊喜 ， 推荐给学生两个超简约的网站。
网站 ，互相讨论，畅谈想法，
调动学生的创作热情和积极性，激发他
发表个人见解。
（她）们想要学会的
豆瓣、果壳
仔细观察 网
欲望 。
教师提示：首页是网站的脸面，说明
站首页的特点，
认识到网站首页的
首页设计的重要性。
互相讨论，各抒
重要性。
教师讲授网页的一般构成。讲解完毕，
已见。
要让学生明白，在进
给学生布置任务， 设计制作首页面。
利用网络环境
行网页制作之前，一
让学生们通过互联网搜集 准备素材。
搜索相关文字、
定要有自己的构思，
图片 并保存。
不能盲目操作。
(二)、先学后教、任务驱动、自主学习1、用表格进行版面布局
提问学生 ， 他们 为制作 主页准备了哪些内容和素材（文本、图片、音
回答老师的提问，之后上网学习相关的技能技巧。
小组合作自主
强调版面布局中表格的应用 ，突出了表格这一功能在制作网页中的重要地位。
频、视频）？
引导学生阅读教材，然后动手实践。
探究 、交流， 完成老师布置的任务。
对比法讲解表格的作用 ：对比展示两张素材相同布局不同的网页。一个使用表格进行了布局，其页面工整，文本、图片摆放对称；另一个不用表格布局，页面凌乱，图文混杂，摆放杂乱无序。指出学生易出错或难于处理的问题及学生可能遇到的问题。
组织学生进行小组合作，并安排熟练的学生进行演示。
认真观看教师演示，归纳总结交流自己动手动实践过程中存在的问题和不足、成功的心得体会及改进思路等。
互相找出易出错或难于处理的问题及学生可能遇到的问题，合作探究解决的办法。
重点强调在网页设计 布局中表格的重要 作用 。
通过 实际操作，让学生体会到表格在 网页制作中的优势。
2、添加网页元素
（1）要求学生把搜集准备好的各种网页元素（如文本、图片、动画、音频、
（1）小组合作交流，对之前收集到的素材进
实际操作远大于纸上谈兵，学生在操作中 的 亲身体验 能
视频）添加到主页。
行选用，添加到
够领悟到 问题的本
网页中。
质，变被动学习为主
（2）把学生用到的技能要点发到学习网站上。
（2）上网学习相关的技能技
动学习，激发了学生的学习积极性 。
（3）巡视课堂，做个别辅导。
巧。
（3）上网查找
需补充的素材。
3、设置超链接
动手尝试，通过
超链接是网站设计
（1）如何通过超链接技术实现网站的导航功能？
自主探究、小组合作交流，回答
中 不可或缺的重要一环。它是桥梁、它
老师的问题。
是扭带，没有它的存
（2）提出导航栏是网站的“地图”，没有它，浏览者就会“迷路”。选定范例网
站首页导航栏中的栏目文字，单击常
感受超链接的作用
在， 网页只是孤立的个体 ，不能整合
在一起，也就不能形
用工具栏上的超链接按钮，看看会出
成真正的网站。
现什么？
（3）你发现哪些地方需要设置超 链接吗？试对它们进行设置。
（4）如何检查各个链接目标是否设置正确？
(三)、课堂小结、作品展示、教生评价
教师引导学生进行总结，针对本节课的重点知识进行提问，了解学生对相关知识的掌握。
学生相互欣赏作品，推荐优秀作品在全班进行展示
通过 小结，让同学们总结新学的知识点，更能够深刻理解表格和超链接在网页设计中的重要作用。
八．教学反思
本节课采用的教学理念和教学方式是在建构主义的教学理论指导下，采用“任务驱动教学法”,让学生这种“带着任务自主学习”的探究模式下实现知识的意义建构。以学生自己实践、自主学习为主，老师巧妙引导，适时指点为辅，学生在这种学习过程中处于积极主动的主体地位，从而可以充分发挥学生的学习主动性和创造性，使学生自主地获取知识。让学生通过合作协调、构思创新的方
式完成整节课学习的方法，极大调动了学生的学习积极性，培养了其信息表达
的能力，加强了学生的信息意识，提高了信息处理的能力。在探索式学习中， 重要的不只是仅对任务完成的学习，而是学习者对知识的探索过程，是学习者在探索知识过程中的思维飞跃，是个性化发展的极好过程。同时，自主学习可以使每一位学生根据自己的知识基础与学习方法自定步调进行个别化学习，克服了传统课堂教学中压制个性化发展而采用“一刀切”的人为现象,但在引导过程中要注意掌握好“度”，既让学生自己探索，掌握知识，又要合理补充，及时纠错。
在实施本节课教学中，有些教学环节还需要加以改进。例如：当布置的任务逐一完成时，我不仅要从语言上给同学们以鼓励，同时应增加各组之间的任务完成度评价，加强各组间的竞争意识，从而提高学生的学习热情和学习积极性。又例如：在欣赏和评价作品的教学环节时，要让学生有更多的时间，充分地发表自己的意见，通过自评、他评，互评和教师评多种形式结合进行，提高学生的欣赏能力和评价能力。这些不足之处，我会在以后的教学实践过程中逐步完善，争取给同学们创造一个更好的教学环境和学习氛围。

展开更多......

收起↑