电子商务网页设计与制作说课终结学习教案

《电子商务网页设计与制作说课终结学习教案》由会员分享，可在线阅读，更多相关《电子商务网页设计与制作说课终结学习教案（45页珍藏版）》请在金锄头文库上搜索。

1、会计学1电子商务电子商务(din z shn w)网页设计与网页设计与制作说课终结制作说课终结第一页，共45页。1、课程总体情况及目标2、课程设计3、师资情况4、教学资源5、教学方法与手段6、课程实践(shjin)教学7、课程单元设计8、课程考核方式9、教学效果10、课程特色11、今后改革思路电子商务网页设计与制作课程设计课课 程程 设设 计计 提提 纲纲第1页/共44页第二页，共45页。一一课程总体情况课程总体情况(qngkung)及目标及目标第2页/共44页第三页，共45页。课课程程体体系系中小企业网络中小企业网络营销实务营销实务电子商务网页电子商务网页设计与制作设计与制作搜索引擎营销搜索

2、引擎营销电子商务网站运营与管理电子商务网站运营与管理第三方电子商务平台第三方电子商务平台客户关系管理客户关系管理专业核心能力课专业核心能力课网络网络(wnglu(wnglu) )推广推广职职业业素素质质职业岗位职业岗位职职业业能能力力思想道德修养与法律基础计算机文化基础中国传统文化体育与健康大学生诚信教育概论等通识教育课通识教育课电子商务基础与实务电子商务技术商务谈判与沟通电子商务图像处理实务电子商务动画制作实务等专业基础课专业基础课网络创业新商业文明电子商务职业素养农产品信息采集与分析阿里巴巴特色课等专业拓展课专业拓展课课程模拟实训、专项模拟实训、项目实战训练、顶岗实习、毕业实习课程模拟实训

3、、专项模拟实训、项目实战训练、顶岗实习、毕业实习综合实践课程综合实践课程网站网站(wn (wn zhn)zhn)建建设设网站网站(wn (wn zhn)zhn)优优化化网络客服网络客服基于职业岗位的电子商务课程体系网站运营与策划网站运营与策划 课程总体情况课程总体情况第3页/共44页第四页，共45页。先修先修课程课程后续后续课程课程电子商电子商务基础务基础与实务与实务电子商电子商务动画务动画制作实制作实务务电子商电子商务图像务图像处理实处理实务务ASP与与网页数网页数据库设据库设计计 网络创网络创业业 电子商电子商务网站务网站运营与运营与管理管理 基础基础学习学习(xux)领域领域核心核心学习

4、学习(xux)领域领域课程总体课程总体(zngt)情况情况第4页/共44页第五页，共45页。、了解(lioji)网页设计的基本理念、熟悉组成网页(wn y)的基本元素、熟悉网页(wn y)设计常用工具、掌握网站风格的确定、掌握网页色彩搭配原则、能够应用、能够应用CSS+DIVCSS+DIV布局网页布局网页、能用、能用photoshopphotoshop设计制作网页效果图设计制作网页效果图4 4、能用、能用FlashFlash设计并制作网动画设计并制作网动画5 5、能够完成动态网站代码的融合、能够完成动态网站代码的融合、能够、能够撰写撰写网站策划书的网站策划书的、培养艺术素养和审美能力、培养学生

5、分工协调、团队合作的意识；、培养学生分工协调、团队合作的意识；、培养创新能力、新技术学习能力、培养信息获取能力和归纳总结能力、培养学生与客户的沟通能力课程目标课程目标知识目标知识目标能力目标能力目标素质目标素质目标第5页/共44页第六页，共45页。二二课程设计课程设计第6页/共44页第七页，共45页。二二. 课程设计课程设计课程设计理念课程设计理念- -以职业以职业(zhy)(zhy)能力培养为核心能力培养为核心学生自主学生自主(zzh)学习学习课程设计理念课程设计理念(l nin)职业能职业能力培养力培养真实项目载体真实项目载体工作过程导向工作过程导向工学结合工学结合 校企融合校企融合第7页

