photoshop网页图形图像处理-课程设计课件.ppt

1、株洲市工业中等专业学校株洲市工业中等专业学校 肖茜肖茜photoshopphotoshop网页图形图像处理网页图形图像处理课程设计课程设计lianyoulu/lianyoulu/tllngy/计算应用专业（软件方向）教学内容设计教学内容设计教学方法与手段设计教学方法与手段设计学习效果评价设计学习效果评价设计示例：网页元素之示例：网页元素之logologo制作制作课程设置分析课程设置分析主主 要要 内内 容容 PhotoshopPhotoshop网页图形图像处理是计算机应用专业（软网页图形图像处理是计算机应用专业（软件方向）的一门专业基础课程，对于网站开发、网页设计、件方向）的一门专业基础课程，

2、对于网站开发、网页设计、网页美工等岗位应具备的图形制作和图像处理能力的培养起网页美工等岗位应具备的图形制作和图像处理能力的培养起到重要作用。到重要作用。ppthi-hoo课程设置分析课程设置分析课课 程程 定定 位位ppthi-hoo课程名称课程名称基准学时基准学时考核考核方式方式1 1期期2 2期期3 3期期4 4期期5 5期期6 6期期DreamweaverDreamweaver网页设计与制作网页设计与制作6毕业毕业实习实习过程考核过程考核+终结考核终结考核FlashFlash动画制作动画制作6过程考核过程考核+终结考核终结考核PhotoshopPhotoshop网页图形图像处理网页图形图

3、像处理4过程考核过程考核+终结考核终结考核officeoffice办公软件办公软件4过程考核过程考核+终结考核终结考核计算机安装与维护计算机安装与维护4过程考核过程考核+终结考核终结考核计算机应用（文字录入）计算机应用（文字录入）6过程考核过程考核+终结考核终结考核网页特效制作网页特效制作6过程考核过程考核+终结考核终结考核JAVAJAVA编程编程6过程考核过程考核+终结考核终结考核JSPJSP程序设计程序设计6过程考核过程考核+终结考核终结考核SQL ServerSQL Server数据库管理和开发数据库管理和开发6过程考核过程考核+终结考核终结考核软件工程与建模软件工程与建模5过程考核过程

4、考核+终结考核终结考核AccessAccess数据库数据库6过程考核过程考核+终结考核终结考核网站布局网站布局2过程考核过程考核+终结考核终结考核pptppt制作与美化制作与美化3过程考核过程考核+终结考核终结考核JAVAJAVA项目实战项目实战8 8过程考核过程考核+终结考核终结考核动态网站开发动态网站开发6 6过程考核过程考核+终结考核终结考核AJAXAJAX应用开发应用开发6 6过程考核过程考核+终结考核终结考核办公设备与维护办公设备与维护3过程考核过程考核+终结考核终结考核专业基础课程专业核心课程专业方向课程课程设置分析课程设置分析计算机应用专业（软件）课程体系计算机应用专业（软件）课

5、程体系计算机安装与维护为后续课程提供图形制作和图像处理的方法和工具 Dreamweaver网页设计与制作 计算机应用本课程（64课时）Flash动画制作 ppthi-hoo课程设置分析课程设置分析前后课程关系前后课程关系Photoshop网页图形图像处理前导课程后序课程毕业设计 网站布局 OFFICE办公软件 ppthi-hoo课程设置分析课程设置分析课程设计理念课程设计理念课程设计理念课程设计理念以学生以学生为主体为主体以项目以项目为载体为载体以能力以能力培养为中心培养为中心以工作以工作过程为导向过程为导向基于岗位职业能力与素质分析确定课程目标基于岗位职业能力与素质分析确定课程目标 12课程

