《网站的开发——网站的设计》说课稿-重庆复旦中学周志鹏.docVIP

4.2网站的开发——网站的设计 重庆复旦中学 周志鹏 各位老师：下午好！ 我是来自重庆复旦中学的周志鹏，我今天的说课题目是《网站的设计——网页的版面设计》，选自广东教育出版社，《网络技术应用》（选修3）第四章第二节的第二板块。 一、教学思路 （1）本节内容分三个板块——网站的结构设计，网页的版面设计和网页的交互设计。我计划用两个课时完成以上内容，其中第一和第三板块用一个课时，第二板块用一个课时。本次说课的主要内容其实是网页的版面设计。 （2）网站的结构设计和网页的交互设计，其实更适合学生根据本组网站的主题，结合范例自主探究学习，并通过小组讨论得出网站的结构和链接方式。老师如果通过讲授的方法，讲解这部分内容，不仅会显得单调乏味而且实际效果不会比学生自己讨论好。所以这两个板块我用一个课时的时间，引导学生分小组自主学习探究，得出结果。第二个课时给更适合教师讲授的网页的设计部分。 二、教材分析： 本节属于第四章网站的开发的第二节——网站的设计，本节共包含三个内容网站的结构设计，网页的版面设计，网页的交互设计。内容承接上一节网站的规划，同时良好科学的设计也为后续网站的实际制作打下基础。所以网站设计在整个网站开发过程中，属于承上启下的重要部分。 三、学情分析： 同学在经过本章第一节——网站的规划的学习之后，已经对网站开发的大体流程和环节有了充分了解，并且已经确定了网站主题，开发环境，制作工具，任务分配等内容，并根据不同的网站主题，分成了不同的学习小组，本节学习也仍然以小组的形式开展。 同时经历必修阶段的学习之后，学生已经掌握根据要求运用网页制作软件进行网页简单布局、网页文字、图片、插入多媒体和插入动画等基本技能。 四、教学目标分析： 本节的主要内容在于学习规范的网站设计和规划知识，然而我认为教学中不能局限于规划本身，更应该扩展出“美学”知识，比如版面设计的技巧和规范、色彩的选择方法，字体与页面布局的技巧等，这样才能形成和提高学生网站整体设计和规划的素养。由此我拟定的三维教学目标如下： 1、知识与技能 （1）能简单描述网站设计的组成部分； （2）能举例说网站设计的必要过程和重要性； 2、过程与方法 （1）能根据规范设计网站的结构； （2）能够确定网站的风格和页面布局； （3）能够设计并确定网站的链接结构； 3、情感态度与价值观 （1）提高合作的需求和能力； （2）学会欣赏“美”的网站和网页； （3）形成优秀网页的基本评价标准； 五、教学重点难点： 依据上述所列的教学目标和学生具体情况，教学重难点如下： 1、教学重点： 本节重点在于让学生了解规范的网站规划设计所必要的步骤和要求，并且养成在制作网页前必须要进行网站规划设计的习惯。指导学生通过欣赏成功网站，进而确立本小组网站的设计和风格。 2、教学难点： 本节难点在于让学生能够知道如何去规划和设计一个站点，进而了解整个网站设计的步骤和思路，在这个过程中明白一个优秀站点所需的要素和标准，为后期的评价打下技术和美学方面的基础。 六、教学过程： 1、案例导入，观看不同设计风格但相近主题的网站 在本环节中，主要是通过让学生观看不同主题风格，不同设计，但内容相近的网站，引导学生发现好的设计能让网站更有吸引力，能更好地呈现网站设计者的意图。 2、拓展视野，知识补充 正常来讲拓展知识点一般是放在正课内容结束之后，本堂课结束之前。那为什么我偶要放在一开始的位置呢？因为我安排的拓展知识为色彩的搭配。 其实本节有众多知识点可以补充，比如版面设计的技巧和规范、色彩的选择方法，字体与页面布局的技巧等。我之所以会选择色彩搭配进行知识点补充，主要基于两个原因：重要而且接地气。色彩的搭配无疑是网页设计中的重要一环，学生也只有先了解色彩搭配的相关知识，才能进行后续的网页赏析，网页设计，网页评价。而且又不局限于网页设计，日常生活中也会经常用到。 为此我将提供一个网址链接由学生自主学习色彩搭配并为学生提供一个简易的色彩搭配参考3、任务驱动式学习，引出新课 任务一：根据老师提供的网页范例，各小组成员讨论该网站的设计风格，色彩搭配，设计特色等信息，完成教材表4-6。 任务二：根据上一个任务的讨论结果，小组成员协商确定本小组网站的设计风格，完成教材表4-7。 任务三：根据网页范例，分析优秀网页布局的特点。同时根据上节课网站结构的设计，初步确定本小组的网页布局。 4、小结 通过本节课学习，第四章第二节网站的设计就全部结束了。在这一节里，我们确定了网站的组织结构，链接结构，统一了网站的设计风格和主题，明确了网站的布局，为后续网站设计的实际操作，奠定了坚实的基础。 七、教学反思 1、本节课的设计主要都是以学生自主探究为主，老师讲述为辅，需要老师掌握课堂节奏，一不小心就会变成学生自由讨论，而没法完成课堂预设目标。 2、第一课时包含两个内容，