6、/共44页第八页，共45页。课程设计思路2职业能力分析职业能力分析3学习者分析学习者分析 4以培养职业能力以培养职业能力为核心的教学目标为核心的教学目标 5工作任务导向工作任务导向确定学习情境确定学习情境 6多种模式多种模式工学工学交替联合培养学生交替联合培养学生 7持续关注学生在企业的发展，定期回访学生持续关注学生在企业的发展，定期回访学生 8以企业标准态以企业标准态更新学习情境更新学习情境1企业岗位企业岗位需求调研需求调研开放性开放性实践性实践性职业性职业性第8页/共44页第九页，共45页。内容内容(nirng)的选取与组织的选取与组织网站策划(chu)界面设计网站编辑静态网站的开发动态网

7、站的开发网站的实施与维护教学成果申报网书法家庄辉个人网等级(dngj)考试辅导网精品课程网站班级通讯录专业调研专业调研岗位能力分析岗位能力分析本课程岗位能力分析本课程岗位能力分析行动领域行动领域学习领域学习领域学习情境学习情境网站的需求分析效果图的设计制作网站的编辑网站的布局方式动画的制作CMS系统的应用网站的管理与维护第9页/共44页第十页，共45页。内容内容(nirng)的选取与组的选取与组织织课程内容序化与重构课程内容序化与重构 遵循职业遵循职业(zhy)成长规律成长规律编号编号知识模块安排知识模块安排1网站欣赏2网站规划3网站效果图设计4网页色彩与布局设计5网页动画设计6网页布局与编辑

8、7HTML语言基础8层叠样式表CSS9DIV+CSS网页布局10模板与库的应用11静态网站动态化12动态程序开发13综合教学案例14项目开发实训情境(qngjng)1 ：教学成果申报网站建设1情境2：书法家庄辉个人网站建设2情境3：英语等级考试辅导网3情境4：软件项目化实训精品课程网站4情境5：班级通讯录管理系统 5第10页/共44页第十一页，共45页。学学习情景情景学学习单元元 参考参考 课时情景名称情景名称学学习内容内容1.教学成果网络相关概念、网站需求分析、风格定位与网站欣赏、草图设计、图像相关概念、Photoshop的认识与基本操作、快捷键与键盘操作、Gif动画的制作、Dreamwea

9、ver插入文本、图像、表格等资源、 空间的申请与域名的申、网站文件的上传1.1项目基础与流程设计2121.2教学成果申报网站效果图设计与切片41.3教学成果申报网站的后期编辑41.4网站发布与测试22.书法家庄辉的个人网站建设Photoshop中图层与样式的使用、色调与色彩的调整、图像混合方式的使用、网页的色彩应用、网页的布局的类型与方法、Photoshop的基本操作、Swish软件基本操作方法、Dreamweaver基本操作、HTML语言的基本结构、HTML常用标记、Css样式表的应用2.1书法家庄辉个人网站网站项目策划2142.2书法家庄辉个人网站模板页效果图的设计与制作42.3 书法家庄

10、辉个人网站主页设计与制作42.4书法家庄辉个人网站切片与动画制作22.5网站发布23.英语等级考试专题学习网站建设Photoshop的综合应用、搜索网站管理平台、网站管理平台与静态页面的整合、IIS的安装与配置、程序调试、后期完善、职业成长规律3.1任务前期策划2123.2效果图的设计与切片与动画设计43.3网页编辑43.4代码融合网站动态化24.软件项目化综合实训精品课程网站建设网站设计师应具备的素质、网页素材的收集、网站页面的分析、网站界面的创新处理、进行后期修饰、理解表现和内容的分离、CSS盒模型、单列布局的方法、散列布局的方法、模版的使用方法、库的使用方法4.1前期策划2144.2效果

