超炫网页

教学目标

能够在初步了解网络是为了适应当今社会发展的一种新型载体，充分认识网页的多样性和时代感，了解网页和网站的关系，掌握网站和网页设计的制作方法，掌握网站的链接和上传的方法，认识各种网页设计软件在工作中的功能和软件的综合运用，并掌握网页设计的工作流程；能较好运用网页设计软件围绕生活尝试网页设计和制作，在实践中不断提高网页设计的审美能力与创新能力；学会在小组的研究性学习中通过合理地分工合作，形成团队协作的学习意识，并从网页作品的欣赏与交流中获得更丰富的学习体验。

　教学活动分析

本课以熟练掌握各种网页软件操作，实现网页设计作品信息的更准确、更有效地传达给受众为线索展开活动。教师可根据教学实际情况与学生状况适当调整教学活动，设计适合的教学活动。

活动一：应提示学生需要了解自己性格的特点和自己设计的风格来设计个人网页的设计脚本，并能够充分发挥自己独特的设计思维，设计出有个性的网页作品；在这一学习活动中，学生可以运用网络优势广泛收集不同风格和表现的网页作品作为学习参考，提出多个主页设计方案，通过同学之间的交流完善自己的设计方案，进行大胆的尝试性学习，并通过网页设计软件制作成一个代表自己个性的网站首页。

活动二：本课活动的难度是层层递进的，活动侧重与学生对网站的总体规划和网页的链接两方面的内容。教师应提示网页和网站的区别，网站是由若干个网页组合而成的；网站的总体规划是一个长远性的工作，包括网页的定时更新、维护及网页设计风格的确定，应综合考虑对象的发展和受众欣赏水平。

　教学基本思路

本课的教学通过启发学生思考如何通过网页的功能性、艺术性和制作方法直接导入。然后根据这一学习目标，通过一系列的学习活动，让学生在学习实践中逐步掌握网页软件的操作。首先让学生根据学习目标，提出问题，然后再通过对网页案例的研究性学习，引入网页制作的基本流程，指导学生根据网页的流程将问题按先后次序排列。接下来，各小组成员分工，逐一针对网页的设计流程进行研究性学习，并在学习中发现问题、解决问题，最后将问题的解决方式汇总，完成学习任务。在教学中，尝试性的学习活动始终贯穿课堂，教师与学生互动，学生与学生互动，通过探讨、研究与实践相结合的方式共同实现目标。

　教学材料分析

网络是一种信息传布的平台，网页是一种信息载体，是网络中传递信息的一种重要方式。人们通过浏览网站上的网页获取有用的信息。每一个网站中都是由若干个网页链接而成的，网页又是围绕要传递的信息构建而成的，网页的构建考虑信息的类别、信息受众的品味和信息量的多少而定。

由于本课是一节以网页设计制作为主题的活动课，因此教材的内容呈现也随着网页设计制作的流程层层递近。本课从对教材47页《倒置的人物头像》的欣赏，引起学生的兴趣浏览导入课题活动，通过丰富的视觉感受激发学生的创作欲望。通过《逸飞视觉》网站的欣赏，讲述网站的基本构成；在教材47页还介绍了网页的主要制作工具：Dreamweaver、Flash、Fireworks，引导学生对网页软件功能的认识，并借助网页软件强大的功能以及不同软件的相互配合实现设计实践。培养学生的动手能力，提高网页的设计水平和对多种软件的操作能力，掌握设计流程与开发设计思维。

这一课呈现的材料主要有三个方面的内容：网站的构成，各个网页设计软件的学习，如何可以通过各种软件在网页设计中的综合运用，体现网页的实用与欣赏功能。

网络传递信息与其它传播途径不同，网络的互动性，是设计上也注意的一点。

在教材48页中阐述了网页设计的制作流程，通过“www.tkogear.com”的页面介绍，帮助学生了解到网页是需要多个软件才可以制作完成的，以及各种软件在网页设计中的作用；教材中还通过一个简单的网页设计样稿从使用Illustrator软件制作的标志到设计样稿完成的经过，讲述制作版面样稿的整个过程，强调网页设计是通过多种软件相配合完成的。在网页设计中应注意从色彩、构图在版面设计当中应注意版面上出现的内容需要与信息的内容和受众的品味相统一，学生可以通过“思想与交流”的设置进行练习。

