网页设计与制作说课课件

单击此处编辑母版文本样式,第二级,第三级,第四级,Page,*,单击此处编辑母版标题样式,网页设计与制作,网页设计基础,网页设计与制作网页设计基础,网页设计基础,本课程是计算机多媒体技术、印刷图文信息处理、网络技术等专业的专业基础课程，在,IT,行业应用非常广泛。它既为一门具体的应用技术，也是作为其他网络应用的重要基础工具，因而在整个教学体系中占据非常重要的地位。,为什么要上,网页设计基础,这门课？,2,网页设计基础 本课程是计算机多媒体技术、印刷图文信息,计算机多媒体技术专业方向简图,专业人才,培养目标,一学期,二学期,四学期,三学期,五学期,六学期,图形图像处理,平面动画基础,静态网页设计,网站开发实训,影视三维动画,企业实习实训,网站开发,三维动画,影视制作,图像处理,3,计算机多媒体技术专业方向简图专业人才一学期二学期四学期三学期,这门课程对应的职业岗位,网页设计师,网页美工,网络管理员,网站开发工程师,4,这门课程对应的职业岗位网页设计师4,目 录,课 程 设 置 及 内 容,教 学 过 程 及 方 法,学 习 方 法 及 考 核,课 程 特 色 及 创新,5,目 录课 程 设 置 及 内 容教 学,网页设计与制作,课程设置及内容,教什么？,网页设计与制作课程设置及内容 教什么？,课程定位,HTML+CSS,Javascript,数据库开发技术,专业基础课,网页设计基础,平面构成,平面图像处理,Flash,动画制作,计算机基础,网站综合实训,职业定向课,专业技能课,7,课程定位HTML+CSS专业基础课网页设计基础平面构成计算机,课程设置,:,“任务驱动教学方法”,课程情景：,张先生的企业要设计与制作一个网站来宣传,展示企业形象和宣传产品，任务需要一网站设计师来完成。,网站整体色彩设计和布局需求分析,项目立项，规划网站,网页的设计制作,网站的框架与样式,网站测试和发布管理,网站运行和更新,网站构图设计,设计制作步骤,文档布局编辑,多媒体的处理,布局和框架,脚本使用,测试和发布,管理,Fireworks,的使用,Dreamweaver,的使用,flash,的使用,CSS+DIV,布局处理,网站网络基本知识,JavaScript,实用技术,网站的测试和综合,8,课程设置: “任务驱动教学方法”课程情景：张先生的企业要设计,教学总体结构设计（项目任务式教学）,理论知识教学,实践能力训练,设计思想锻炼,创新能力开发,项目一,项目立项与网站策划,项目二,网站首页设计与切片,项目三 网页文档编辑,项目四 网页动画制作,项目五 网页样式的处理,项目,六,网页脚本的使用,项目,七 网站,测试、发布与管理,项目,八 网页综合实训,标示符号,教学训练目标,能力培养重点,实践教学目的,9,教学总体结构设计（项目任务式教学）理论知识教学实践能力训练设,课 程 目 标,知识目标,了解基本的网页设计配色布局方案,掌握网站建设的基本途径、方法和技术要求,具有网页制作的基本设计理念,能根据网站功能需求设计网页制作的基本方案,能力目标,熟练掌握网页设计和制作的软件（网页三剑客）运用能力,根据功能需求设计网站的布局、框架和配色方案等综合能力,运用所学知识解决网页设计中所遇到的实际问题能力,收集、处理信息、准备、加工素材的实践能力,素质目标,沟通能力和协作精神,勤于思考、认真踏实的工作作风,运用科学技术和创新创业的理念,自主学习、不断进取、理论联系实际的综合素养,10,课 程 目 标 知识目标了解基本的网页设计配色布局方案能力目,知识目标,了 解,掌 握,应 用,网页设计配色布局方案,网站开发、网页设计布局,网站方案设计和需求分析,11,知识目标了 解掌 握应 用网页设计配色布局方案网站开发、网,能力目标,1.,熟练掌握网页设计和制作的软件（网页三剑客）运用能力,2.,根据功能需求设计网站的布局、框架和配色方案等综合能力,3.,运用所学知识解决网页设计中所遇到的实际问题能力,4.,收集、处理信息、准备、加工素材的实践能力,5.,独立完成静态网站制作能力,6.,策划、色彩感悟、结构布局能力,7.,设计网站综合实力,1,2,3,4,5,6,7,12,能力目标1.熟练掌握网页设计和制作的软件（网页三剑客）运用能,素质目标,社会实践与志愿服务,思想政治与道德素养,科学技术与创新创业,社团活动与社会工作,文化艺术与身心发展,技能培养,13,素质目标社会实践与志愿服务 思想政治与道德素养 科学技术与创,理论教学,网页动画处理,Flash,动画制作,SWF,动画运用,设计网页效果图,Fireworks,、,Photoshop,美工基础,导航和接片、热区,两周综合实训,网页制作方法,Dreamweaver,运用,使用,HTML,语言设计,上机实践,教学内容的组织与安排,培养综合实践能力,方案设计和实践操作能力,网站规划,写策划书,和客户签订合同,制定开发流程和任务分工,14,理论教学网页动画处理Flash动画制作设计网页效果图Fire,网页设计与制作,教学过程及方法,怎么教？,网页设计与制作教学过程及方法 怎么教？,教学目标,网页脚本运用,动画制作和样式处理,网页文档静态制作,网站设计思想,教学过程总体结构设计,课程起始,课程拓展,课程完成,网站发布和管理,综合实训设计,16,教学目标 网页脚本运用动画制作和样式处理网页文档静,教学活动的有机结合,教 学 过 程,课件运用,媒介场景,实例结合,有机互动,灵活掌握技能操作,理解知识重点和要点,理解课程运用知识,开拓创新设计思维,17,教学活动的有机结合教 学 过 程课件运用媒介场景实例结合有机,行动领域,例如：,项目三 网页动画制作,典型工作任务,提出任务需求,网站首页需要,banner,动画,行动领域,制作软件的选取和介绍,选用基本软件,行动领域,软件工具使用,软件工具的应用实例,行动领域,网站动画的素材选取,基本动画制作,banner,动态效果制作,行动领域,FLASH,基本操作介绍,完成动画制作,行动领域,FLASH,工具的使用实例,行动领域,动态效果的制作方法,完成项目任务,18,行动领域 例如：项目三 网页动画制作典型工作任务 提出任务需,多种教学模式的运用,课堂演示教学,教师指导实验,实习实训实践,专业设计比赛,教学模式的设计与创新,单击添加,理论实践教学,实践实训教学,社会实践教学,校外企业实训,技能操作评比,19,多种教学模式的运用课堂演示教学实习实训实践教学模式的设计与创,走工学结合的路子，利用社会,IT,企业和校外实训基地，获取知识和技能。,理论课教学采用多媒体课件、电化教学或等先进教学手段进行。,现代教学技术应用,充分利用实验室，进行各种操作技能训练，加深对理论知识的理解和记忆。,充分利用校园网及网络平台，拓展学生知识面。,先进教学模式实现,20,走工学结合的路子，利用社会IT企业和校外实训基地，获取知识和,教学方法的多样性,实践训练,任务应用,演示讲授,针对不同的教学内容选择适宜的教法,21,教学方法的多样性实践训练任务应用演示讲授针对不同的教学内容选,教学活动的多边性,教学活动,互动教学课件,专业知识讲座,小组单位竞赛,教师指导教学,相互教学听课,校外实习培训,能力水平指导,交互作品赏析,22,教学活动的多边性 教学活动互动教学课件专业知识讲座小组单位竞,小组实践教学,23,小组实践教学23,网页设计与制作,学习方法及考核,怎么学？,网页设计与制作学习方法及考核 怎么学？,学习方法的循序渐进,学生根据教学方法采取由浅至深、循序渐进的学习,掌握基本,知识理论,运用基本制作软件,理解合理设计思想,结合综合实践过程,熟悉掌握整体制作流程,实践创新自学研发,理论联系实际,训练实践操作,开拓思维研发,三结合,25,学习方法的循序渐进学生根据教学方法采取由浅至深、循序渐进的学,学习方法的中心和融合,利用多样的教学活动，培养独立设计制作，自我创新，发展开拓性设计思想。,根据实践操作训练，引导学生掌握基本技能，运用理论知识联系实际能力提高实践技术。,根据教学重点难点，指导学生掌握本课程基本知识和基本技能。,以“学生为中心”，融合教程和教材,知识掌握,操作掌握,能力掌握,26,学习方法的中心和融合利用多样的教学活动，培养独立设计制作，自,考 核 方 式 及 标 准,本课程采用形成性考核和终结性考核相结合的方法进行考核。,形成性考核,(,平时成绩,),：占,40%,；出勤、听课情况、上课提问回答情况、作业完成情况等。,终结性考核,（作品考核成绩）：占,60%,；根据各小组的网站质量进行考核。,总评,=,平时成绩,40% +,期终考核成绩,60,考 核 方 式 及 标 准本课程采用形成性考核和终结性考核相,28,28,网页设计基础,考核流程,每小组选1名同学作为评审员；,评审员集中坐在一起，为评审员的电脑中拷贝考核标准一份；,给评审员每人一张白纸，用于打分；,每小组派一名同学进行作品展示，并按照要求进行陈述；,评审员为每小组打分；,指定1名同学收集分数条，指定2名同学进行总分；计分方法是：去掉最高分和最低分，求其他分数的平均值。,公示分数。,29,网页设计基础考核流程每小组选1名同学作为评审员；29,网页设计与制作,课程特色及创新,成效？,网页设计与制作课程特色及创新 ,本课程有以下创新与特点：,1,采用工作任务驱动及情景融入等教学方法,2,建立精品课程网站为学生提供全方位的、优质的、人性化的服务,3,根据学生认知特点。自编教学大纲、综合实训大纲、教材及实习指导书,1,采用工作任务驱动及情景融入等教学方法,31,本课程有以下创新与特点：1采用工作任务驱动及情景融入等教学方,本课程有以下创新与特点：,4,实践教学突出“知、会、能”三原则与方法,5,实践环节引入质量控制体系，确保高质量地完成,6,工学研结合、校企合作、职业技能培训和鉴定，为学生就业提供方便,32,本课程有以下创新与特点：4实践教学突出“知、会、能”三原则与,谢谢,33,谢谢33,