2014年成都东软学院小学期《电子商务网站前端设计》项目教学大纲

《电子商务网站前端设计》项目教学大纲项目基本信息1．项目代码：2．项目名称（等级）：电子商务网站前端设计项目（2级）3．项目英文名称：DesignandbuildBusinessWebsites4．授课对象：电子商务本科二年级5．开课单位：信息技术与商务管理系（电子商务与市场营销专业教育团队）6．教学时间安排：第6学期（技能实习）7．先修项目：商务网站网页设计、商务网站美术设计、电子商务专业导引8．后续项目：B2C商务网站设计9．项目学时、学分：共4周80学时4学分10．项目涉及的主要课程：序号课程名称课程代码学时学分学年度学期开课单位1商务网站网页设计4832电子商务团队2商务网站美术设计4831电子商务团队3电子商务专业导引4831电子商务团队4电子商务综合模拟实训8053电子商务团队项目地位及作用项目的基本理念该2级项目主要是以商务网站前端设计为载体，掌握商务网站建设的一般性原则；掌握商务网站策划（网站的盈利模式、互联网市场环境分析、网站定位、网站页面策划、内容策划、网站推广）的方法和技巧；掌握商务网站界面设计原则、方法和技巧；掌握商务网站页面设计原则、方法和技巧等。培养学生熟练地运用所学专业理论知识及专业技能的实际运用技能。着重培养学生的网站策划、网站布局和网站设计的能力和技巧，并具备一定的独立设计能力。项目在课程体系中所处的位置电子商务网站前端设计项目是2级项目，在第6学期中实施，是一个承上启下的项目，它借助于商务网站网页设计和商务网站web界面设计能力的初步掌握，结合电子商务专业导引项目进行综合实践，又可以对后续课程以及项目淘宝网店运营基础、商务网站运营与管理、动态商务网站基础B2C商务网站设计2级项目有一个先期的项目实践经验。项目培养的能力电子商务网站前端设计项目培养学生商务网站策划的能力，培养学生商务网站界面设计的能力，培养学生商务网站前端设计的能力，培养学生利用现代信息技术与网络技术实施电子商务的能力。项目教学目标及教学任务（一）教学目标1．教学目标的总体概括本项目以商务网站前端设计为载体，掌握商务网站建设的一般性原则；掌握商务网站策划（网站的盈利模式、互联网市场环境分析、网站定位、网站页面策划、内容策划、网站推广）的方法和技巧；掌握商务网站界面设计原则、方法和技巧；掌握商务网站页面设计原则、方法和技巧等。培养学生熟练地运用所学专业理论知识及专业技能实际构建电子商务网站的实际运用能力。培养学生的主动学习和终生学习的能力，学生个人人际交流能力和团队交流能力，以及对电子商务事业充满激情和使命感！它借助于商务网站网页设计和商务网站web界面设计能力的掌握，结合电子商务专业导引项目进行综合实践，又可以对后续课程以及项目淘宝网店运营基础、商务网站运营与管理、动态商务网站基础、商务网站推广、B2C商务网站设计2级项目有一个先期的项目实践经验，使得理论学习与实践操作相辅相成，有助于提高教学效果。通过本项目的学习和训练，培养学生电子商务应用能力，为后续课程的学习打下牢固的基础，并对学生职业岗位能力培养和职业素质的提高起到坚实的支撑作用。2．教学目标列表目标内容具体目标理论知识（1）掌握商务网站策划（网站的盈利模式、互联网市场环境分析、网站定位、网站页面策划、内容策划、网站推广）；（2）掌握Photoshop网页图像设计基础、网页色彩基础知识、网页设计中的色彩应用（3）掌握商务网站页面设计原则、方法和技巧（网站建设的流程、CSS盒子模型和CSS选择器、盒子的浮动与定位、页面布局和完善高效的网站导航系统）专业技能（1）具备电子商务网站策划能力（2）商务网站页面效果图、商务网站元素（导航banner、图标、网络广告）设计的能力（3）具备根据网站策划方案，进行电子商务网站网页设计的能力职业道德1.敬业、爱岗2.了解基本的职业规范3.具备正确的职业价值观，对电子商务事业充满激情和使命感！（二）项目培养能力体系TOPCARES（1级能力指标）TOPCARES（2级能力指标）TOPCARES（3级能力指标）项目培养能力指标1.Technicalknowledgeandreasoning