在教材49、50页是运用Flash软件制作网页中的动画和Fireworks软件对设计样稿进行分割以及Dream weaver对网页进行文字内容的编辑修改和网页的超级链接。在前面我们已经学习了Flash动画的学习，但与本课的意图不同，本课运用Flash制作简短的滚动信息信息表述。通过实例进行软件的探索性学习，了解各种软件在网页设计中的作用。

通过教材50页中3幅“www.sonystyle.com.cn”的页面欣赏和“思考与交流”的练习，帮助学生掌握网页的布局方法。在网页设计中通过对网页的合理布局可以使受众在众多的信息中迅速找到有用的信息，减少了搜寻时间，提高了工作和学习的效率。在一些商务网站中，商家为了突出新的商品或新的活动在网页的布局上进行了调整，使浏览者可以快速、清晰的了解商家的销售重点。

在教材51页中通过对多种网页链接的介绍，帮助学生掌握由单个的网页组合成网站的方法，最终完成网站的建立。

在教材的最后展示了《可口可乐》和《孔杨》的网页页面，由于这两个网页在设计时为了针对受众的品味和喜好，追求独特的个性，突出制作方的时尚性和现代感而运用Flash软件制作完成的，突破了传统网页设计的流程，增强了网页的生命力、互动性和趣味性；教材中还列举了《CCTV》和《SOHU》这两个中国的门户网站，它所包含信息是以新闻为主的，信息量非常大需要经常更新，受众来自各个阶层，所以网页的设计沿用了传统的方式。网页的设计流程并不是一成不变的，教师应帮助学生了解要网页的制作流程应根据网页的内容灵活运用，教材中阐述是帮助学生建立起最基本，也是最能反映思维逻辑性的操作程式，学生应在研究性学习的同时勇于创新，挖掘自己个性与独特的创意。

教学建议

在本课的开始建议教师以网络的作用为主题设置一个讨论活动。让学生通过多种调研形式，了解不同身份的人对网络的态度；总结后进行讨论，以此的得到对网络正确的认识；教师在活动中以知识能力、性格养成、情感态度和价值等几个方面进行总结，帮助学生端正对网络的态度，认识到网络是重要的学习资源，学会从网络中学习正确的、健康的信息。

本课为欣赏、运用网页软件实现设计实践的综合课。引导学生进入网页软件的学习中来，重点要让学生基本掌握网页软件的功能与不同软件的互相配合的操作方法，实现设计实践。

本课可分为4个课时进行教学。

第一课时：网页设计的基本知识。从教材47页的图片欣赏进行导入，对网页的基本构成和网页的制作流程进行探索性学习，通过网络浏览各种风格的网页，然后根据教材开展47、48、49页的“思想与交流”活动，设计出自己的个人主页样稿，并分组从网页的实用性与欣赏功能上进行设计样稿的讨论，设计好的网页应如何制作，掌握网页设计的方法，提高动手能力和艺术修养，端正健康使用网络学习的态度。

第二课时：网页设计的基本操作。根据网页设计的流程，结合教材第一课的所掌握的知识，对网页软件进行探索性学习，掌握Flash、Fireworks、Dream weaver的基本功能，掌握对网页切分和链接的方法，在这个过程中培养学生发现问题，解决问题的能力，提高学生自己动手的能力。

第三课时：个人主页的建立。以教材活动建议一展开学习活动，根据第一课时中设计的个人主页样稿，制作具有自己个性的个人主页。掌握网页设计的流程和软件操作的熟练，提高学生的动手能力；在动画完成后进行教学评价，提高学生对Flash动画的审美能力。
第四课时：网站的建立。结合教材活动建议二展开学习活动，建议分组进行活动，教师引导学生在主题活动中，选定设计对象分析网页所面向的受众，并分析受众的文化和欣赏层次，用于确定设计风格；制定网站的规划报告。在交流学习经验与探索中，培养学生对解决问题途径的探索，提高相互沟通与团队协作的能力，综合各种有利因素解决问题的能力，提高学生的设计技能。

教学中，应注意指导学生在设计工作中把握好设计的工作和思维程序，研究作品的设计语言组织和表达技巧。本课的教学评价中，可以采用学生自评、同学互评、教师评价相结合的形式。在评价上，教师可以根据动画网页制作的色彩、版式、风格、实用性进行评价；要考虑学生的具体情况，不要将条件设定得过于苛刻，设计能力的高低应综合考虑；教师应及时地肯定和鼓励学生的创作想象和尝试。