汇报人：胡明丽汇报人：胡明丽电子商务网页设计与制作电子商务网页设计与制作电子商务网页设计与制作电子商务网页设计与制作课程整体设计课程整体设计课程整体设计课程整体设计1、课程总体情况及目标2、课程设计3、师资情况4、教学资源5、教学方法与手段6、课程实践教学7、课程单元设计8、课程考核方式9、教学效果10、课程特色11、今后改革思路电子商务网页设计与制作课程设计课课 程程 设设 计计 提提 纲纲一一课程总体情况及目标课程总体情况及目标课课程程体体系系中小企业网络中小企业网络营销实务营销实务电子商务网页电子商务网页设计与制作设计与制作搜索引擎营销搜索引擎营销电子商务网站运营与管理电子商务网站运营与管理第三方电子商务平台第三方电子商务平台客户关系管理客户关系管理专业核心能力课专业核心能力课网络推广网络推广职职业业素素质质职业岗位职业岗位职职业业能能力力思想道德修养与法律基础计算机文化基础中国传统文化体育与健康大学生诚信教育概论等通识教育课通识教育课电子商务基础与实务电子商务技术商务谈判与沟通电子商务图像处理实务电子商务动画制作实务等专业基础课专业基础课网络创业新商业文明电子商务职业素养农产品信息采集与分析阿里巴巴特色课等专业拓展课专业拓展课课程模拟实训、专项模拟实训、项目实战训练、顶岗实习、毕业实习课程模拟实训、专项模拟实训、项目实战训练、顶岗实习、毕业实习综合实践课程综合实践课程网站建设网站建设网站优化网站优化网络客服网络客服基于职业岗位的电子商务课程体系网站运营与策划网站运营与策划 课程总体情况课程总体情况先修先修课程课程后续后续课程课程电子商务电子商务基础与实基础与实务务电子商务电子商务动画制作动画制作实务实务电子商务电子商务图像处理图像处理实务实务ASP与网与网页数据库页数据库设计设计 网络创业网络创业 电子商务电子商务网站运营网站运营与管理与管理 基础基础学习领域学习领域核心核心学习领域学习领域课程总体情况课程总体情况、了解网页设计的基本理念、熟悉组成网页的基本元素、熟悉网页设计常用工具、掌握网站风格的确定、掌握网页色彩搭配原则、能够应用、能够应用CSS+DIVCSS+DIV布局网页布局网页、能用、能用photoshopphotoshop设计制作网页效果图设计制作网页效果图4 4、能用、能用FlashFlash设计并设计并制作网动画制作网动画5 5、能够完成动态网、能够完成动态网站代码的融合站代码的融合、能够、能够撰写撰写网站策网站策划书的划书的、培养艺术素养和审美能力、培养学生分工协、培养学生分工协调、团队合作的意识；调、团队合作的意识；、培养创新能力、新技术学习能力、培养信息获取能力和归纳总结能力、培养学生与客户的沟通能力课程目标课程目标知识目标知识目标能力目标能力目标素质目标素质目标二二课程设计课程设计二二. 课程设计课程设计课程设计理念-以职业能力培养为核心学生自主学习学生自主学习课程设计理念课程设计理念职业能职业能力培养力培养真实项目载体真实项目载体工作过程导向工作过程导向工学结合工学结合 校企融合校企融合课程设计思路2职业能力分析职业能力分析3学习者分析学习者分析 4以培养职业能力以培养职业能力为核心的教学目标为核心的教学目标 5工作任务导向工作任务导向确定学习情境确定学习情境 6多种模式多种模式工学工学交替联合培养学生交替联合培养学生 7持续关注学生在企业的发展，定期回访学生持续关注学生在企业的发展，定期回访学生 8以企业标准态以企业标准态更新学习情境更新学习情境1企业岗位企业岗位需求调研需求调研内容的选取与组织内容的选取与组织网站策划界面设计网站编辑静态网站的开发动态网站的开发网站的实施与维护教学成果申报网书法家庄辉个人网等级考试辅导网精品课程网站班级通讯录专业调研专业调研岗位能力分析岗位能力分析本课程岗位能力分析本课程岗位能力分析行动领域行动领域学习领域学习领域学习情境学习情境网站的需求分析效果图的设计制作网站的编辑网站的布局方式动画的制作CMS系统的应用网站的管理与维护内容的选取与组织内容的选取与组织课程内容序化与重构课程内容序化与重构 遵循职业成长规律遵循职业成长规律编号编号知识模块安排知识模块安排1网站欣赏2网站规划3网站效果图设计4网页色彩与布局设计5网页动画设计6网页布局与编辑7HTML语言基础8层叠样式表CSS9DIV+CSS网页布局10模板与库的应用11静态网站动态化12动态程序开发13综合教学案例14项目开发实训情境1：教学成果申报网站建设1情境2：书法家庄辉个人网站建设2情境3：英语等级考试辅导网3情境4：软件项目化实训精品课程网站4情境5：班级通讯录管理系统 5学学习情景情景学学习单元元 参考参考 课时情景名称情景名称学学习内容内容1.教学成果网络相关概念、网站需求分析、风格定位与网站欣赏、草图设计、图像相关概念、Photoshop的认识与基本操作、快捷键与键盘操作、Gif动画的制作、Dreamweaver插入文本、图像、表格等资源、 空间的申请与域名的申、网站文件的上传1.1项目基础与流程设计2121.2教学成果申报网站效果图设计与切片41.3教学成果申报网站的后期编辑41.4网站发布与测试22.书法家庄辉的个人网站建设Photoshop中图层与样式的使用、色调与色彩的调整、图像混合方式的使用、网页的色彩应用、网页的布局的类型与方法、Photoshop的基本操作、Swish软件基本操作方法、Dreamweaver基本操作、HTML语言的基本结构、HTML常用标记、Css样式表的应用2.1书法家庄辉个人网站网站项目策划2142.2书法家庄辉个人网站模板页效果图的设计与制作42.3 书法家庄辉个人网站主页设计与制作42.4书法家庄辉个人网站切片与动画制作22.5网站发布23.英语等级考试专题学习网站建设Photoshop的综合应用、搜索网站管理平台、网站管理平台与静态页面的整合、IIS的安装与配置、程序调试、后期完善、职业成长规律3.1任务前期策划2123.2效果图的设计与切片与动画设计43.3网页编辑43.4代码融合网站动态化24.软件项目化综合实训精品课程网站建设网站设计师应具备的素质、网页素材的收集、网站页面的分析、网站界面的创新处理、进行后期修饰、理解表现和内容的分离、CSS盒模型、单列布局的方法、散列布局的方法、模版的使用方法、库的使用方法4.1前期策划2144.2效果图的设计、切片与动画设计24.3DIV+CSS布局软件项目化综合实训精品课程网站44.4使用模版完善静态网站45.班级通讯录管理网站建设框架技术的应用方法；数据库基础与应用、ADO链接数据库、表单设计、权限的控制、查询、添加等功能的实现5.1前期策划与页面的布局2125.2登陆系统的实现25.3通用查询系统的实现45.4通讯管理系统的实现4教学情境课时分配教学情境课时分配类别类别知识点知识点解决办法解决办法重点重点网页效果图的设计经典网页赏析，形成深刻印象多搜集相关教学资料，归类存放，吸收精华分析多种网页布局的特点、导航栏的特点真实案例，教学与实践网页的布局（DIV+CSS）通过真实案例分析CSS，先进行操作，然后分析代码任务型教学，先提出问题，然后分析解决方法，观察其实际效果，最后分析HTML代码的变化分析使用模板的网站的优点并演示解决模板技术的最好方法使用CSS样式美化网页使用模板动态网页设计先分析具体案例，形成感性认识，然后总结一般规律，运用一般规律指导网页设计下载优秀的代码进行分析，吸取精华难点难点图像的处理开设选修课程图形图像处理，为学习网页设计提供保障。提供相关课程教程库，学生可以根据兴趣自主学习。动画的制作网页中特效制作通过分析目前网站中常用的特效，了解特效的制作技术通过观察常见特效的效果及制作方法，了解JavaScript技术的兴趣网站的规划与组织以实例分析网站的规划与组织方法让学生自己动手进行网站的规划与组织动态代码的编写以实践教学案例库为引导以社会需求与真实项目为导向、压力，引导学习编写程序课程内容重点与难点课程内容重点与难点三三师资情况师资情况 教学团队教学团队姓名姓名毕业院校院校专业胡明丽山东师范大学计算机科学与技术张洪明山东大学软件工程孙伟哈尔科夫国立大学组织管理陈丽娜山东科技大学计算机科学与技术王大威（企业）潍坊职工大学经济管理王学动（企业）西安交通大学电子技术四四教学资源教学资源四四.教学资源教学资源教材选用教材选用 张洪斌主编的全国高职高专教张洪斌主编的全国高职高专教育精品规划教材育精品规划教材网页制作与设计网页制作与设计教程教程 该教材以培养职业能力为核心，该教材以培养职业能力为核心，以工作实践为主线，以项目为导向，以工作实践为主线，以项目为导向，采用情境教学的方式，建立以工作采用情境教学的方式，建立以工作过程为框架的现代职业教育课程结过程为框架的现代职业教育课程结构，并设置面向网页设计师岗位的构，并设置面向网页设计师岗位的课程内容。课程内容。 四四.教学资源教学资源 多媒体课件多媒体课件 素材库素材库 实践教学情境案例库实践教学情境案例库 网站模板库网站模板库 课外拓展学习平台课外拓展学习平台网站模板库网站模板库课外拓展学习平台课外拓展学习平台五五教学方法与手段教学方法与手段构建“多模式”的职业技能训练模式多模式职业技能训练体系5 52 24 47 7模仿操作训练阶段测试训练1 13 36 6优秀作品赏析 拓展训练项目实战训练现场开发训练项目外包开发五五.教学方法与手段教学方法与手段五五.教学方法与手段教学方法与手段情景情景职业技能训练模式职业技能训练模式职业技能技能训练目的目的1.教学成果申教学成果申报网站建网站建设优秀作品秀作品赏析析欣欣赏优秀网秀网页、分析其布局、分析其布局结构、构、颜色搭配、色搭配、视觉效果、留效果、留下直下直观印象、激印象、激发学学习兴趣。趣。1.教学成果申教学成果申报网站建网站建设2.书法家庄法家庄辉个人网站建个人网站建设模仿操作训练模仿操作训练模仿老模仿老师讲解的方法制作网解的方法制作网页。理。理论与与实践相践相结合，合，“教、教、学、学、练”三者有机融合、三者有机融合、训练学生的学生的动手能力和模仿技能，手能力和模仿技能，提高提高课堂教学的堂教学的实践性。践性。1.书法家庄法家庄辉个人网个人网页建建设2.招英招英语等等级考考试辅导网建网建设3.软件件项目化目化综合合实训精品精品课程网程网站建站建设拓展拓展实践践训练利用利用课余余时间自己自己动手手尝试独立制作网独立制作网页，及，及时巩固巩固课堂所堂所学学习知知识，进一步一步强强化网化网页制作制作技能，提高学生自主学技能，提高学生自主学习能力和充分利用网能力和充分利用网络信息信息资源的能源的能力，提高教学力，提高教学过程的开放性，培养学生的学程的开放性，培养学生的学习主主动性，通性，通过课外外兴趣小趣小组集体活集体活动等形式，提高学生的人文素养。等形式，提高学生的人文素养。1.教学成果申教学成果申报网站建网站建设2.书法家庄法家庄辉个人网站建个人网站建设3.英英语等等级考考试辅导网建网建设4.软件件项目化目化综合合实训精精5. 班班级通通讯录管理系管理系统网站建网站建设阶段段测试训练通通过过程考核。提高学生学程考核。提高学生学习的的紧迫感，巩固学生的迫感，巩固学生的阶段学段学习成果。成果。1.教学成果申教学成果申报网站建网站建设2.班班级通通讯录管理系管理系统网站建网站建设项目目实战训练学学习通通过与企与企业用用户直接沟通与交流，在开直接沟通与交流，在开发实际项目目过程程中提高中提高职业能力，培养工程意能力，培养工程意识。1.书法家庄法家庄辉个人网站建个人网站建设2.软件件项目化目化综合合实训精品精品课程网程网站建站建设3.班班级通通讯录管理系管理系统网站建网站建设现场开开发训练通通过让学生到用学生到用户现场解决网站运行中的解决网站运行中的实际问题，提高学，提高学生的被生的被认同感和成就感。同感和成就感。1.英英语等等级考考试辅导网建网建设2.软件件项目化目化综合合实训精品精品课程网程网站建站建设3.班班级通通讯录管理系管理系统网站建网站建设项目外包开目外包开发创造机会造机会让学生独立承接、开学生独立承接、开发和和实施施项目，目，实现自我价自我价值，为以后的就以后的就业和和创业积累累经验，奠定良好基，奠定良好基础。“多模式多模式”的职业技能训练模式具体应用的职业技能训练模式具体应用（1 1）模仿企业的网站开发环境构建真实的工作环境）模仿企业的网站开发环境构建真实的工作环境 （2 2）充分使用现代教育技术手段促进教学活动开展）充分使用现代教育技术手段促进教学活动开展 （3 3）基于网络的开放式学习方式，注重学生自主学习）基于网络的开放式学习方式，注重学生自主学习 教学手段1五五.教学方法与手段教学方法与手段六六课程实践教学课程实践教学课程实践教学课程实践教学校内实训基地 现有教学软件实训室19个，多媒体教室137个。拥有中心机房2个，网络覆盖全院，内网外网并存，有线无线并存。学生工作室1.淘宝创业实训室2.网易印象派工作室3.启航电子商务工作室4.安达电子商务工作室 学生作品展示学生作品展示学生作品展示学生作品展示学生作品展示学生作品展示学生作品展示学生作品展示学生作品展示学生作品展示课程实践教学课程实践教学校外实训基地潍坊威龙潍坊金网潍坊方圆潍坊中企青岛雷迅七七课程单元设计课程单元设计七七.课程单元设计课程单元设计情境案例：书法家庄辉个人网站情境案例：书法家庄辉个人网站情境情境2子情境子情境设计职业素素质及能力培养及能力培养书法家庄法家庄辉个个人网站建人网站建设网站网站项目策划目策划沟通能力、策划能力、文档能力沟通能力、策划能力、文档能力网站效果网站效果图的的设计艺术素养、素养、Photoshop设计网站切片与网站切片与动画制作画制作动画制作能力、画制作能力、创新新创意能力意能力网网页制作制作Dreamweaver使用、使用、团队协作作网站网站发布布项目目实施能力、施能力、现场分析、解决分析、解决问题能力能力学学学学 生生生生AADDBBC CE E检查评测明确任务制定计划设计制作收集信息教师布置任务（展示效果预览图），帮助学生明确任务要求。学生在教师的引导下，分解项目任务，确定工作计划。学生根据计划与任务分工，进行收集资料，准备素材等。学生根据计划在教师的指导下完成页面的设计与制作，并做好相关文字记录。学生展示作品、教师提问、学生答辩、学生互评、教师讲评课堂实施八八课程考核方式课程考核方式八八.课程考核方式课程考核方式课程考核考评考评方式方式过程考评过程考评结果考评结果考评素质考评素质考评工单考评工单考评实操考评实操考评理论考评理论考评项目考评项目考评1010分分 10 10分分 30 30分分2020分分3030分分考评考评实施实施由指导教师根据学生表现集中考评由主讲教师根据学生完成的工单情况考评有指导教师对学生进行项目操作考评理论测试以期末试卷的形式组织学生统考采用真实项目，由企业与课程组共同考评考评考评标准标准根据遵循实验室规则，能够团结同学，配合小组工作任务等情况打分（10分）预习内容（5分）项目操作过程有计划与实施记录（5分）任务方案正确（10）操作过程正确（10分）任务完成良好（10分）HTML、DIV、CSS等网站设计相关理论知识（20分）建议采用项目考试，已完成真实项目的能力来考核（30分）电子商务网页设计与制作电子商务网页设计与制作课程课程素质与实操考评记录单素质与实操考评记录单八八.课程考核方式课程考核方式工作要求工作要求工作内容开发书法家庄辉个人网站建设网站具体要求1.搜索国内相关名人网站2.重点了解项目的分析、项目开发流程3.通过Photoshop软件制作效果图设计4.形成后期的网页编辑5.使用HTML+CSS来编辑页面具体安排4人或5人为1个小组，全班分成若干组，每组指定或自选1人为组长，负责协调、组织、讨论，最后收集材料与作品，在指导教师的参与下并完成组内的评比，最后由教师做出素质测评与实操测评。实施难度2考核考核结果果工作汇报作品展示和口头叙述完成情况按时完成其他情况：完成质量合格（相似度高）重做差工作态度较好一般较差工作能力较强一般较差素质与实操绩效总分评语：绩效总分（作为学生的平时成绩）：九九教学效果教学效果1九九.教学效果教学效果深圳竞争力科技有限公司创始人冯英健博士深圳竞争力科技有限公司创始人冯英健博士对电子商务网页设计与制作课程的评价：课程能力目标设计清晰，突出了职业教育的特点，单元设计能力明显，突出了了以学生训练为主，教师提升为辅的教学方法。 潍坊威龙电子商务科技有限公司总经理潍坊威龙电子商务科技有限公司总经理王大威：王大威：课程教学内容丰富，教学理念新颖，师资队伍力量强，有一定的教学科研能力。课程建设注意结合相关研究领域的众多前沿技术，理论联系实际，在启发学生的思路的同时，又拓展了他们的视野。1九九.教学效果教学效果十十课程特色课程特色十十. 课课 程程 特特 色色学生职业素质学生职业素质312自信心自信心自主性自主性教学做一体化教学做一体化开放式学习开放式学习工学结合工学结合自学能力自学能力l基于企业 “岗位需求”与“网站开发工作流程”设置教学情境l基于教学做合一的同时，实施真实性系统化的项目化教学l基于网络的开放式学习方式，注重学生自主学习十十今后改革思路今后改革思路十一十一. 今后改革思路今后改革思路深化校企合作，进一步将企业标准融入课程教学深化校企合作，进一步将企业标准融入课程教学鼓励专任教师到企业挂职锻炼，提高教师的业务能鼓励专任教师到企业挂职锻炼，提高教师的业务能力与科研能力力与科研能力开发和丰富立体化课程教学资源库，提高教学质量开发和丰富立体化课程教学资源库，提高教学质量谢谢 谢！谢！