《2014年成都东软学院小学期《电子商务网站前端设计》项目教学大纲》由会员分享，可在线阅读，更多相关《2014年成都东软学院小学期《电子商务网站前端设计》项目教学大纲（10页珍藏版）》请在金锄头文库上搜索。
1、电子商务网站前端设计电子商务网站前端设计项目教学大纲项目教学大纲一、一、 项目基本信息项目基本信息1项目代码： 2项目名称（等级）：电子商务网站前端设计项目（2 级）3项目英文名称：Design and build Business Websites4授课对象：电子商务 本科 二年级 5开课单位：信息技术与商务管理系（电子商务与市场营销专业教育团队）6教学时间安排：第 6 学期（技能实习）7先修项目： 商务网站网页设计、商务网站美术设计、电子商务专业导引8后续项目：B2C 商务网站设计 2 级项目、淘宝网店运营基础、商务网站运营与管理商务网站推广； 9项目学时、学分：共 4 周 80 学时 4
2、 学分10项目涉及的主要课程：序号序号课程名称课程名称课程课程代码代码学时学时学分学分学年度学期学年度学期开课单位开课单位1商务网站网页设计4832电子商务团队2商务网站美术设计4831电子商务团队3电子商务专业导引4831电子商务团队4电子商务综合模拟实训8053电子商务团队二、二、 项目地位及作用项目地位及作用1. 项目的基本理念该 2 级项目主要是以商务网站前端设计为载体，掌握商务网站建设的一般性原则；掌握商务网站策划（网站的盈利模式、互联网市场环境分析、网站定位、网站页面策划、内容策划、网站推广）的方法和技巧；掌握商务网站界面设计原则、方法和技巧；掌握商务网站页面设计原则、方法和技巧等
3、。培养学生熟练地运用所学专业理论知识及专业技能的实际运用技能。着重培养学生的网站策划、网站布局和网站设计的能力和技巧，并具备一定的独立设计能力。2. 项目在课程体系中所处的位置电子商务网站前端设计项目是 2 级项目，在第 6 学期中实施，是一个承上启下的项目，它借助于商务网站网页设计和商务网站 web 界面设计能力的初步掌握，结合电子商务专业导引项目进行综合实践，又可以对后续课程以及项目淘宝网店运营基础、商务网站运营与管理、动态商务网站基础、商务网站推广、B2C 商务网站设计 2 级项目有一个先期的项目实践经验。3. 项目培养的能力电子商务网站前端设计项目培养学生商务网站策划的能力，培养学生商
4、务网站界面设计的能力，培养学生商务网站前端设计的能力，培养学生利用现代信息技术与网络技术实施电子商务的能力。三、三、 项目教学目标及教学任务项目教学目标及教学任务（一）教学目标（一）教学目标1教学目标的总体概括教学目标的总体概括本项目以商务网站前端设计为载体，掌握商务网站建设的一般性原则；掌握商务网站策划（网站的盈利模式、互联网市场环境分析、网站定位、网站页面策划、内容策划、网站推广）的方法和技巧；掌握商务网站界面设计原则、方法和技巧；掌握商务网站页面设计原则、方法和技巧等。培养学生熟练地运用所学专业理论知识及专业技能实际构建电子商务网站的实际运用能力。培养学生的主动学习和终生学习的能力，学生
5、个人人际交流能力和团队交流能力，以及对电子商务事业充满激情和使命感！它借助于商务网站网页设计和商务网站 web 界面设计能力的掌握，结合电子商务专业导引项目进行综合实践，又可以对后续课程以及项目淘宝网店运营基础、商务网站运营与管理、动态商务网站基础、商务网站推广、B2C 商务网站设计 2 级项目有一个先期的项目实践经验，使得理论学习与实践操作相辅相成，有助于提高教学效果。通过本项目的学习和训练，培养学生电子商务应用能力，为后续课程的学习打下牢固的基础，并对学生职业岗位能力培养和职业素质的提高起到坚实的支撑作用。2教学目标列表教学目标列表目标内容目标内容具体目标具体目标理论知识（1）掌握商务网站
6、策划（网站的盈利模式、互联网市场环境分析、网站定位、网站页面策划、内容策划、网站推广） ；（2）掌握 Photoshop 网页图像设计基础、网页色彩基础知识、网页设计中的色彩应用（3）掌握商务网站页面设计原则、方法和技巧（网站建设的流程、CSS 盒子模型和CSS 选择器、盒子的浮动与定位、页面布局和完善高效的网站导航系统）（1）具备电子商务网站策划能力（2）商务网站页面效果图、商务网站元素（导航 banner、图标、网络广告）设计的能力专业技能（3）具备根据网站策划方案，进行电子商务网站网页设计的能力1.敬业、爱岗2.了解基本的职业规范职业道德3.具备正确的职业价值观，对电子商务事业充满激情和
7、使命感！（二）项目培养能力体系（二）项目培养能力体系TOPCARESTOPCARES（1 1 级能级能 力指标）力指标）TOPCARESTOPCARES （2 2 级能级能 力指标）力指标）TOPCARESTOPCARES（3 3 级能力指标）级能力指标）项目培养能力指标项目培养能力指标1.2 核心基 础知识1.2.2 掌握电子商务基础技 术知识掌握电子商务网站策划知识；掌握 商务网站页面效果图设计、商务网 站前端设计1.Technical knowledge and reasoning 技术知识与推理能力1.3 高级基础知识1.3.1 掌握电子商务高级管 理知识掌握网络营销的工具与方法，运用
8、 网络营销的工具与方法对网站进行 推广2.1 系统思 维2.1.4 解决问题时的妥协、 判断和平衡找到系统的紧张关系和用妥协方法 去解决问题的因素；选择并使用解 决问题的办法，通过平衡各种因素 消除紧张关系， 优化整体系统2.3 创造性 思维2.3.2 具有综合和通用化能 力具有电子商务领域相关的综合和通 用化能力2.Open minded and innovation 开放式思维与创新2.4 创新能 力2.4.1 引进、消化、吸收再 创新能力学习新技术的能力； 消化、吸收再创新能力4.Communication and teamwork 沟通表达与团队合作4.1 交流能 力4.1.2 交流内
9、容的构建提出逻辑和具有说服力的论点 建立概念之间合理的结构和关系 选择相关、可信和准确的有利证据 采用简练、明了、精确和清晰的语 言 ；分析修辞因素（如考虑听众 的偏好等）；理解跨学科和跨文化 的交流4.1.3 书面的交流展示报告内容的连贯性和流畅性4.1.4 电子及多媒体交流能制作电子演示材料4.1.6 口头表达和人际交流能够使用适当的语言、风格、时间 和流程准备报告和相应的支撑媒体 应用适当的非语言交流方式（手势、 眼神接触、姿态）能有效回答问题4.3.1 组建有效的团队分清团队的作用和责任 ；分析每 个成员的目标、需求和特征（工作 风格、文化差异等）；分析团队的 强项和弱点4.3 团队工
10、 作4.3.2 团队工作运行选择目标和议程；实施计划和组织 有效会议；执行团队基本规定；实 施有效交流；进行正面和有效的反 馈；实现项目的规划、安排和执行； 形成问题的解决方案；谈判并解决 冲突5.Attitude and manner 态度与习惯5.2 职业态 度与习惯5.2.1 敬业（自信、有激情、 热爱事业）对于电子商务事业充满自信与激情 积极参加与专业相关的各种竞赛活 动；积极参加与专业相关的各种社 团活动；积极参加与专业相关的 SOVO 公司（三）项目培养目标与项目内容映射表（三）项目培养目标与项目内容映射表见附件 1电子商务网站前端设计项目培养目标与项目内容对应 mapping 图
11、 。（四）教学任务（四）教学任务电子商务网站前端设计项目需要每个学生团队完成商务网站策划报告和电子商务网站前端设计实训报告 ，商务网站页面效果图一套和商务网站（前端设计部分） ，按照学生团队进行电子商务网站前端设计项目答辩。四、四、项目实施进度安排表项目实施进度安排表课次课次项目单元项目单元 代码代码项目单元项目单元 名称名称时间时间 （教学（教学 周）周）项目内容项目内容知识点与技能点知识点与技能点能力能力 指标指标项目成果项目成果学学 时时实施方法实施方法考核考核 方式方式实践场所实践场所1PU(1)项目概况 与商务网 站策划11、电子商务网站前 端设计综述 2、商务网站策划1.1 网站的
12、定位； 1.2 网站的内容策划； 1.3 网站页面策划； 1.4 网站运营1.2.2 1.3.12.4.14.3.1 4.3.2 5.2.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.2.2 2.1.42.3.22.4.14.3.25.2.1商务网站主要 页面效果图20T
13、M(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.2.2 2.1.42.3.22.4.14.3.25.2.1商务网站前端 设计20TM(1,1) TM(1,2) TM(2,1) TM(
14、2,3) TM(5,1) TM(5,6)PRT、 ST、MT课堂/网 络环境 4PU(4)撰写项目 报告与实 训项目教 学总结与 分析41、 撰写项目报告； 2、 学生总结与交流；3、 教师总结与分析4.1 掌握项目报告的撰写； 4.2 完成项目总结；4.1.2 4.1.3 4.1.4 4.1.6 4.3.1 4.3.2 5.2.1项目报告20TM(1,2) TM(5,3)ODT、 RT、 ST、MT课堂五、五、 教学方法及组织形式教学方法及组织形式1基于 TOPCARES-CDIO 工程教育理念，以培养实践能力为目标组织教学，将电子商务网站前端流程引入教学过程中。2教学过程中，以学生为主体，
15、鼓励学生自主学习，团队协作等、加强职业能力的训练，运用以下多种互动式教学方法，完成课程教学任务：1）讲授教学法：教师通过口头语言向学生描绘业务情境，借助视频和图片搭建业务场景，解释相关业务内容。2）演示教学法：教师通过商务网站策划、效果图设计和页面设计的操作演示，配合适当讲解，使学生掌握其操作方法和程序。4）角色扮演教学法：在商务网站前端设计的项目实施中，学生承担不同的电子商务从业人员角色（策划师、UI 设计师、页面设计师、企业需要方等角色） ，帮助学生加强对相关岗位职能及业务的理解。3教学实施过程中，提供丰富的教育资源，如课件、录像、网络资源等等。4结合课程实施过程，从知识掌握、能力水平、态
16、度表现等方面，对学生进行全方位的考核。六、六、 教学环境教学环境1. 课堂环境：投影仪、幕布、运行正常音响系统、安装教学平台的教师机、通畅的局域网。2. 网络环境：每个学生需要人手一台笔记本电脑3. 多媒体教学：投影仪用于教师进行系统演示交流。4. 教学软件：Dreamweaver cs6 和 Photoshop CS6 七、七、 教学资源教学资源1 1教材及参考资料教材及参考资料1、 网站策划九步走 黄亮新著 电子工业出版社 2008 年 7 月。2、 Photoshop 商业网页设计 水晶石教育编著 人民邮电出版社 2013 年 1 月 3、 Photoshop cs5 网页设计与配色实战攻略 方宁等编著 清华大学出版社 2013年 1 月4、 精通 DIV+CSS 网页样式与布局 曾顺著 人民邮电出版社 2007 年 8 月八、八、 形成性考核与终结性考核形成性考核与终结性考核1.1.百分制百分制满分 100 分，项目成绩由平时成绩和项目报告与答辩考核成绩两部分构
