网店美工教案电子教案授课教案整本书教案电子讲义.doc

课 程 教 案
（ XX学年第二学期）

课 程 名 称： 网店美工
授 课 学 时： 48
授 课 班 级： 电子商务1、2班
任 课 教 师： XXX

XXXXXXXXX学院

教 案
课程编号
09091250
授课
班级
15电子商务1/2
学生
人数
42
57
课程名称
网店美工
课程类型
公共基础课（ ）；专业基础课（ ）；专业课（√ ）；
专业选修课（ ）；公选课（ ）
授课方式
理论（√ ）实验（√ ）实习（ ）
考核方式
考试（√）考查（ ）
课程总学时
48
学时分配
课堂讲授24学时；实验（上机）24学时
教材名称
《网店美工》，童海君主编，北京理工大学出版社，2016年。

教

学

参

考

书

《网店美工实操》，淘宝大学编著，电子工业出版社，2013年。
《电子商务网页设计与制作》，徐峰主编，浙江大学出版社，2013年。
《网店美工宝典》，王楠编著，电子工业出版社，2015年。
《Photoshop图像处理》（第3版），余辉主编，中国出版集团东方出版中心，2012年。
《photoshop数码照片处理标准教程》，雷波主编，中国电力出版，2011年。

授课教师
XXX
职称
XXX
专业
电子商务
授课时间
X周-X周
授课地点
电子商务基础实训室
上篇：美工设计之“道”
第1章 走进视觉美学
（3学时）
一、教学目的及要求
通过本章的学习，使学生了解视觉美学的基础知识、色彩心理，掌握色彩的搭配与黄金分割、冷暖色调及网店设计的颜色效应。
二、教学重点及难点
教学重点：色彩的搭配与黄金分割，色彩心理与网店设计。
教学难点：视觉营销在网店商品中的运用。
三、教学手段
多媒体（投影仪、计算机），板书。
四、教学方法
课堂演讲、头脑风暴、提问、讨论、启发、案例分析。
五、作业
1、了解视觉美学发展历程。
2、列出视觉营销运用较好的3个以上天猫店铺。
六、参考资料
1.《网店美工实操》，淘宝大学编著，电子工业出版社，2013年。
2.《电子商务网页设计与制作》，徐峰主编，浙江大学出版社，2013年。
3.《网店美工宝典》，王楠编著，电子工业出版社，2015年。
七、教学内容与教学设计
1.1 视觉美学
1.2 色彩心理
1.2.1色彩的分类与属性
1.2.2色彩的搭配与黄金分割
1.2.3色彩心理与冷暖色调
1.2.4色彩心理与网店设计
1.3 视觉营销
1.3.1视觉营销
1.3.2视觉营销与商品
八、课后小结
第2章 入门网店美工
（3学时）
一、教学目的及要求
使学生了解网店美工在店铺运营中的位置和优秀美工的成长路径。
二、教学重点及难点
教学重点：网店美工运营之手，美工在店铺运营中的位置。
教学难点：网店美工成长路径及日常工作。
三、教学手段
多媒体（投影仪、计算机），板书。
四、教学方法

课堂讲授、提问、讨论、启发、案例分析。
五、作业
1、网店美工的岗位介绍及岗位要点？
2、网店美工的日常工作有哪些？
六、参考资料
1.《网店美工实操》，淘宝大学编著，电子工业出版社，2013年。
2.《电子商务网页设计与制作》，徐峰主编，浙江大学出版社，2013年。
3.《网店美工宝典》，王楠编著，电子工业出版社，2015年。
七、教学内容与教学设计
2.1网店美工
2.1.1美工分类
2.1.2网店美工简介
2.2网店美工运营之手
2.3优秀网店美工成长之路
2.3.1网店美工成长路径
2.3.2网店美工日常工作
2.3.3网店美工工资待遇
2.4网店美工新手建议
八、课后小结