6、设计课程设计思路思路ppthi-hoo课程设置分析课程设置分析课程设计思路课程设计思路采用采用“项目导向，任务驱动，案例教学，理项目导向，任务驱动，案例教学，理论实践一体化论实践一体化”的教学模式开展教学的教学模式开展教学 4以培养职业态度、训练岗位技能为中以培养职业态度、训练岗位技能为中心，设计心，设计“项目式项目式”的技能训练链的技能训练链 3以工作项目为载体重构课程内容以工作项目为载体重构课程内容 方法能力目标方法能力目标 专业能力目标专业能力目标 社会能力目标社会能力目标（1 1）培养学生较好的学习主动性、创造性；）培养学生较好的学习主动性、创造性；（2 2）培养按时、守时的作品交付观

7、念；）培养按时、守时的作品交付观念；（3 3）培养较好的审美和分析作品的能力；）培养较好的审美和分析作品的能力；（4 4）培养学生较好的创新能力；）培养学生较好的创新能力；（5 5）培养学生搜集资料、阅读资料和利用资料的能力；）培养学生搜集资料、阅读资料和利用资料的能力；（6 6）培养通过）培养通过PhotoshopPhotoshop软件进行图形制作和图像处理的能力。软件进行图形制作和图像处理的能力。（1 1）掌握图像处理的基本知识；）掌握图像处理的基本知识；（2 2）掌握）掌握PhotoshopPhotoshop软件常用工具和命令的使用方法；软件常用工具和命令的使用方法；（3 3）能根据效果

8、图分析实现的方法；）能根据效果图分析实现的方法；（4 4）能临摹和设计制作网页具体元素（如）能临摹和设计制作网页具体元素（如ICONICON图标、按钮、导航栏、图标、按钮、导航栏、LOGOLOGO、特效字、特效字、BANNERBANNER）；）；（5 5）能在老师的指导下分析并临摹制作出比较复杂的各种类型的网页效果图；）能在老师的指导下分析并临摹制作出比较复杂的各种类型的网页效果图；（6 6）掌握网页设计流程）掌握网页设计流程课程设置分析课程设置分析课程目标课程目标（1 1）培养学生良好的自我表现、与人沟通能力；）培养学生良好的自我表现、与人沟通能力；（2 2）培养学生的团队协作精神；）培养学

9、生的团队协作精神；（3 3）培养学生分析问题、解决问题的综合能力；）培养学生分析问题、解决问题的综合能力；（4 4）培养学生勇于创新、敬业乐业的工作作风；）培养学生勇于创新、敬业乐业的工作作风；（5 5）培养学生诚实、守信的性格；）培养学生诚实、守信的性格；（6 6）培养学生掌握自主、开放的学习能力）培养学生掌握自主、开放的学习能力 教学内容设计教学内容设计内容选取与组织内容选取与组织 l青瓷按钮lVista风格按钮 l磨砂金属按钮l疑问的红按钮l水晶按钮lMp3专卖网站导航条l横排导航条l金属镂空导航条l异形导航条l动感网球导航l索尼爱立信logolQuikTime播放器logol中国银行l

10、ogol宝马公司LOGOlPOWERMARKETING公司LOGOl收藏幸运星图标制作l水晶风格dreamweaver图标l银色邮件精灵图标l微笑的蓝调图标l银色渐变IE浏览器图标l海尔商城广告字l霓虹字特效字l金属质感文字l天空之城特效字l冰冻特效字lBanner广告l我的博客bannerl世博会bannerlLogin bannerl浪漫花语bannerl商务网页设计原则l商务类网页制作色彩运用l商务类网页图像设计l商务类网页布局设计l商务类网页功能架构和板块结构l京东商城网首页实现思路l娱乐类网页设计原则l娱乐类网页制作色彩运用l娱乐类网页图像设计l娱乐类网页布局设计l娱乐类网页功能架构