11、图的设计、切片与动画设计24.3DIV+CSS布局软件项目化综合实训精品课程网站44.4使用模版完善静态网站45.班级通讯录管理网站建设框架技术的应用方法；数据库基础与应用、ADO链接数据库、表单设计、权限的控制、查询、添加等功能的实现5.1前期策划与页面的布局2125.2登陆系统的实现25.3通用查询系统的实现45.4通讯管理系统的实现4教学教学(jio xu)(jio xu)情境课时分配情境课时分配第11页/共44页第十二页，共45页。类别类别知识点知识点解决办法解决办法重点重点网页效果图的设计经典网页赏析，形成深刻印象多搜集相关教学资料，归类存放，吸收精华分析多种网页布局的特点、导航栏的

12、特点真实案例，教学与实践网页的布局（DIV+CSS）通过真实案例分析CSS，先进行操作，然后分析代码任务型教学，先提出问题，然后分析解决方法，观察其实际效果，最后分析HTML代码的变化分析使用模板的网站的优点并演示解决模板技术的最好方法使用CSS样式美化网页使用模板动态网页设计先分析具体案例，形成感性认识，然后总结一般规律，运用一般规律指导网页设计下载优秀的代码进行分析，吸取精华难点难点图像的处理开设选修课程图形图像处理，为学习网页设计提供保障。提供相关课程教程库，学生可以根据兴趣自主学习。动画的制作网页中特效制作通过分析目前网站中常用的特效，了解特效的制作技术通过观察常见特效的效果及制作方法

13、，了解JavaScript技术的兴趣网站的规划与组织以实例分析网站的规划与组织方法让学生自己动手进行网站的规划与组织动态代码的编写以实践教学案例库为引导以社会需求与真实项目为导向、压力，引导学习编写程序课程内容重点课程内容重点(zhngdin)(zhngdin) 与难点与难点第12页/共44页第十三页，共45页。三三师资师资(shz)情况情况第13页/共44页第十四页，共45页。 教学教学(jio xu)团队团队姓名姓名毕业院校院校专业胡明丽山东师范大学计算机科学与技术张洪明山东大学软件工程孙伟哈尔科夫国立大学组织管理陈丽娜山东科技大学计算机科学与技术王大威（企业）潍坊职工大学经济管理王学动（

14、企业）西安交通大学电子技术第14页/共44页第十五页，共45页。四四教学资源教学资源第15页/共44页第十六页，共45页。四四.教学资源教学资源教材教材(jioci)选用选用 张洪斌主编的全国高职高专教育精张洪斌主编的全国高职高专教育精品规划教材网页制作与设计教程品规划教材网页制作与设计教程 该教材以培养职业能力为核心，以该教材以培养职业能力为核心，以工作实践为主线，以项目为导向，采用工作实践为主线，以项目为导向，采用(ciyng)(ciyng)情境教学的方式，建立以工作情境教学的方式，建立以工作过程为框架的现代职业教育课程结构，过程为框架的现代职业教育课程结构，并设置面向网页设计师岗位的课程

15、内容。并设置面向网页设计师岗位的课程内容。 第16页/共44页第十七页，共45页。四四.教学资源教学资源 多媒体课件多媒体课件 素材库素材库 实践教学实践教学(jio xu)(jio xu)情境案例库情境案例库 网站模板库网站模板库 课外拓展学习平台课外拓展学习平台网站网站(wn zhn)模板库模板库课外拓展课外拓展(tu zhn)学习平台学习平台第17页/共44页第十八页，共45页。五五教学方法与手段教学方法与手段(shudun)第18页/共44页第十九页，共45页。构建构建“多模式多模式(msh)”(msh)”的职业技能训练模式的职业技能训练模式(msh)(msh)多模式职业技能(jnng

16、)训练体系5 52 24 47 7模仿(mfng)操作训练阶段测试训练1 13 36 6优秀作品赏析 拓展训练项目实战训练现场开发训练项目外包开发五五.教学方法与手段教学方法与手段第19页/共44页第二十页，共45页。五五.教学方法与手段教学方法与手段(shudun)情景情景职业技能训练模式职业技能训练模式职业技能技能训练目的目的1.教学成果申教学成果申报网站建网站建设优秀作品秀作品赏析析欣欣赏优秀网秀网页、分析其布局、分析其布局结构、构、颜色搭配、色搭配、视觉效果、留下效果、留下直直观印象、激印象、激发学学习兴趣。趣。1.教学成果申教学成果申报网站建网站建设2.书法家庄法家庄辉个人网站建个人

