《设计与制作网站首页界面》项目教学设计

1、Photoshop CS4基础与案例教程 设计与制作网站首页界面项目教学设计设计与制作网站首页界面项目教学设计一、项目情境网站是众多企业、团体和个人宣传产品、主张和树立良好形象的主要途径和重要手段。据不完全统计，当前100%的大型企业、60%的中小企业都已经或将要在互联网上建立的自己的网站，要使我们的网站在众多网站中脱颖而出，其界面的设计就显得十分重要。网页界面设计其实是一个系统工程，它包括网站页面布局、设计，颜色的搭配、尺寸的大小和风格的定位等。网站首页界面是整个网站的“面子”工程，首先突出的是功能，使广大用户只要看一眼网站，就能够知识该网站的类型。其次就是能够给访问者带来一种视觉享受，特别

2、是展示、宣传型的网站需要更加注重艺术设计。本项目就是要求学生使用Photoshop CS4软件，根据教材提供的素材图片，设计制作网站首页界面。二、项目目标学生通过完成本项目，达成以下目标：知识与技能：能够使用切片工具处理图像；了解优化图像命令选项优化Web图像的使用方法；了解界面设计与制作；尝试使用动作处理图像。方法与过程：能够根据项目的要求，确定完成项目的所需要的技术与方法，并较熟练的完成任务；能对自己和他人的活动过程与结果进行评价与交流，能归纳利用信息技术解决问题的基本思想与方法。情感、态度、价值观：通过完成本项目，能够感受到信息技术给人们工作、学习和生活带来的方便与快捷。三、项目分析在完

3、成本项目的过程中，使学生结合自己已有知识与技术，使用切片工具、 1Photoshop CS4基础与案例教程 设计与制作网站首页界面项目教学设计优化图像命令设计制作网站界面，了解网页设计中图像元素的处理方法。因此，学生需要具备如下基本知识与技能：1了解并使用切片工具处理网页中所需要的图像元素。2使用优化图像命令处理图像。3了解动作命令及动作面板的使用方法。在完成本项目的过程中，技术上难度不大，主要是操作比较复杂，需要学生在设计网站首页界面时，首先对整个界面有一个整体规划，然后在规划的基础之上进行制作。制作的过程中，引导学生既要合理运用其已有知识与技术，又要掌握本项目中的出现的新知识与技术。从而掌

4、握技术，提高能力。四、活动策略在本项目活动的过程中，教师首先要引导学生认识网站首页，知道网站首面构思、设计的一般方法。然后引导学生尝试自动命令拼合图像，使用切片工具切分图像的操作。当学生具备了设计与制作网站首页界面的知识与技术后，即可引导其完成本项目网站首页界面的设计与制作活动。在本项目活动过程中，学生技术方面的获得，大部分内容从阅读教材、观看操作录屏、教师演示示范即可达到目标，教师还需要引导学生了解网页中图像相关规则、颜色搭配、文件格式、设计创意等方面的知识。因此，教师可以结合本项目，引导学生收集、阅读网页设计方面的书籍或资料，观看比较成功的网页设计作品，从而启发迪设计创作思维，提高其综合设

5、计的素养。在完成本项目的过程中我们仍然采取“创设情境项目分析找出问题（知识与技术难点）解决问题实施项目项目评价拓展提高”的流程，达成完成项目的目标。五、活动过程Photoshop CS4基础与案例教程 设计与制作网站首页界面项目教学设计Photoshop CS4基础与案例教程 设计与制作网站首页界面项目教学设计六、设计反思根据教材安排来看，本项目作品需要处理过程比较繁琐，需要综合已有知识（比如文字工具、参考线、图层样式等）等都是前些项目中经常用到知识与技术），结合新知识与技术完成项目元素的处理。在操作的过程中，一些相同项目需要重复处理，将花费较长的时间，教师适时引导学生，使其他通过反复练习，掌握技术，形成能力。在学生活动的过程中，教师要适时鼓励学生之间相互交流，共同