中篇：美工设计之“器
第3章 学会宝贝拍照
（3学时）
一、教学目的及要求
通过本章的学习，使学生了解相机的选择和网拍的注意事项、掌握宝贝拍照场景的布置、光线的角度、拍照的流程。
二、教学重点及难点
教学重点：商品宝贝拍照的流程。
教学难点：场景的布置和光线的角度的控制。
三、教学手段
多媒体（投影仪、计算机），板书，手机。
四、教学方法
课堂演讲、头脑风暴、提问、讨论、启发、案例分析、操作。
五、作业
1、课后二维码扫码学习：淘宝宝贝拍摄背景选择技巧。
2、课后二维码扫码学习：视频-单反入门基础教程。
六、参考资料
1《网店美工实操》，淘宝大学编著，电子工业出版社，2013年。
2.《电子商务网页设计与制作》，徐峰主编，浙江大学出版社，2013年。
3.《网店美工宝典》，王楠编著，电子工业出版社，2015年。
七、教学内容与教学设计
3.1 相机的选择
3.1.1全走动数码相机
3.1.2全手动数码相机
3.2 场景的布置
3.2.1 室内拍摄环境
3.2.2 室外拍摄环境
3.3 光线的角度
3.3.1顺光
3.3.2逆光
3.3.3侧光
3.3.4顶光
3.4 拍照的流程
3.4.1物品和道具的准备
3.4.2物品位置的摆放
3.4.3网店拍照

3.4.4照片后期处理
3.5 新手网拍注意事项
3.5.1网拍的时间
3.5.2拍照的方法
3.5.3相机的使用
3.5.4商品的拍摄
八、课后小结

第4章 初学美工-Photoshop基础
（6学时）
一、教学目的及要求
通过本章的学习，使学生了解Photoshop的工具界面、掌握PS的基本操作、图片多样裁剪、修图和美图调色技能。
二、教学重点及难点
教学重点：商品图片的修图常见工具。
教学难点：商品图片的美图调色常见工具。
三、教学手段
多媒体（投影仪、计算机），板书，手机。
四、教学方法
课堂演讲、头脑风暴、提问、讨论、启发、案例分析、操作。
五、作业
1、课后二维码扫码学习：视频-零基础学photoshop CS5。
2、课后二维码扫码学习：视频-Photoshop CS6 基础教程。
六、参考资料
1.《网店美工实操》，淘宝大学编著，电子工业出版社，2013年。
2.《网店美工宝典》，王楠编著，电子工业出版社，2015年。
3.《Photoshop图像处理》（第3版），余辉主编，中国出版集团东方出版中心，2012年。
4.《photoshop数码照片处理标准教程》，雷波主编，中国电力出版，2011年。
七、教学内容与教学设计
4.1 美工图像基本概念
4.1.1像素、分辨率与常见图片格式
4.1.2网店装修设计中常见图片参数
4.2 Photoshop CS软件基本操作
4.2.1 Photoshop CS操作界面
4.2.2 Photoshop CS 基本操作
4.3 图片多样裁剪
4.3.1 固定尺寸裁剪
4.3.2裁剪矫正倾斜图像
4.3.3 裁剪矫正透视变形图像
4.4 修图
4.4.1污点修复画笔工具
4.4.2修补工具
4.4.3仿制图章工具
4.5 美图调色
4.5.1亮度调整-色阶工具
4.5.2色彩调整-色相/饱和度工具
4.5.3清晰图片-锐化工具
4.5.4模特美容-液化工具
八、课后小结

第5章 精通美工-Photoshop设计
（8学时）
一、教学目的及要求
通过本章的学习，使学生了解图层的概念及图层面板的功能，掌握抠图4法、文字工具、蒙版、通道及图片的多样效果制作，精通PS软件在网店美工在的运用。
二、教学重点及难点
教学重点：图层与抠图。
教学难点：蒙版、通道和图片多样制作。
三、教学手段
多媒体（投影仪、计算机），板书，手机。
四、教学方法
课堂演讲、头脑风暴、提问、讨论、启发、案例分析、操作。
五、作业
1、课后二维码扫码学习：视频- Photoshop经典效果特效大全。
2、课后二维码扫码学习：视频- Illustrator 从入门到提高教程。
六、参考资料
1.《网店美工实操》，淘宝大学编著，电子工业出版社，2013年。
2.《网店美工宝典》，王楠编著，电子工业出版社，2015年。
3.《Photoshop图像处理》（第3版），余辉主编，中国出版集团东方出版中心，2012年。
4.《photoshop数码照片处理标准教程》，雷波主编，中国电力出版，2011年。
七、教学内容与教学设计
5.1 图层
5.1.1图层简介
5.1.2图层面板及功能
5.2 抠图
5.2.1魔棒工具
5.2.2快速选择工具
5.2.3多边形套索、选框工具
5.2.4钢笔工具
5.3 文字艺术
5.3.1文字工具和文字属性栏
5.3.2文字编辑与特效

