《4.2网站设计》教学设计.doc

美在凝视者的眼里 ——4.2网站设计教学设计 五中 高燕芬 【设计背景】本课是为配合国家级课题的子课题“‘电脑作品设计与评价’课堂教学中提升学生审美能力的案例研究”而开设的研究课。以往的信息技术课注重技能的训练，而本课要求学生掌握利用电脑进行网页设计的基本要领，让技术与艺术相结合，发挥信息技术的优势。关于设计和审美的话题一般是美术老师的教学领域，这就要求我们信息技术教师学一点美学知识，学一点设计的技巧，这对于我们来说具有一定的挑战性，也让我想在教学中有新的尝试。 【教材分析】 1、教材内容取舍。“网站设计”是教育科学出版社的普通高中信息技术选修教材《网络技术应用》第四章建立主题网站第二节的内容。本节内容本来包括栏目设置、版面设计、树立网站整体风格和收集素材，这么多内容放在一节课中，显然学生只能生吞浅尝，难以收获真正知识技能。本课根据课题研究的需要对教材的内容进行了取舍，仅对版面设计和色彩搭配进行重点教学，本身这两点也是网站设计的主要内容。让学生通过欣赏优秀作品版面设计和色彩搭配，能模仿优秀作品对自己网站进行设计，并在模仿中能有自己的个性设计，在设计中创造美。 2、教材的地位和作用。本节之前进行了建立网站的第一步——网站规划，所谓规划就是对网站的大体设想，也就是说对网站主题、主要内容、制作工具，制作时间已经有了大致的设想，内容已经确定了，接下来就是形式的问题，就是把这些大致的设想进一步具体化，即用怎样的形式把自己的内容表现出来，这就是本节课的主要任务，同时本节也是4.3网站实现的前提，只有好的设计才会有好的作品呈现。 【学情分析】 学生在学习本节内容时为非零起点，他们已经能够把文字、图片、声音、动画等插入到网页中，如果高中教学仍旧把注意力集中的对这些技能的操作上，学生会感到高中学习内容只是初中内容的简单重复，因而产生厌学情绪。因此教师要对学生应提出更高的要求，要引导学生提升自己的审美能力和美学素养。既然这些操作技能都掌握了，我们的网页就不能是所有网页元素的简单堆积，而应该有自己的组织形式、表现形式，让各种元素有机结合到一起，形成具有艺术感染力的作品。但我们也要知道学生不可能达到专业艺术设计水准，对于设计来说，学生入手还是应从简单的模仿开始，但模仿不能是照抄，应在模仿中加以思考、创新，设计出体现自己独特个性的作品，使学生能够体验到设计的快乐。 本课对学生photoshop的操作技能有一定要求，版面和色彩的实践均在photoshop中进行，所以本节教学之前已有图片信息的加工，教师应重点强化例如钢笔工具画曲线等的操作技能，另外本课教学的前提是学生应已经完成了网站规划和栏目设置。 【教学目标】 知识与技能 （1）了解页面布局的基本样式，能根据需要选择合适样式进行布局。 （2）掌握用photoshop中钢笔工具和形状工具进行页面布局。 （3）了解冷暖色系，能定准自己网站的标准色彩，对自己网站进行合理的色彩搭配。 过程与方法 （1）通过对自己网站版面布局的实践，体验版面设计的重要性，掌握版面设计的一般方法。 （2）通过对自己网站颜色的搭配的实践，体验冷暖色调使用效果的不同，掌握网站色彩搭配的一般方法。 情感态度与价值观 （1）提升学生的对网站版面设计和色彩搭配的审美能力和艺术鉴赏力。 （2）让学生体验到设计的快乐。 【教学重难点】 1、教学重点：网站版面设计和色彩搭配 2、教学难点：网站版面设计 【教学过程】 [创设情境]3C网络公司正在招贤纳才，现有两名应聘者投来了自己的简历，以个人网站的形式介绍自己，如果你是网络公司人事部经理，你对哪一个网站较满意呢？为什么？ [讨论结果] 从版面布局美观统一来看，李小明的网站版面零乱、还有大量不规则的空白；陈露的主页版面整洁美观。 [教师引入] 我们发现如果一个网站如果没有将各项内容在版面上合理安排好，那么内容再丰富精彩的网页也不会给人留下美好印象。有人用“心中有画，画中有心”来形容创作绘画作品的最高境界，“心中有画”就是画之前心中早已想好了整个画的布局，因此在制作网页前心中就要想好网站的布局，今天我们就要来和大家一起探讨网页的版面设计。 [设计思路] （1）学生作为权威角色来甄别取舍，让他们看到网页经过精心设计与没有设计效果是截然不同的，从实例中感受到版面布局的重要性。 （2）用绘画作品的最高境界来激励学生，同时也进一步说明版面布局对艺术作品的重要性。 [新授] 一、版面设计 1、什么是版面，什么是布局？（教师提问，学生快速浏览书本回答，教师作适当补充） （1）版面指的是浏览器看到的完整的一个页面。 每台电脑的显示器分辨率不同，有640*480，1024*768，因此在浏览器上看到的完整页面也不同，现在网页一般按800*600来设计。 （2）布局就是以最适合浏览的方式将图片和文字排放在页面不同的位置