随着电商的发展，美工的需求量越来越大，该课程全面讲解从开店到使用淘宝默认模板进行简单装修，以及利用在线生成工具、专业的代码编写软件Dreamweaver实现个性化的、复杂的页面装修效果。课程涉及视觉设计方面的知识，主要是装修技巧的讲解。相关视觉设计知识，能够帮助同学了解电商设计及装修店铺的能力。
一、课程性质与任务
本课程是淘宝美工岗位的岗位必修课，是淘宝美工岗位的一门非常重要的课程。本课程首先要熟悉Photoshop，Dreamweaver的专业软件，并且掌握美化/优化网店、处理商品图片、设计banner广告图、拍摄新产品的各种展示照片的技能。培养学生独立设计整店视觉形象策划，产品包装及拍摄精修等能力。
本课程的前导课程是《Photoshop》、《Dreamweaver网页设计》等课程。
二、课程教学目标
通过本课程的学习，可使学生掌握美工做的事情及平时的工作任务，如美化/优化网店、处理商品图片、设计banner广告图、拍摄新产品的各种展示照片，还要了解产品或任务摄影的方法、宝贝描写、产品详情页、营销策划文案、商品上架等；掌握淘宝美工工作中的相关事宜及日常的基本规范并养成淘宝美工人员的良好的职业素养。
1.知识目标
(1)整体店铺风格定位；
(2)掌握与产品相关的彩搭配；
(3)掌握文案营销策划；
(4)掌握整店装修的方法技巧。
2.能力目标
(1)会使用PS设计店铺效果图，会策划活动内容；
(2)能够与营销人员进行沟通交流交换思路的技巧；
(3)能够使用在线工具完成整店快速装修方法。
3.素质目标
(1)养成淘宝美工设计制作的基本规范的良好的职业素养；
(2)培养严密的逻辑思维和缜密的分析能力；
(3)具有良好的团队协作意识。
三、参考学时
64课时
四、课程学分
4学分
五、课程内容和要求
序号 | 教学项目 | 教学内容与教学要求 | 教学活动设计建议 | 参考课时 |
1 | 淘宝后台管理界面 | 了解电商这个领域，认知淘宝网装修的重要性和必然性，能够对所学知识点有深刻的认识。 | 1.理论讲授 2.案例分析 | 4 |
2 | 简易的页面装修 | 首页装修及标准尺寸介绍 | 1.理论讲授 2.案例分析 3.实例演示 4.上机实操 | 4 |
分类页装修 | 1.理论讲授 2.案例分析 3.实例演示 4.上机实操 | 4 | ||
序号 | 教学项目 | 教学内容与教学要求 | 淘宝网店制作教学活动设计建议 | 参考课时 |
学习详情页的侧栏装修方法，掌握详情页的几种必备装修技巧 | 1.理论讲授 2.案例分析 3.实例演示 4.上机实操 | 4 | ||
学习专题页的创建方式以及专题页如何装 修办法 | 1.理论讲授 2.案例分析 3.实例演示 4.上机实操 | 4 | ||
3 | 使用工具装修个性的店 铺 | 学习使用装修工具装修个性话的窄屏店招和通栏店招。 | 1.理论讲授 2.案例分析 3.实例演示 4.上机实操 | 4 |
讲解淘宝首页必备的轮播海报，通过多种方式装修个性话的淘宝首页海报区域 | 1.理论讲授 2.案例分析 3.实例演示 4.上机实操 | 4 | ||
学会淘宝店铺非常重要的自定义内容区的装修方式，以及宝贝推荐、宝贝排行等模块。 | 1.理论讲授 2.案例分析 3.实例演示 4.上机实操 | 4 | ||
4 | 高级装修需要的软件和代码 | 学习该课程的目的为了让学员了解到淘宝店铺装修需要用到的Dreamweaver软件和html代码 | 1.理论讲授 2.案例分析 3.实例演示 4.上机实操 | 4 |
学习使用手写的方式能够写出html常用的标签，了解标签的一些属性。 | 1.理论讲授 2.案例分析 3.实例演示 4.上机实操 | 4 | ||
序号 | 教学项目 | 教学内容与教学要求 | 教学活动设计建议 | 参考课时 |
重点学习css样式的两种书写方式，能够通过行内也是和页内样式来修改页面中的元素 | 1.理论讲授 2.案例分析 3.实例演示 4.上机实操 | 4 | ||
5 | 高级运动特效J_TWidge库 | 本组件对DOM结构没有特殊要求，调用只需要按顺序将ul列表中每个元素跟内容元素一一对应即可，当然触点和内容都必须包含在唯一的外层容器里面 | 1.理论讲授 2.案例分析 3.实例演示 4.上机实操 | 8 |
需要滚动的对象依次罗列，包含在内容区的容器中，同时需要两个不同ID的容器来分别包含上下翻页的按钮，另外可以将每一组内容再独自包含在一个ul列表中。 | 1.理论讲授 2.案例分析 3.实例演示 4.上机实操 | 4 | ||
本组件作为一个弹出层的效果，通过预先设置一个隐藏的弹出层，并且设置该弹出层的触点，通过鼠标滑入和移出触点来展示和隐藏弹出层效果 | 1.理论讲授 2.案例分析 3.实例演示 4.上机实操 | 4 | ||
通过查资料能够熟练的使用Dreamweaver配合Photoshop软件完成自定义搜索框。 | 1.理论讲授 2.案例分析 3.实例演示 4.上机实操 | 4 | ||
六、教学建议
1.教学方法
通过任务驱动、项目导向的教学方式，使学生具有独立计划、独立实施、独立检查的能力。按照循序渐进、逐步深入的次序进行。每个单元对应一个任务，按照子任务讲解对应的知识点，完成子任务，继而在完成所有的子任务后完成综合性任务，这种递进式的教学始终使学生带着任务学习，激发学生学习的兴趣。
发布评论