PhotoshopCS4基础教案：《设计与制作网站首页界面》.docVIP

《设计与制作网站首页界面》项目教学设计 一、项目情境 网站是众多企业、团体和个人宣传产品、主张和树立良好形象的主要途径和重要手段。据不完全统计，当前100%的大型企业、60%的中小企业都已经或将要在互联网上建立的自己的网站，要使我们的网站在众多网站中脱颖而出，其界面的设计就显得十分重要。 网页界面设计其实是一个系统工程，它包括网站页面布局、设计，颜色的搭配、尺寸的大小和风格的定位等。网站首页界面是整个网站的“面子”工程，首先突出的是功能，使广大用户只要看一眼网站，就能够知识该网站的类型。其次就是能够给访问者带来一种视觉享受，特别是展示、宣传型的网站需要更加注重艺术设计。 本项目就是要求学生使用Photoshop CS4软件，根据教材提供的素材图片，设计制作网站首页界面。 二、项目目标 学生通过完成本项目，达成以下目标： 知识与技能：能够使用切片工具处理图像；了解优化图像命令选项优化Web图像的使用方法；了解界面设计与制作；尝试使用动作处理图像。 方法与过程：能够根据项目的要求，确定完成项目的所需要的技术与方法，并较熟练的完成任务；能对自己和他人的活动过程与结果进行评价与交流，能归纳利用信息技术解决问题的基本思想与方法。 情感、态度、价值观：通过完成本项目，能够感受到信息技术给人们工作、学习和生活带来的方便与快捷。 三、项目分析 在完成本项目的过程中，使学生结合自己已有知识与技术，使用切片工具、优化图像命令设计制作网站界面，了解网页设计中图像元素的处理方法。因此，学生需要具备如下基本知识与技能： 1．了解并使用切片工具处理网页中所需要的图像元素。 2．使用优化图像命令处理图像。 3．了解动作命令及动作面板的使用方法。 在完成本项目的过程中，技术上难度不大，主要是操作比较复杂，需要学生在设计网站首页界面时，首先对整个界面有一个整体规划，然后在规划的基础之上进行制作。制作的过程中，引导学生既要合理运用其已有知识与技术，又要掌握本项目中的出现的新知识与技术。从而掌握技术，提高能力。 四、活动策略 在本项目活动的过程中，教师首先要引导学生认识网站首页，知道网站首面构思、设计的一般方法。然后引导学生尝试自动命令拼合图像，使用切片工具切分图像的操作。当学生具备了设计与制作网站首页界面的知识与技术后，即可引导其完成本项目——网站首页界面的设计与制作活动。 在本项目活动过程中，学生技术方面的获得，大部分内容从阅读教材、观看操作录屏、教师演示示范即可达到目标，教师还需要引导学生了解网页中图像相关规则、颜色搭配、文件格式、设计创意等方面的知识。因此，教师可以结合本项目，引导学生收集、阅读网页设计方面的书籍或资料，观看比较成功的网页设计作品，从而启发迪设计创作思维，提高其综合设计的素养。 在完成本项目的过程中我们仍然采取“创设情境→项目分析→找出问题（知识与技术难点）→解决问题→实施项目→项目评价→拓展提高”的流程，达成完成项目的目标。 五、活动过程 项目名称 设计与制作网站首页界面 建议课时 5课时 预设环节 学生活动 教师活动 第1-3课时 创设情况 激发兴趣 （10′） 融入情境，产生完成本项目的欲望。 创设一个真实的项目情境，激发学生完成本项目的兴趣。情境即可使用本“项目情境”，也可在本“项目情境”的基础上，展示成品网站界面，引导学生观赏，形成初步的感性认识，为完成本项目奠定基础。 分析项目 找出问题 （20′） 学生小组讨论，可能会提出以下问题： 如何合成全景照片？ 如何根据网页布局，切分图片？ 网页用图有什么特殊要求？ 出示网站首页界面成品范例及范例素材，要求学生结合自身知识与技术储备，完成本项目还需要哪些知识与技术支持，找出自己不能完成的内容。 在学生讨论的基础，教师有针对性引导学生，将需要解决的问题收集、整理出来。 典型引导 解决问题 (45′) 阅读文本，了解“自动”命令和动作面板的功能与使用方法，认识Web安全色在图像设计与制作中的作用。 尝试使用切片工具的使用方法，掌握新知。 引导学生参照教材的“知识链接”和“拓展提高”中的“切片工具”， 了解“自动”命令和动作面板的功能与使用方法，认识Web安全色在图像设计与制作中的作用；尝试使用切片工具的使用方法，引导学生尝试简单操作。当学生操作有难度时，教师需要适时示范指导。 尝试操作 实施项目 （60′） 参照教材中“方法步骤”，尝试操作，实施项目。当遇到困难时，可以观看课程教学资源网“录屏”文件。 学生在操作的过程中，教师要适时巡查，发现问题，引导学生解决。同时，鼓励小组同学之间相互帮助，积极交流，解决问题。 第5-6课时 展示作品 项目评价 （20′） 参照教材中“多元评价”表，首先自评，然后小组评价，找出差距，并记录下来。 教师鼓励学生在小组内积极展示、交流