5.4 蒙版和通道
5.4.1 图层蒙版
5.4.2通道抠图
5.5图片多样制作
5.5.1倒影效果制作
5.5.2 动画效果制作
5.5.3 切片艺术之图加网址
5.5.4关联营销图制作
八、课后小结
第6章 巧用美图秀秀
（4学时）
一、教学目的及要求
通过本章的学习，使学生了解美图秀秀的基础功能，掌握美图秀秀多样文字、边框、抠图、拼图和批处理功能。
二、教学重点及难点
教学重点：商品图片的修图常见工具。
教学难点：商品图片的美图调色常见工具。
三、教学手段
多媒体（投影仪、计算机），板书，手机。
四、教学方法
课堂演讲、头脑风暴、提问、讨论、启发、案例分析、操作。
五、作业
1、课后二维码扫码学习：视频-美图秀秀高手速成。
2、25张图片批处理工具使用。
六、参考资料
1.《网店美工实操》，淘宝大学编著，电子工业出版社，2013年。
2.《网店美工宝典》，王楠编著，电子工业出版社，2015年。
3.《Photoshop图像处理》（第3版），余辉主编，中国出版集团东方出版中心，2012年。
4.《photoshop数码照片处理标准教程》，雷波主编，中国电力出版，2011年。
七、教学内容与教学设计
6.1 美图秀秀基础
6.1.1 美图界面
6.1.2 基础工具
6.1.3 高级工具
6.1.4 调色工具

6.1.5 一键美化
6.2 人像美容
6.2.1 智能美容
6.2.2 瘦脸瘦身
6.2.3 祛痘祛疤
6.3 多样文字
6.3.1 输入文字
6.3.2 动画闪字
6.3.3 文字模板
6.4 边框和抠图
6.4.1 简单边框
6.4.2 纹理边框
6.4.3 抠图换背景
6.5拼图和批处理
6.5.1自由拼图
6.5.2 模板拼图
6.5.3图片批处理
八、课后小结

第7章 妙用图片空间
（3学时）
一、教学目的及要求
通过本章的学习，使学生了解图片空间入口及优势，掌握图片空间的基本功能（上传图片、空间瘦身、回收站妙用）和多样功能（尺寸多样选择、百宝箱之水印设置）。
使学生掌握图片空间中常用的功能。
二、教学重点及难点
教学重点：图片空间基本功能。
教学难点：图片空间多样功能。
三、教学手段
多媒体（投影仪、计算机），板书。
四、教学方法
课堂演讲、头脑风暴、提问、讨论、启发、案例分析、操作。
五、作业
1、批量上传图片到自己店铺。
2、图片空间水印功能使用。
六、参考资料
1.《网店美工实操》，淘宝大学编著，电子工业出版社，2013年。
2.《网店美工宝典》，王楠编著，电子工业出版社，2015年。
3.《Photoshop图像处理》（第3版），余辉主编，中国出版集团东方出版中心，2012年。
4《photoshop数码照片处理标准教程》，雷波主编，中国电力出版，2011年。
七、教学内容与教学设计
7.1 图片空间
7.1.1 图片空间入口
7.1.2 图片空间优势
7.2 图片空间基本功能
7.2.1 上传图片
7.2.2 目录管理
7.2.3 空间瘦身
7.2.4 回收站妙用
7.3 图片空间多样功能
7.3.1 尺寸多样选择
7.3.2 百宝箱之水印设置
八、课后小结

