《电子商务网站建设与网页设计》-教学大纲

《电子商务网站建设与网页设计》教学大纲一、课程信息课程名称：电子商务网站建设与网页设计课程类别：专业核心课课程性质：必修计划学时：48计划学分：3先修课程：无选用教材：《电子商务网站建设与网页设计》适用专业：电子商务、计算机等相关专业。课程负责人：二、课程简介三、课程教学要求序号专业毕业要求课程教学要求关联程度1工程知识了解电子商务网站设计的基础知识；认识DreamweaverCC2018，掌握使用DreamweaverCC2018添加网页元素的方法；认识CSS，并掌握使用CSS美化网页的方法；掌握使用DIV+CSS布局网页的方法；掌握使用行为和表单创建网页特效的方法；掌握使用Animate制作网页广告动画的方法；掌握使用JavaScript实现网页交互特效的方法；掌握全流程建设电子商务网站的能力，并学会分析网站建设案例H2问题分析店铺流量不高，转化率很低，很有可能是因为电商网站建设与网页设计出现问题，如布局兼容性问题、网页元素适配与美化问题、交互与特效实现问题、动画与性能问题等H3设计/开发解决方案H4研究5使用现代工具Dreamweaver、CSS、HTML5、Animate、JavaScriptH6工程与社会电子商务网站建设与网页设计能力，作为连接数字技术与商业需求的核心桥梁，不仅是互联网行业的基础刚需，还是推动社会数字化转型的关键动力。对社会而言，这一能力的普及与深化，支撑了数字经济的健康发展，创造了大量新媒体运营、前端开发、视觉设计等高薪就业岗位；同时，它助力中小企业低成本进入全球市场，缩小数字鸿沟，推动信息流通的平等化，让更优质的商业服务、更便捷的消费体验惠及大众，最终成为数字社会文明进步的重要基石H7环境和可持续发展8职业规范熟练使用Dreamweaver、CSS、HTML5、Animate、JavaScript等；拥有良好的视觉设计能力和审美能力；秉持精益求精的工作态度；秉持真实性与诚信原则，不虚假宣传自身能力，不伪造数据、不夸大设计效果，按合同履约，不擅自变更需求与交付标准；尊重知识产权，不抄袭、剽窃他人设计与代码，引用素材需获授权并标注来源，抵制侵权行为；遵守《个人信息保护法》，规范收集、存储、使用用户数据，设置清晰隐私政策，不滥用信息；设计内容合法合规，不包含违法、侵权、虚假宣传信息，广告内容真实可追溯；设计兼顾社会公益，避免歧视性、误导性设计，推动绿色、包容的数字环境建设H9个人和团队每个项目的视觉设计实训都可以分成小组，每个人在完成实训后和小组成员讨论，发现自身存在的问题，并改进；或小组成员共同完成一个比较复杂的设计实践项目，在此过程中不断沟通，共同进步H10沟通11项目管理12终身学习主动学习新技术、新规范，提升专业能力，推动行业规范化、专业化发展；定期复盘设计效果，通过数据反馈优化设计方案H注：“课程教学要求”栏中内容为针对该课程适用专业的专业毕业要求与相关教学要求的具体描述。“关联程度”栏中字母表示二者关联程度。关联程度按高关联、中关联、低关联三档分别表示为“H”“M”或“L”。“课程教学要求”及“关联程度”中的空白栏表示该课程与所对应的专业毕业要求条目不相关。四、课程教学内容章节名称主要内容重难点关键词学时类型1•电子商务网站设计基础知识•电子商务网站结构设计•电子商务网站色彩搭配•课堂练习——使用HTML5制作简单页面•课堂练习——使用Dreamweaver创建站点电子商务网站；设计准则；网站结构设计；物理结构；逻辑结构；网站构成；网页空间结构；网页布局结构；色彩；主色调；色彩搭配技巧；HTML5；基本结构；常用标签；滚动图片链接；Dreamweaver；创建站点；设置站点5理论+实践2使用Dreamweaver添加网页元素•认识DreamweaverCC2018工作界面•课堂练习——在网页中添加文本和图像•课堂练习——为“新品上市”页面添加商品列表•课堂练习——为商品详情页添加表格•课堂练习——添加超链接创建链接页面6理论+实践3•认识CSS•课堂练习——在Dreamweaver中创建CSS规则和文件•课堂练习——使用CSS选择器美化文本CSS；基本语法；引用方式；创建CSS规则；创建CSS文件；应用元素选择器；应用群组选择器；应用类选择器；应用ID选择器；应用后代选择器；应用通配符选择器；CSS特性；应用继承性；应用特殊性；应用层叠性；应用重要性；文字排版；段落排版；CSS背景；列表排版；表格排版；链接样式7理论+实践4使用DIV+CSS布局网页5理论+实践5使用行为和表单