17、网站建设模仿操作训练模仿操作训练模仿老模仿老师讲解的方法制作网解的方法制作网页。理。理论与与实践相践相结合，合，“教、学、教、学、练”三者有机融合、三者有机融合、训练学生的学生的动手能力和模仿技能，提高手能力和模仿技能，提高课堂堂教学的教学的实践性。践性。1.书法家庄法家庄辉个人网个人网页建建设2.招英招英语等等级考考试辅导网建网建设3.软件件项目化目化综合合实训精品精品课程网程网站建站建设拓展拓展实践践训练利用利用课余余时间自己自己动手手尝试独立制作网独立制作网页，及，及时巩固巩固课堂所学堂所学习知知识，进一步一步强强化网化网页制作制作技能，提高学生自主学技能，提高学生自主学习能力和充分利用

18、网能力和充分利用网络信息信息资源的能力，源的能力，提高教学提高教学过程的开放性，培养学生的学程的开放性，培养学生的学习主主动性，通性，通过课外外兴趣小趣小组集体活集体活动等形式，提高学生的人文素养。等形式，提高学生的人文素养。1.教学成果申教学成果申报网站建网站建设2.书法家庄法家庄辉个人网站建个人网站建设3.英英语等等级考考试辅导网建网建设4.软件件项目化目化综合合实训精精5. 班班级通通讯录管理系管理系统网站建网站建设阶段段测试训练通通过过程考核。提高学生学程考核。提高学生学习的的紧迫感，巩固学生的迫感，巩固学生的阶段学段学习成果。成果。1.教学成果申教学成果申报网站建网站建设2.班班级通

19、通讯录管理系管理系统网站建网站建设项目目实战训练学学习通通过与企与企业用用户直接沟通与交流，在开直接沟通与交流，在开发实际项目目过程中程中提高提高职业能力，培养工程意能力，培养工程意识。1.书法家庄法家庄辉个人网站建个人网站建设2.软件件项目化目化综合合实训精品精品课程网程网站建站建设3.班班级通通讯录管理系管理系统网站建网站建设现场开开发训练通通过让学生到用学生到用户现场解决网站运行中的解决网站运行中的实际问题，提高学生，提高学生的被的被认同感和成就感。同感和成就感。1.英英语等等级考考试辅导网建网建设2.软件件项目化目化综合合实训精品精品课程网程网站建站建设3.班班级通通讯录管理系管理系统

20、网站建网站建设项目外包开目外包开发创造机会造机会让学生独立承接、开学生独立承接、开发和和实施施项目，目，实现自我价自我价值，为以后的就以后的就业和和创业积累累经验，奠定良好基，奠定良好基础。“多模式多模式(msh)”的职业技能训练模式的职业技能训练模式(msh)具体应用具体应用第20页/共44页第二十一页，共45页。（1 1）模仿企业的网站开发环境构建真实的工作环境）模仿企业的网站开发环境构建真实的工作环境 （2 2）充分使用现代教育技术手段促进教学活动开展）充分使用现代教育技术手段促进教学活动开展(kizhn) (kizhn) （3 3）基于网络的开放式学习方式，注重学生自主学习）基于网络的