11、和板块结构lMP3.COM首页实现思路教学内容内容选取与组织教学内容内容选取与组织重构与序化重构与序化编号编号教学课题教学课题教教 学学 内内 容容课时课时1项目一项目一：网页按钮制作1.1青瓷按钮制作1.2Vista风格按钮制作1.31.3磨砂金属按钮制作1.4疑问的红按钮制作41.5水晶按钮制作1.6为尚格名城房地产网站首页设计制作一个查看按钮42项目二：项目二：网页导航条制作2.1Mp3专卖网站导航条制作2.2横排导航条制作2.3金属镂空导航条制作2.4异形导航条制作42.5动感网球导航制作2.6为尚格名城房地产网站首页设计制作导航条43项目三：项目三：网页Logo制作3.1索尼爱立信l

12、ogo制作3.2QuikTime播放器logo制作3.3中国银行logo制作3.4宝马公司LOGO制作43.5为尚格名城房地产公司设计制作一个logo44项目四：项目四：网页ICON图标制作4.1收藏幸运星图标制作4.2水晶风格dreamweaver图标制作4.3银色邮件精灵图标制作4.4微笑的蓝调图标制作44.5银色渐变IE浏览器图标制作4.6为iphone网站首页设计制作一个搜索图标45项目五：项目五：网页特效文字制作5.1海尔商城广告字制作5.2霓虹字特效字制作5.3金属质感文字制作5.4天空之城特效字制作45.5冰冻特效字制作5.6为iphone网站首页设计制作一个广告特效文字4编号编

13、号教学课题教学课题教教 学学 内内 容容课时课时6项目六：项目六：网页Banner制作6.1Banner广告制作6.2我的博客banner制作6.3世博会banner制作6.4Login banner制作46.5浪漫花语banner制作6.6为iphone网站首页设计制作一个动感banner47项目七：项目七：商务类网页效果图制作京东商城网首页7.1商务网页设计原则7.2商务类网页制作色彩运用7.3商务类网页图像设计7.4商务类网页布局设计7.5商务类网页功能架构和板块结7.6京东商城网首页实现思路7.7完成京东商城网首页整体布局与架构设计并选择好页面主、辅色调47.8完成京东商城网首页效果图

14、制作7.9设计制作淘宝商城网首页效果图48项目八：项目八：娱乐类网页效果图制作MP3.COM首页8.1娱乐类网页设计原则8.2娱乐类网页制作色彩运用8.3娱乐类网页图像设计8.4娱乐类网页布局设计8.5娱乐类网页功能架构和板块结构8.6MP3.COM首页实现思路8.7完成MP3.COM首页整体布局与架构与设计并选择好页面主、辅色调48.8完成MP3.COM首页效果图制作8.9设计制作快乐女生网首页效果图4教学内容选取与组织教学内容选取与组织重构与序化重构与序化教学内容设计教学内容设计载体选择与学习情境设计载体选择与学习情境设计载体：工作项目学习情境网页元素网页效果图 PHOTOSHOPPHOT

15、OSHOP网页图形图像处理网页图形图像处理教学方法与手段设计教学方法与手段设计教学方法教学方法项目项目教教学法学法任务任务驱驱动法动法在老师的指导下,将一个相对独立的项目交由学生自己处理 学生通过项目的进行,了解并把握整个过程及每一个环节中的基本要求。案例案例教教学法学法小组讨小组讨论论法法以任务的进程维系教学过程以学生的职业技能和职业素养培养为中心以案例为基础 案例的引用引发学生的学习兴趣，有利于激发学生学习的主动性46人一组,学生相互发表各自的见解 学生在讨论中互相启迪，从中得到启发教育或产生新的知识 教学方法与手段设计教学方法与手段设计教学手段教学手段实训室多媒体教学设备教学课件丰富的网