下篇：美工设计之“术”
第8章 布局主图设计
（6学时）
一、教学目的及要求
通过本章的学习，使学生了解消费者在网店的购物路径、主图的目的及作用、主图设计四项基本原则，掌握常见的三种类型的主图设计和主图视频的制作。
二、教学重点及难点
教学重点：主图设计四项基本原则及三类主图的制作。
教学难点：主图视频的制作。
三、教学手段
多媒体（投影仪、计算机），板书，手机。
四、教学方法
课堂演讲、头脑风暴、提问、讨论、启发、案例分析、操作。
五、作业
1、课后二维码扫码学习：视频-光影魔术手教程。
2、课后二维码扫码学习：视频-会声会影入门与提高。
六、参考资料
1.《网店美工实操》，淘宝大学编著，电子工业出版社，2013年。
2.《网店美工宝典》，王楠编著，电子工业出版社，2015年。
3.《Photoshop图像处理》（第3版），余辉主编，中国出版集团东方出版中心，2012年。
4.《photoshop数码照片处理标准教程》，雷波主编，中国电力出版，2011年。
七、教学内容与教学设计
8.1主图介绍
8.1.1消费者在网店的购物路径
8.1.2主图的目的及作用
8.1.3网店常见新手主图风格
8.1.4主图设计四项基本原则
8.2 主图制作
8.2.1品牌式主图
8.2.2标签式主图
8.2.3常见式主图
8.3主图视频创作
8.3.1主图视频的优点
8.3.2主图视频相关要求
8.3.3主图视频制作六大方法
8.3.4会声会影制作主图视频
8.4淘宝官方对主图和辅图的建议
8.4.1官方对主图和辅图的建议
8.4.2图片大小对于流量的反响影响
八、课后小结
第9章 解析详情页设计思路
（6学时）
一、教学目的及要求
通过本章的学习，使学生了解详情页图片的尺寸以及买家对详情页的喜好情况，掌握详情页设计思路五部曲和详情页遵循的原则。
二、教学重点及难点
教学重点：详情页设计思路五部曲。
教学难点：详情页常见问题。
三、教学手段
多媒体（投影仪、计算机），板书，手机。
四、教学方法
课堂演讲、头脑风暴、提问、讨论、启发、案例分析、操作。
五、作业
1、课后二维码扫码学习：淘宝营销文案只需10招。
2、课后二维码扫码学习：淘宝文案知识大全。
六、参考资料
1.《网店美工实操》，淘宝大学编著，电子工业出版社，2013年。
2.《网店美工宝典》，王楠编著，电子工业出版社，2015年。
3.《Photoshop图像处理》（第3版），余辉主编，中国出版集团东方出版中心，2012年。
4.《photoshop数码照片处理标准教程》，雷波主编，中国电力出版，2011年。
七、教学内容与教学设计
9.1详情页介绍
9.1.1详情页重要性
9.1.2详情页图片尺寸
9.2详情页买家喜好解密
9.2.1结构布局
9.2.2买家浏览习惯的秘密
9.2.3四大行业的图片秘诀
9.2.4买家的文字阅读需求
9.3详情页常见问题
93.1有人点，没人问？
9.3.2有人问，没人买？
9.3.3客户要的是便宜吗？
9.4详情页设计思路
9.4.1引发兴趣
9.4.2激发潜在需求
9.4.3从信任到信赖
9.4.4从信赖到想拥有
9.4.5替客户做决定
9.5详情页遵循的原则
八、课后小结
第10章 玩转店铺装修
（6学时）
一、教学目的及要求
通过本章的学习，使学生了解店铺装修的目的及基本框架图，掌握店铺装修的三种方式（装修市场模板购买、免费源代码模板复制、350模板装修）。
二、教学重点及难点
教学重点：店铺装修3种方式-装修市场模板购买、免费源代码模板复制、350模板装修。
教学难点店铺装修之免费源代码模板复制法。
三、教学手段
多媒体（投影仪、计算机），板书，手机。
四、教学方法
课堂演讲、头脑风暴、提问、讨论、启发、案例分析、操作。
五、作业
1、课后二维码扫码学习：视频-Dreamweaver CS6基础入门教程。
2、免费代码复制法装修自己淘宝店铺。
六、参考资料
1.《网店美工实操》，淘宝大学编著，电子工业出版社，2013年。
2.《网店美工宝典》，王楠编著，电子工业出版社，2015年。
3.《Photoshop图像处理》（第3版），余辉主编，中国出版集团东方出版中心，2012年。
4.《photoshop数码照片处理标准教程》，雷波主编，中国电力出版，2011年。
七、教学内容与教学设计
10.1店铺装修
10.1.1店铺装修的目的
10.1.2店铺构造
10.2 新旺铺及装修后台介绍
10.2.1新旺铺基础版与专业版
10.2.2新旺铺装修后台揭秘
10.3店铺装修方式一-装修市场模板购买
10.3.1淘宝装修市场
10.3.2选购市场模板四大要点
10.3.3模板的试用和选购
10.3.4模板的装修
10.4店铺装修方式二-免费源代码模板复制
10.4.1免费源代码模板下载及选择
10.4.2源代码替换成网页
10.4.3图片文字及链接地址替换
10.4.4收藏及旺旺链接地址替换
10.5店铺装修方式三-350模板装修
10.5.1 350装修服务平台
10.5.2 350模板的特色和优势
10.5.3模板的试用和选择
10.5.4模板的选购和安装
八、课后小结

执笔人:编委