21、开放式学习方式，注重学生自主学习 教学(jio xu)手段1五五.教学方法与手段教学方法与手段(shudun)第21页/共44页第二十二页，共45页。六六课程实践课程实践(shjin)教教学学第22页/共44页第二十三页，共45页。课程实践课程实践(shjin)教学教学校内实训基地(jd) 现有教学软件实训室现有教学软件实训室1919个，多媒个，多媒体教室体教室137137个。拥有个。拥有(yngyu)(yngyu)中中心机房心机房2 2个，网络覆盖全院，内个，网络覆盖全院，内网外网并存，有线无线并存。网外网并存，有线无线并存。学生工作室1.淘宝创业实训室2.网易印象派工作室3.启航电子商务工

22、作室4.安达电子商务工作室 第23页/共44页第二十四页，共45页。学生作品学生作品(zupn)展示展示第24页/共44页第二十五页，共45页。学生学生(xu sheng)作作品展示品展示第25页/共44页第二十六页，共45页。学生作品学生作品(zupn)展示展示第26页/共44页第二十七页，共45页。学生学生(xu sheng)作品展示作品展示第27页/共44页第二十八页，共45页。学生作品学生作品(zupn)展示展示第28页/共44页第二十九页，共45页。课程实践课程实践(shjin)教学教学校外实训基地(jd)潍坊威龙潍坊金网潍坊方圆(fngyun)潍坊中企青岛雷迅第29页/共44页第三

23、十页，共45页。七七课程课程(kchng)单元设计单元设计第30页/共44页第三十一页，共45页。七七.课程课程(kchng)单元设计单元设计情境案例情境案例(n l)：书法家庄辉个人网站：书法家庄辉个人网站情境情境2子情境设计子情境设计职业素质及能力培养职业素质及能力培养书法家庄辉个书法家庄辉个人网站建设人网站建设网站项目策划网站项目策划沟通能力、策划能力、文档能力沟通能力、策划能力、文档能力网站效果图的设计网站效果图的设计艺术素养、艺术素养、Photoshop设计设计网站切片与动画制作网站切片与动画制作动画制作能力、创新创意能力动画制作能力、创新创意能力网页制作网页制作Dreamweave

24、r使用、团队协作使用、团队协作网站发布网站发布项目实施能力、现场分析、解决问题能力项目实施能力、现场分析、解决问题能力第31页/共44页第三十二页，共45页。学学学学 生生生生AADDBBC CE E检查评测明确任务制定计划设计制作收集信息教师布置任务（展示效果预览图），帮助(bngzh)学生明确任务要求。学生在教师的引导下，分解项目任务，确定(qudng)工作计划。学生根据计划与任务分工，进行收集(shuj)资料，准备素材等。学生根据计划在教师的指导下完成页面的设计与制作，并做好相关文字记录。学生展示作品、教师提问、学生答辩、学生互评、教师讲评课堂实施第32页/共44页第三十三页，共45页。

25、八八课程考核课程考核(koh)方式方式第33页/共44页第三十四页，共45页。八八.课程课程(kchng)考核方考核方式式课程(kchng)考核考评考评方式方式过程考评过程考评结果考评结果考评素质考评素质考评工单考评工单考评实操考评实操考评理论考评理论考评项目考评项目考评1010分分 10 10分分 30 30分分2020分分3030分分考评考评实施实施由指导教师根据学生表现集中考评由主讲教师根据学生完成的工单情况考评有指导教师对学生进行项目操作考评理论测试以期末试卷的形式组织学生统考采用真实项目，由企业与课程组共同考评考评考评标准标准根据遵循实验室规则，能够团结同学，配合小组工作任务等情况打

26、分（10分）预习内容（5分）项目操作过程有计划与实施记录（5分）任务方案正确（10）操作过程正确（10分）任务完成良好（10分）HTML、DIV、CSS等网站设计相关理论知识（20分）建议采用项目考试，已完成真实项目的能力来考核（30分）第34页/共44页第三十五页，共45页。电子商务电子商务(din z shn w)网页设计与制作课程网页设计与制作课程素质与实操考评记录单素质与实操考评记录单八八.课程课程(kchng)考核考核方式方式工作要求工作要求工作内容开发书法家庄辉个人网站建设网站具体要求1.搜索国内相关名人网站2.重点了解项目的分析、项目开发流程3.通过Photoshop软件制作效果