技术知识与推理能力1.2核心基础知识1.2.2掌握电子商务基础技术知识掌握电子商务网站策划知识；掌握商务网站页面效果图设计、商务网站前端设计1.3高级基础知识1.3.1掌握电子商务高级管理知识掌握网络营销的工具与方法，运用网络营销的工具与方法对网站进行推广2.Openmindedandinnovation开放式思维与创新2.1系统思维2.1.4解决问题时的妥协、判断和平衡找到系统的紧张关系和用妥协方法去解决问题的因素；选择并使用解决问题的办法，通过平衡各种因素消除紧张关系，优化整体系统2.3创造性思维2.3.2具有综合和通用化能力具有电子商务领域相关的综合和通用化能力2.4创新能力2.4.1引进、消化、吸收再创新能力学习新技术的能力；消化、吸收再创新能力4.Communicationandteamwork沟通表达与团队合作4.1交流能力4.1.2交流内容的构建提出逻辑和具有说服力的论点建立概念之间合理的结构和关系选择相关、可信和准确的有利证据采用简练、明了、精确和清晰的语言；分析修辞因素（如考虑听众的偏好等）；理解跨学科和跨文化的交流4.1.3书面的交流展示报告内容的连贯性和流畅性4.1.4电子及多媒体交流能制作电子演示材料4.1.6口头表达和人际交流能够使用适当的语言、风格、时间和流程准备报告和相应的支撑媒体应用适当的非语言交流方式（手势、眼神接触、姿态）能有效回答问题4.3团队工作4.3.1组建有效的团队分清团队的作用和责任；分析每个成员的目标、需求和特征（工作风格、文化差异等）；分析团队的强项和弱点4.3.2团队工作运行选择目标和议程；实施计划和组织有效会议；执行团队基本规定；实施有效交流；进行正面和有效的反馈；实现项目的规划、安排和执行；形成问题的解决方案；谈判并解决冲突5.Attitudeandmanner态度与习惯5.2职业态度与习惯5.2.1敬业（自信、有激情、热爱事业）对于电子商务事业充满自信与激情积极参加与专业相关的各种竞赛活动；积极参加与专业相关的各种社团活动；积极参加与专业相关的SOVO公司（三）项目培养目标与项目内容映射表见附件1《电子商务网站前端设计项目培养目标与项目内容对应mapping图》。（四）教学任务电子商务网站前端设计项目需要每个学生团队完成《商务网站策划报告》和《电子商务网站前端设计实训报告》，商务网站页面效果图一套和商务网站（前端设计部分），按照学生团队进行电子商务网站前端设计项目答辩。项目实施进度安排表课次项目单元代码项目单元名称时间（教学周）项目内容知识点与技能点能力指标项目成果学时实施方法考核方式实践场所1PU(1)项目概况与商务网站策划11、电子商务网站前端设计综述2、商务网站策划1.1网站的定位；1.2网站的内容策划；1.3网站页面策划；1.4网站运营...1商务网站策划文档20TM(1,1)TM(1,2)TM(2，3)RT、ST、MT课堂/网络环境/2PU(2)商务网站页面效果图设计21、商务网站基本要素设计；2、商务页面主要页面效果图设计2.1掌握网站按钮设计；2.2掌握网站按钮设计；2.3掌握网站导航菜单设计；2.4掌握网站banner广告设计；2.5掌握网站页面效果图设计...1商务网站主要页面效果图20TM(1,1)TM(1,2)TM(2,1)TM(2,3)TM(5,1)TM(5,6)PRT、ST、MT课堂/网络环境/3PU(3)商务网站网页设计31、商务网站站点规划与设计2、商务网站导航菜单设计3、商务网站页面设计3.1掌握网站站点规划与设计；3.2掌握商务网站导航菜单设计3.3掌握商务网站首页设计；3.4掌握商务网站二级页面设计程3.5掌握商务网站产品详情页面设计3.6掌握商务网站注册与登陆页面设计...1商务网站前端设计20TM(1,1)TM(1,2)TM(2,1)TM(2,3)TM(5,1)TM(5,6)PRT、ST、MT课堂/网络环境4PU(4)撰写项目报告与实训项目教学总结与分析41、 撰写项目报告；2、 学生总结与交流；3、 教师总结与分析4.1掌握项目报告的撰写；4.2完成项目总结；...25.2.1项目报告20TM(1,2)TM(5,3)ODT、RT、ST、MT课堂教学方法及组织形式1．基于TOPCARES-CDIO工程教育理念，以培养实践能力为目标组织教学，将电子商务网站前端流程引入教学过程中。2．教学过程中，以学生为主体，鼓励学生自主学习，团队协作等、加强职业能力的训练，运用以下多种互动式教学方法，完成课程教学任务：1）讲授教学法：教师通过口头语言向学生描绘业务情境，借助视频和图片搭建业务场景，解释相关业务内容。2）演示教学法：教师通过商务网站策划、效果图设计和页面设计的操作演示，配合适当讲解，使学生掌握其操作方法和程序。4）角色扮演教学法：在商务网站前端设计的项目实施中，学生承担不同的电子商务从业人员角色（策划师、UI设计师、页面设计师、企业需要方等角色），帮助学生加强对相关岗位职能及业务的理解。3．教学实施过程中，提供丰富的教育资源，如课件、录像、网络资源等等。4．结合课程实施过程，从知识掌握、能力水平、态度表现等方面，对学生进行全方位的考核。教学环境课堂环境：投影仪、幕布、运行正常音响系统、安装教学平台的教师机、通畅的局域网。网络环境：每个学生需要人手一台笔记本电脑多媒体教学：投影仪用于教师进行系统演示交流。教学软件：Dreamweavercs6和PhotoshopCS6教学资源1．教材及参考资料1、《网站策划九步走》黄亮新著电子工业出版社2008年7月。2、《Photoshop商业网页设计》水晶石教育编著人民邮电出版社2013年1月3、《Photoshopcs5网页设计与配色实战攻略》方宁等编著清华大学出版社2013年1月4、《精通DIV+CSS网页样式与布局》曾顺著人民邮电出版社2007年8月形成性考核与终结性考核1.百分制满分100分，项目成绩由平时成绩和项目报告与答辩考核成绩两部分构成。平时成绩占总成绩的70％，平时成绩按照商务网站策划、商务网站页面效果图设计、商务网站网页前端设计分阶段考核，各阶段的成绩占比为30:30:40。实习报告与答辩考核成绩占总成绩的30％，其中，实习报告与答辩的成绩比例为50%：50%。2．项目考核内容及安排类别考核项目考核主要内容考核及评价方式考核时间安排所占权重形成性考核商务网站策划商务网站策划模块完成情况及相关知识的掌握情况RT、ST、MT第1周21%商务网站页面效果图设计商务网站WEB页面效果图实践模块完成情况及相关知识的掌握情况PRT、ST、MT第2周21%商务网站前端设计商务网站网页设计实践模块完成情况及相关知识的掌握情况PRT、ST、MT第3周28%终结性考核答辩集中小组内部智慧，结合实验报告进行经验、教训总结情况ODT、ST、MT第4周15%项目报告叙述简洁完整，有见解；结论严谨合理，论述充分；设计思路清晰，分析处理效果好；文字通顺，技术用语准确；格式正确、排版规范，图表完备、整洁、正确；RT第4周15％

