《淘宝天猫网店美工实战--视觉设计+店铺装修+移动端店铺》
教学教案
第1章
课时内容 网店美工初体验 授课时间 90分钟 课时 2
教学目标 了解网店美工的基础知识。
熟悉网店美工工作流程。
课堂实训。
教学重点 掌握网店美工的基础知识。
掌握网店美工工作流程。
教学难点 掌握网店美工的工作范畴。
掌握网店美工需要遵循的设计原则。
掌握网店美工工作流程。
教学设计 1、 教学思路：（1）主要讲解网店美工的定义、工作范畴及需要遵循的设计原则等知识点；（2）主要讲解网店美工工作流程，包括素材搜集与整合、处理与设计、页面设计与制作、图片切片与管理、网店的装修等知识点。
2、 教学手段：通过理论知识带图例的方式，让学生加深理论知识理解的同时，掌握其设计方法。
3、 教学资料及要求：除教材中讲解的知识外，可在网络中查看更多成功案例，以供参考。
教学内容
知识回顾：下面首先讲解网店美工，以及网店美工工作流程。
讨论问题：1、你知道网店美工的主要工作范畴有哪些方面？
2、你知道一个优秀的网店美工，在进行网店页面设计前，首先要做什么工作？
内容大纲：具体可结合本章的PPT课件进行配合讲解。
1.1 了解网店美工
1.1.1 网店美工的定义
1.1.2 网店美工的工作范畴
1.1.3 网店美工需要遵循的设计原则
1.2 熟悉网店美工工作流程
1.2.1 素材搜集与整合
1.2.2 处理与设计
1.2.3 页面设计与制作
1.2.4 图片切片与管理
1.2.5 网店的装修
1.3 课堂实训——分析Wanlima网店首页的设计
1.4 课后练习——赏析ESEDO网店首页的设计
1.5 拓展知识 小结 1、 掌握网店美工的工作范畴。
2、 掌握网店美工需要遵循的设计原则。
3、 掌握网店美工工作流程。
课后练习 课后练习——赏析ESEDO网店首页的设计
本练习要求以如图所示的网店首页为例，赏析其页面风格、色彩搭配、商品图片展现、设计手法等。
{店铺管理}淘宝店铺装修
基础最新详细图解
淘宝店铺装修基础（最新详细图解）
添加一个或多个旺旺在线联系方式
摘要:1.添加旺旺联系方式各位亲们你们好^^今天我来告诉大家该怎么在模版或
者其他地方添加一个或多个旺旺在线联系方式。还是以示例来作说明吧。首先来
看下这个模块像这个地方就需要添加四个旺旺在线代码。好了，我们先打开...1.添加旺旺联系方式
各位亲们你们好^^
今天我来告诉大家该怎么在模版或者其他地方添加一个或多个旺旺在线联系方式。
还是以示例来作说明吧。
首先来看下这个模块
像这个地方就需要添加四个旺旺在线代码。
好了，我们先打开这个网址
打开之后首先来看下第一步（如下图）
对于上图，一般的情况下我们会选择风格一。因为大多数卖家都是这样的，也就不多讲
了。
接下来在看第二步（如下图）
继续看第三步，这里比较关键了（如下图）
复制完了之后，打开要添加的模版，切换到代码编辑视图
当按钮按下去的时候，显示的是代码编辑模式，两种状态要看清楚。
现在进入代码编辑模式
把上面复制的代码粘贴到上图红色那个区域。然后切换回编辑器模式
既可看到旺旺已经添加上（如下图）
【Wordder模板】如何编辑右侧模板商
品教程
非常重要：
1、所有编辑换行时请用「shift+回车」进行换行，强烈建议不要直接用「回车」
换行！
2、模板编辑的文字，严禁从WORD或其它网站拷贝过来！那样会影响模板正常显
示及功能！！
3、建议编辑公告及各动态效果内的文字，先把文字在"记事本"内编辑好，再复
制进来！
4、您编辑好的模板在发布这前一定要导出一下,新旺铺不稳定！如以后数据丢失，
可以直接导入恢复，免得您还得再次编辑！
【Wordder模板】如何添加文字以及链
接
如何添加文字以及链接？
请注意在修改前，需要有备份。
【Wordder模板】如何替换代码里的图
片地址为自己淘宝空间的图片地址
如何将模板代码里的图片地址换成自己的地址呢？
以下是单个图片地址替换的图解，要代码里的图片地址都替换掉，需要一个图片
淘宝全屏装修教程
淘宝全屏装修是一种能够充分展示产品和品牌形象的装饰方式。在淘宝店铺中，通过设置全屏装修，可以提升店铺的视觉效果，吸引更多的购买者。接下来，我将为您介绍淘宝全屏装修的教程。
首先，我们需要进入淘宝店铺的后台管理页面。在页面左侧导航栏中找到并点击“店铺装修”选项。
然后，选择“全屏装修”模块，点击“开始装修”按钮。接着，我们进入了全屏装修的编辑页面。
在编辑页面的左侧，有各种不同的装修组件可供选择，比如图片轮播、商品推荐等。我们只需要按需选择装修组件，然后将其拖拽到合适的位置即可。
在拖拽组件到页面上后，我们可以对其进行进一步的设置和编辑。例如，可以修改组件的尺寸、样式和内容。如果需要添加图片，可以点击组件中的“上传图片”按钮，然后选择本地的图片文件进行上传。
同时，我们还可以对页面的整体布局进行调整。通过选取不同的模板风格和调整页面的背景颜色，可以打造出符合自己店铺风格的全屏装修效果。
在进行装修时，建议保持页面的简洁明了，不要过分拥挤和花哨，以免影响用户体验和加载速度。同时，也要注意图片的质量和大小，保证在不同屏幕分辨率下的显示效果。
完成装修后，一定要点击页面右上角的“保存”按钮，将装修效果应用到店铺的前台页面上。此外，还可以在“预览”按钮下查看装修效果，确保页面的显示效果和操作流程符合预期。
总而言之，淘宝全屏装修是提升店铺形象和吸引购买者注意力的重要手段。通过掌握全屏装修的编辑技巧和注意事项，我们可以打造出独特而专业的店铺页面，提升店铺的竞争力和销售额。希望以上教程能对您有所帮助！
甩手工具箱官网
新手店铺装修教程-图片轮播怎么弄,尺寸多少？
图片轮播对与我们经营店铺做活动页面的时候是很有帮助的，所以我们在做淘宝店铺装修时需要做好图片轮播。
现在我们设置图片轮播先了解点东西，新手经常会遇到关于图片轮播的几个问题：
A.你们的图片轮播是多大？
B.亲们所有基础版的图片轮播大小为：宽度750px，高度100-600之间
A.为什么我的图片铺不满，为什么我的图片会变形？
B.图片尺寸错误，需制作正确的图片尺寸！可能好多客户不会ps操作，在这里我友情建议下大家可以使用美图秀秀软件，可以做简单的裁剪，只要大家按比例来就好。
图片轮播制作和修改的具体操作教程如下：
1.老规矩先进入淘宝卖家中心-店铺装修-添加图片轮播模块
甩手工具箱官网
2.添加好模块后，点击图片轮播模块的 编辑
3.点击图片图标，根据提示可以插入图片空间图片：
4.点击图片，即可以把图片插入了。
甩手工具箱官网
5.可以在操作 阶段进行调整/删除，我们也可以添加新的图片：
6.修改图片轮播的高度：（显示设置中）
ps:如果在没有插入图片的情况下，修改模块高度，系统是不会做任何改变的，要先插入图片，然后再修改高度。
【本文来源：甩手网】