27、图设计4.形成后期的网页编辑5.使用HTML+CSS来编辑页面具体安排4人或5人为1个小组，全班分成若干组，每组指定或自选1人为组长，负责协调、组织、讨论，最后收集材料与作品，在指导教师的参与下并完成组内的评比，最后由教师做出素质测评与实操测评。实施难度2考核考核结果果工作汇报作品展示和口头叙述完成情况按时完成其他情况：完成质量合格（相似度高）重做差工作态度较好一般较差工作能力较强一般较差素质与实操绩效总分评语：绩效总分（作为学生的平时成绩）：第35页/共44页第三十六页，共45页。九九教学效果教学效果第36页/共44页第三十七页，共45页。1九九.教学效果教学效果深圳竞争力科技有限公司创始人

28、冯英健博士对电子商务网页设计与制作课程的评价：课程能力目标设计清晰，突出了职业教育的特点，单元设计能力明显，突出了了以学生深圳竞争力科技有限公司创始人冯英健博士对电子商务网页设计与制作课程的评价：课程能力目标设计清晰，突出了职业教育的特点，单元设计能力明显，突出了了以学生(xu sheng)训练为主，教师提升为辅的教学方法。训练为主，教师提升为辅的教学方法。 潍坊威龙电子商务科技有限公司总经理王大威潍坊威龙电子商务科技有限公司总经理王大威(d wi)：课程教学内容丰富，教学理念新颖，师资队伍力量强，有一定的教学科研能力。课程建设注意结合相关研究领域的众多前沿技术，理论联系实际，在启发学生的思路

29、的同时，又拓展了他们的视野。：课程教学内容丰富，教学理念新颖，师资队伍力量强，有一定的教学科研能力。课程建设注意结合相关研究领域的众多前沿技术，理论联系实际，在启发学生的思路的同时，又拓展了他们的视野。第37页/共44页第三十八页，共45页。1九九.教学效果教学效果第38页/共44页第三十九页，共45页。十十课程课程(kchng)特色特色第39页/共44页第四十页，共45页。十十. 课课 程程 特特 色色学生职业素质学生职业素质312自信心自信心自主性自主性教学做一体化教学做一体化开放式学习开放式学习工学结合工学结合自学能力自学能力l基于企业 “岗位需求”与“网站开发工作流程 ”设置教学情境l

30、基于教学做合一的同时，实施真实性系统化的项目化教学l基于网络的开放式学习方式，注重学生自主学习第40页/共44页第四十一页，共45页。十十今后改革今后改革(gig)思路思路第41页/共44页第四十二页，共45页。十一十一. 今后今后(jnhu)改革思路改革思路深化校企合作深化校企合作(hzu)，进一步将企业标准融入课程教学，进一步将企业标准融入课程教学鼓励专任教师到企业挂职锻炼，提高鼓励专任教师到企业挂职锻炼，提高 (t go)教师的业务能力与科研能力教师的业务能力与科研能力开发和丰富立体化课程教学资源库，提高教学质量开发和丰富立体化课程教学资源库，提高教学质量第42页/共44页第四十三页，共45页。谢谢 谢！谢！第43页/共44页第四十四页，共45页。内容(nirng)总结会计学。第1页/共44页。课程内容序化与重构 遵循职业成长规律。构建“多模式”的职业技能训练模式。5. 班级通讯录管理系统网站建设。“多模式”的职业技能训练模式具体应用。（3）基于网络的开放式学习方式，注重学生自主学习。现有教学软件实训室19个，多媒体教室137个。学 生。建议采用项目考试，已完成真实项目的能力来考核(koh)（30分）。基于企业 “岗位需求”与“网站开发工作流程”设置教学情境。谢 谢。第43页/共44页第四十五页，共45页。