电子商务网页设计与制作教学大纲.docx

《电子商务网页设计与制作》 教学大纲 课程信息 课程名称：电子商务网页设计与制作 课程类别：素质选修课/专业基础课 课程性质：选修/必修 计划学时：23 计划学分：2 先修课程：无 选用教材：《电子商务网页设计与制作》 适用专业：本书可作为高等院校网页设计类相关课程的教材，也可作为各类社会培训学校相关专业的教材，同时还可供电子商务网页设计与制作初学者自学使用。 课程负责人： 二、课程简介 随着网上购物的不断流行，电子商务成为了互联网时代的新兴商务模式，电子商务网页设计也应运而生。电子商务网页设计通常分为两个部分，即先使用Photoshop设计出网页效果图，再使用Dreamweaver来合成网页页面。本书即以Photoshop CS6和Dreamweaver CS6为蓝本，讲解使用这两个软件进行电子商务网页设计与制作的相关知识。 本书由浅入深、循序渐进，采用情景导入案例的方式讲解软件知识，然后通过“项目实训”和“课后练习”加强对学习内容的训练，最后通过“技巧提升”来提升学生的综合学习能力。全书通过大量的案例和练习，着重对学生实际应用能力的培养，并将职业场景引入课堂教学，让学生提前进入工作角色。 三、课程教学要求 序号 专业毕业要求 课程教学要求 关联程度 1 工程知识 L 2 问题分析 学生应当对Photoshop CS6和Dreamweaver CS6有基本了解，并能熟练运用该软件 H 3 设计/开发解决方案 具备电子商务网站设计与制作的能力，能够制作出客户满意的电子商务网站 H 4 研究 能够结合平面设计和电子商务网站的设计方案，学习各家之所长 H 5 使用现代工具 L 6 工程与社会 L 7 环境和可持续发展 L 8 职业规范 培养平面设计职业道德，遵守广告宣传规范和理念 L 9 个人和团队 案例分析与讨论要求学生分组，分担任务，学习配合 H 10 沟通 通过小组发言、提交案例报告增强语言与文字沟通能力 M 11 项目管理 L 12 终生学习 以终生学习为目标，对电子商务网站的设计与制作知识时刻保持更新和进步，强化实际操作技能。 H 注：“课程教学要求”栏中内容为针对该课程适用专业的专业毕业要求与相关教学要求的具体描述。“关联程度”栏中字母表示二者关联程度。关联程度按高关联、中关联、低关联三档分别表示为“H”“M”或“L”。“课程教学要求”及“关联程度”中的空白栏表示该课程与所对应的专业毕业要求条目不相关。 四、课程教学内容 章节 名称 主要内容 重难点关键词 学时 类型 1 电子商务网页设计与网站建设基础 电子商务网页设计基础知识 电子商务网站开发流程 网站制作流程 创建、编辑和管理站点 什么是网页、什么是电子商务网站、电子商务网站的主要内容和功能有哪些？ 网页的常见布局结构有哪些？ 网页中的常用术语、网页色彩如何进行搭配？ 电子商务网站设计的基本流程是什么？ 电子商务网站的规划包括些什么？ 1 理论讲授 2 使用Photoshop处理产品图像 Photoshop基本操作 调整产品图像的亮度与对比度 修饰产品图像的瑕疵 抠取并合成产品图像 前景色与背景色如何切换？ 如何对图像进行批处理？ 如何调整图像的亮度和对比度？ 如何对图像中的瑕疵进行修饰？ 如何抠取并合成图像？ 2 同上 3 使用Photoshop设计网页元素 网页横幅广告的设计与制作 网页海报的设计与制作 产品推广图的设计与制作 制作通栏横幅广告和常规横幅广告有哪些区别，要注意些什么？ 全屏轮播海报和常规轮播海报的制作过程有什么区别？ 横向产品推广图和常规产品推广图的制作过程有什么区别？ 2 同上 4 使用Photoshop设计网站界面 网站主页界面的设计与制作 网站主页切片与输出 设计网站主页一般分为几个步骤？ 创建和输出切片时有哪些注意事项？ 2 同上 5 使用Dreamweaver制作基础网页 网页页面属性和网页内容的设置 网页中图像的编辑与美化 通过超级链接设计网页跳转功能 使用Dreamweaver制作网页的基础操作 如何对网页进行美化和编辑 如何实现网页的跳转设计 3 同上 6 美化并布局网页 通过Div+CSS对网页布局 通过表格制作并布局网页 布局网站主页的方法有哪几种？ 如何将作为独立的样式表保存的CSS样式通过链接的方式应用到多个网页中？ 如何批量设置AP Div？ 如何导入表格数据？ 2 同上 7 使用表单和行为制作网页 通过表单设计和制作网页 通过行为设计和制作网页 在制作表单页面时有哪些注意事项？ 在Dreamweaver CS6中，可以通过哪几种途径来添加表单对象？ 如何根据需要为表单元素设置个性化的外观？ 2 同上 8 使用模板和库设计装修页面 通过资源面板中的库文件制作网页 通过模板设计与制作网页 如