提升网店美工效率：从 PS 到店铺装修的一站式攻略

在电商美工领域，将精美的设计图成功应用到淘宝店铺后台是一个常见挑战。本课程专为希望突破这一瓶颈的学员设计，帮助你系统掌握从设计到技术实现的整个流程。

适合人群与学习基础

本课程适合以下两类人群： - 希望提升网店装修效率，减少对外部依赖的从业者； - 具备 Photoshop 基本操作能力（图层管理、抠图、色彩调整），但缺乏网页制作经验的初级美工。

建议在学习前，你已掌握 Photoshop 的基础操作，并熟悉淘宝店铺装修的流程和规范。

学习顺序与重点

我们建议按照以下顺序学习： - **第一阶段（设计思维）**：了解店铺装修的流程、规范和设计要点，为后续技术实现打下基础。 - **第二阶段（技术基础）**：学习如何使用 PS 切片、导出功能，生成符合网页规范的素材。 - **第三阶段（实战应用）**：通过 DreamWeaver 和 HTML 标签，将设计图转化为可交互的网页元素。

学完能独立实现什么

完成课程后，你将能够： - 独立设计并装修淘宝店铺首页，包括制作全屏海报、自定义导航条风格； - 制作动态店招，并实现图片的点击链接功能； - 使用 PS 时间轴制作动画； - 将 PS 生成的代码上传到淘宝后台，实现设计效果的实时更新。

资料包的使用方法

为了帮助你更好地掌握课程内容，我们提供了详细的资料包。请注意： - **1.1 课程大纲与开店忠告**：帮助你快速了解店铺装修的整个流程和注意事项。 - **1.2 tt开店流程**：指导你如何开始淘宝店铺的运营。 - **1.3 即将开店或已经开店的注意事项**：提供实用的店铺管理建议。 - **后续设计模块**：详细讲解首页、店招、导航条及海报的设计与技术实现方法。

如何高效利用资料包

在使用资料包时，请按照以下步骤进行： - **第一步：学习设计思维**：通过视频讲解，理解每个设计环节的目的和规范。 - **第二步：掌握技术基础**：仔细观看相关视频，学习 PS 的切片和导出技巧。 - **第三步：实战应用**：结合实践，逐步将设计图转化为网页元素。 - **第四步：反复练习**：通过实际操作，巩固所学知识，提升设计能力。

总结

本课程旨在帮助你快速掌握从 PS 到店铺装修的技能，提升工作效率。通过系统的学习流程和实用的资料包，你将能够独立完成店铺的视觉设计与技术实现，实现店铺装修的自主化。不要错过这个提升自己能力的绝佳机会！

课程目录

课程目录 1----1.1课程大纲与开店忠告.flv 2----1.2tt开店流程.flv 3----1.3即将开店或已经开店的注意事项.flv 4----1.4卖家中心简介及千牛工作台.flv 5----2.1tt首页设计流程.flv 6----2.2tt首页设计前准备工作.flv 7----2.3.tt首页内容及尺寸标准.flv 8----2.4tt店招图标设计.flv 9----2.5店招设计补充完善.flv 10----2.6.导航条制作及火狐浏览器插件应用.flv 11----2.7海报设计思路及规范.flv 12----3.1.tt首页傻瓜式一键装修.flv 13----3.2一键装修后如何修改店铺图片.flv 14----4.1.将PS制作的效果图上传到tt页面.flv 15----4.2.店招动画何必使用Flash.flv 16----4.3.店招动画PS时间轴高级用法.flv 17----4.4.为店招添加链接实现店铺收藏效果.flv 18----4.5.使用PS生成代码做店招中可链接好更换的图片.flv 19----4.6.全屏店招的2种做法及系统模板定义店铺风格.flv 20----5.1.修改CSS样式自定义店铺导航条风格.flv 21----5.2.html代码回顾与css面板の类型.flv 22----6.1.制作静态多图独立链接的全屏海报.flv 23----7.1.客服中心制作之PS切图.flv 24----7.2.将ps生成的代码上传到tt装修后台.flv 25----7.3.将整张照片实现点击可链接.flv 26----8.1.DreamWeaver和HTML的联系.flv 27----8.2.tt中常用的HTML标签.flv 28----8.3.HTML标签之间的嵌套.flv 29----8.4.HTML中的超级链接及锚点链接.flv 30----8.5.给图片加链接及图片热点链接.flv 31----8.6.重要的排版标签table表格.flv 32----8.7.Table表格做宝贝展示案例.flv 33----8.8.揭开DIV布局面纱.flv 34----9.1.CSS基本概念讲义及使用方法.flv 35----9.2.CSS中对标签文字的修改.flv 36----9.3.结合tt讲解CSS的背景及方框.flv 37----9.4.行级与块级标签的相互转换配合浮动属性.flv 38----9.5.DIV布局的核心知识【盒子模型】.flv 39----9.6.实例课【推荐区布局table篇】.flv 40----9.7.实例课【推荐区布局DIV CSS篇】.flv 41----9.8.将页头CSS更给为行内样式.flv 42----9.9.tt常用的HTML列表标签.flv 43----9.10.css选择器扩展与加强.flv 44----9.11.CSS选择器——伪类选择器.flv 45----9.12.css结束篇【常见的定位属性】.flv 46----9.13.总结篇DIV CSS布局导航条1.flv 47----9.14.总结篇DIV CSS布局导航条2.flv 48----10.1.解决tt屏蔽的css代码.flv 49----10.2.tt系统提供的专用class类.flv 50----10.3.通过tt系统类，突破默认950px宽度.flv 51----11.1.JS动态效果在tt中的封装——J_TWidget组件.flv 52----11.2.J_TWidget弹出层动画【案例1】.flv 53----11.3.J_TWidget弹出层动画【案例2】.flv 54----11.4.J_TWidget组件【旋转木马】.flv 55----11.5.J_TWidget组件【旋转木马】＋tt类=tt全屏轮播海报.flv 56----11.6.旋转木马之【店招轮播动画】（1）.flv 57----11.7.旋转木马之【店招轮播动画】（2）.flv 58----13.1.tt首页背景做法之（1）【自定义重复背景】.flv 59----13.2.tt首页背景做法之（2）【固定背景】.flv 60----13.3.为店铺及商品添加分享功能.flv 61----13.5店铺左侧固定导航.flv 62----13.6.为店铺添加搜索框.flv 63----13.7.店招的设计要素与不规则店招的装修.flv 64----18.1.tt首页效果图设计.flv 65----18.2.女装banner设计思路与制作过程（1）.flv 66----18.3.tt首页banner设计（2）mp4.flv 67----18.4.tt海报—智能电子产品新品海报.flv 68----18.5.tt海报—智能电子产品新品海报（下）.flv 69----18.6.智能电子产品发布海报补充与海报版式设计.flv 70----18.7.御泥坊化妆品海报设计.flv 课程目录 1----1.1课程大纲与开店忠告.flv 2----1.2tt开店流程.flv 3----1.3即将开店或已经开店的注意事项.flv 4----1.4卖家中心简介及千牛工作