创建网页特效•使用行为•使用表单•课堂练习——制作“新用户注册”网页表单••课堂练习——使用行为验证用户注册6理论+实践6使用Animate制作网页广告动画6理论+实践7使用JavaScript实现网页交互特效6理论+实践8测试与发布网站注册域名；选择虚拟主机；申请空间；设计网站原型；分析网站需求；制作网站原型；创建站点；使用DIV+

CSS布局网页；制作页面顶部；制作焦点图；制作产品分类区；制作产品展示区；制作页面底部；制作焦点图交互效果；网站测试；网站发布7实践五、考核要求及成绩评定序号成绩类别考核方式考核要求权重（%）备注1期末成绩期末考试大作业50百分制，60分为及格2平时成绩实战训练8次40优、良、中、及格、不及格3平时表现出勤情况10两次未参加课程则无法获得学分注：此表中内容为该课程的全部考核方式及其相关信息。平时对学生的考核内容包括出勤情况、课堂表现、作业完成情况、实训效果等方面，占期末总评的50%。期末考试成绩占期末总评的50%。六、学生学习建议（一）学习方法建议1．理论与实践深度融合在学习电子商务网站建设与网页设计理论知识时，需紧密结合教材中的项目任务与课堂练习、课后实训内容。针对每个项目讲解的核心知识点，同步开展对应实践操作。可参照教材中的8个项目模块，从网站构建、网页元素添加到综合案例搭建完整复刻实操流程，也可结合课后实训自主设计小型电子商务网页项目，将理论知识转化为实际操作能力，在实践中验证和深化对知识点的理解，真正实现学中做、做中学。2．工具与案例协同学习以教材中介绍的DreamweaverCC2018、AnimateCC2018、CSS3等软件工具为核心，围绕教材中的新颖案例展开工具实操训练。例如，学习网页美化知识时，结合童装网站首页制作案例，使用CSS选择器、盒子模型等知识点完成网页排版与美化；学习网页动画制作时，参照水果促销横幅广告案例，用Animate工具完成绘图、动画编辑等操作。通过工具操作、案例拆解、总结规律的路径，提升工具使用熟练度与案例分析能力，掌握当下电子商务网页设计的主流技巧。3．项目驱动与团队协作以教材中的课堂练习和综合实训项目为基础，组建学习小组模拟电子商务网站建设团队。参照教材项目分工逻辑进行角色分配，分别承担网站结构设计、网页制作、特效实现、测试优化等角色，共同完成完整的网站建设项目。在项目推进中，运用教材中的知识点优化设计方案，通过团队沟通协调解决布局不合理、特效无法实现等问题，在协作中提升综合实操能力与团队协作素养，契合职业岗位对团队协作能力的需求。4．复盘迭代与经验沉淀每完成一个项目任务或学习一个项目模块后，参照教材项目小结的思路进行复盘。从网页布局合理性、特效呈现效果、代码规范性、实操效率等维度总结优点与不足，结合教材中的优化方法提出改进方案。同时建立个人学习档案，记录软件工具操作技巧、优秀案例拆解笔记、项目复盘报告、代码片段等内容，通过持续迭代沉淀，形成个性化的电子商务网站建设与网页设计学习方法论，为后续职业发展奠定基础。（二）学生课外阅读参考资料七、课程改革与建设在课程改革方面，本课程紧跟电子商务网站建设技术的发展态势，结合新课标要求和职业能力培养目标，动态更新教学内容。不仅涵盖了电子商务网站构建、网页元素添加、网页美化、布局设计等基础知识点，还详细讲解了网页特效制作、动画设计、交互功能实现等核心技能。同时，坚持理论与实践并重，通过对家具电商、数码商城、童装网站等不同领域的案例剖析，帮助学生理解电子商务网站建设的完整流程，依托慕课视频、PPT课件、电子教案等立体化教学资源，满足学生碎片化、个性化的学习需求，适配高校职业教育的教学特点。在课程建设方面，本课程按电子商务网站建设与网页设计的实际操作逻辑进行模块化搭建，涵盖从基础工具使用、单个技能训练到综合案例实