3．总成绩评定标准等级评定指标（定性与定量结合）优秀（100-90）熟练掌握商务网站策划的方法与原则，能够根据网站策划文档的内容，进行商务网站页面效果图设计和商务网站前端设计，网站富有创意和网站有很好的界面设计和用户体验，并出色地完成答辩以及项目文档撰写；良好（89-80）熟练掌握商务网站策划的方法与原则，能够根据网站策划文档的内容，进行商务网站页面效果图设计和商务网站前端设计，网站比较富有创意和网站也有较好的界面设计和用户体验，并较好地完成答辩以及项目文档撰写；中等（79-70）掌握商务网站策划的方法与原则，能够根据网站策划文档的内容，进行商务网站页面效果图设计和商务网站前端设计，网站有的界面设计和用户体验一般，并完成答辩以及项目文档撰写；合格（69-60）掌握商务网站策划的方法与原则，能够根据网站策划文档的内容，进行商务网站页面效果图设计和商务网站前端设计，并完成答辩，项目文档撰写；不合格（60以下）掌握商务网站策划的方法与原则，不能根据网站策划文档的内容，进行商务网站页面效果图设计和商务网站前端设计，或者没有顺利完成答辩，项目文档没有完成撰写；说明：（1）可以针对个人表现给定成绩；（2）可以根据项目团队表现给定团队成绩，团队成员均以此成绩记录。项目评价与持续改进1、评估组织由项目负责人黄文富对项目的实施进行评估。2、评估形式项目评估包括项目教学过程监控和项目教学效果评估两方面内容。项目教学过程监控，主要指任课教师自查在项目教学过程是否严格按照项目教学大纲所规定的教学任务、进度、教学方法、实施环境、考核方法等各项要求进行落实，同时收集并保存相关资料。项目教学效果评估，主要评估本项目的学习效果与项目教学目标的达成度，收集自查数据并保存相关文档。3、评估周期与时间项目教学过程监控。本项目会每周对各教学环节的执行及完成情况等进行自查与改进。项目教学效果评估。项目考核结束后，对教学效果与项目教学目标的达成度进行一次综合评估与分析。4、评估内容项目教学过程监控的内容项目负责人将监控项目教学各环节的执行情况。如项目教学大纲所规定的教学任务、进度、学生