16、络资源引导文学习效果评价设计学习效果评价设计考核评价模式考核评价模式考核阶段考核阶段考核考核内容内容考核形式考核形式成绩比例成绩比例过程考核职业态度与素养、6S管理课堂点名、6S管理、团队协作20%8个教学单元的单项实践操作技能课堂引导训练课堂同步实践课外拓展训练20%2个项目制作项目考核40%终结性考核综合技能、职业规范、创新能力等项目（作品）考核20%加分项职业能力、职业素质承接威客网任务被客户采用5分采用采用“过程考核过程考核+终结考核终结考核”相结合的考核模式相结合的考核模式学习效果评价设计学习效果评价设计课程考核评价标准课程考核评价标准项目项目考核知识点考核知识点考核分值考核分值职业

17、态度与职业态度与素养考核素养考核考勤与纪律10课程提问5平时抽查5过程考核过程考核网页按钮制作5网页导航条制作5网页Logo制作5网页ICON图标制作5网页特效文字制作10网页Banner制作10综合考核综合考核商务类主题网页设计20娱乐类主题网页设计20合计合计100“立体化立体化”教学资源教学资源网络课程网络课程人才培养方案人才培养方案教学课件教学课件课程标准课程标准教材教材教学设计教学设计授课计划授课计划操作试题库操作试题库理论试题库理论试题库素材库素材库技能鉴定题库技能鉴定题库教学案例库教学案例库教学视频教学视频拓展学习资料拓展学习资料电子资源电子资源网络资源网络资源纸质资源纸质资源教

18、学指导书教学指导书学习指导书学习指导书教学实施范例教学实施范例网页元素之网页元素之logologo制作制作教学地点教学地点课程名称课程名称课课 时时Photoshop网页图形图像处理2课时多媒体实训室教学目标教学目标知识目标：理解logo的设计原则 技能目标：能使用ps常用工具临摹优秀logo；能根据设计原则自己完成主题logo设计 态度目标：能积极、主动学习；培养团队合作精神；培养分析问题、解决问题的能力教学重点教学重点教学难点教学难点1、logo设计原则。2、使用ps常用工具实现效果图 1、运用Logo设计原则设计主题logo。2、参照效果图分析工具的使用并实现效果图 教学实施范例教学实施

19、范例本次课的教学流程设置本次课的教学流程设置资 讯计 划决 策实 施检 查评 估1、展示logo设计图样，学生讨论分析其优劣。2、学生在引导文中总结logo设计原则。3、展示课堂需要完成的案例效果图。1、小组讨论、分析案例一的实现方法，如使用到的ps的常用工具、颜色填充技巧、文字录入等。2、小组讨论共同制定案例的制作计划。3、师生共同讨论、完善案例制作计划。1、学生根据讨论结果，遵照制作计划，完成案例一的制作。2、教师针对共性问题提出解决方案。1、检查案例完成情况。2、对学生的团队合作意识、工作态度进行评估。案例一引导文法：引导文法：面向实践操作、面向整体，学生对一个复杂的工作流程进行策划和操

20、作。教学实施范例教学实施范例本次课的教学方法和教学手段本次课的教学方法和教学手段小组讨论法：小组讨论法：学生在讨论中互相启迪，从中得到启发教育或产生新的知识。任务驱动法：任务驱动法：为学生提供体验实践的情境和感悟问题的情境，围绕任务展开学习，学生主动建构探究、实践、思考、运用、解决的学习体系。教学实施范例教学实施范例本次课的考核评价本次课的考核评价评价方法评价方法自评自评+互评互评+师评师评考核标准考核标准课程名称课程名称Photoshop网页图形图像处理 教学单元教学单元网页元素logo班班 级级姓名姓名小组名称小组名称小组成员姓名：小组成员姓名：评价 内容评 分 标 准自评互评师评知识logo设计原则10技能椭圆、钢笔、文字、渐变工具应用图层样式设置图层蒙版操作30职业素养工作认真负责、积极主动，工作态度端正。服从工作安排。任劳任怨、吃苦耐劳。积极主动与他人合作。10总分总分敬请指导感谢湖铁职院培训团队的耐心指导！感谢湖铁职院培训团队的耐心指导！