淘宝店铺装修完全自学教程平面设计学院

课程基于淘宝店铺进行讲解,主要适用于淘宝店铺装修的同学学习哦~

涉及软件及版本:PhotoshopCS6和DreamweaverCC2015大家可以下载对应版本或者更高版本进行学习。

注:GIF格式图像色彩空间有限,图片失真比较多,主要展示动态过程,实际应用图片会很清晰自然。

轮播海报效果

开关灯效果

十二卡盘效果

自定义布局

旋转木马应用案例

带左右按钮的自定义轮播效果图

应用弹出层做带有下拉菜单的店招

倒计时的应用

突破950px带有鼠标特效的分类展示区域

自定义模块插入视频效果

生成动态旺旺效果

介绍课程总体内容及学习课程需要做的准备

介绍装修店铺的常用后台操作,包括淘宝默认模板,页面添加,配色处理,模块添加等等。

店铺装修需要的软件工具,在线生成工具,以及淘宝开放平台的使用

淘宝首页标准尺寸介绍及如何利用淘宝默认工具进行简单的店招装修

使用淘宝默认的模块装修轮播图效果,宝贝分类,宝贝推荐,排行榜等

使用淘宝默认模块对分类页面进行装修,包括店招的设置,添加和删除模块等。

详情页的装修范围及如何设置宝贝信息及详情描述等

如何添加自定义的专题页面,以及导航条项目设置和添加的方法

其他两套默认模板的介绍及装修备份还原

设计稿的展示以及店铺配色等的整体设置及全局分析

实例讲解通屏店招背景设置及店招主图的装修过程

使用Photoshop对店招设计稿进行切片并添加链接,装修店招的过程演示。

使用在线生成工具制作自定义导航条效果

使用在线生成工具突破淘宝默认最小宽度限制,制作全屏轮播海报效果。

使用在线生成工具制作爆款开关灯效果,以及去除模块间隙的方法。

使用在线生成工具制作通栏图片及12图卡盘效果

主要讲解如何在店铺中添加客服阿里旺旺联系入口,方便买家咨询。

认识熟悉代码编辑器Dreamweaver的界面及与HTML的关系详解

详细介绍标签属性的编写方法及嵌套的原则

介绍超链接标签、属性及代码书写规范

讲解Dreamweaver插入图片的方法及对应标签,以及如何绘制热点地图

介绍表单标签及利用百度搜索的代码方便快捷制作店铺搜索框

css样式编写规范及常用文本的CSS样式设置方法

讲解如何定义网页中元素的尺寸及背景颜色、背景图像和定位等。

讲解css样式盒子模型中内部填充值和外边距属性及实际应用时值的设置技巧

主要讲解盒子模型的边框编写规范和技巧,类选择器以及火狐浏览器firebug的使用。

主要讲解块元素、行元素、行内块元素的特征及相互转换的方法

浮动布局的设置方法及原理,后代选择器的编写方式,以及溢出隐藏设置。

使用伪类选择器、项目列表、超链接标签、浮动布局等知识制作淘宝店铺导航栏效果

元素相对定位、绝对定位、固定定位的属性设置及实际应用

讲解CSS3新增的圆角、阴影及不透明度等参数设置

如何将Dreamweaver中的CSS样式修改为行内样式,以符合店铺装修代码要求。

使用Dreamweaver实现全屏店招效果及添加热点地图

使用CSS样式修改设置导航条的样式,制作店招和导航条统一背景图像效果

完全自定义店招和导航条样式,制作店招上动态图片效果及装修方法

通过使用淘宝自带类样式设置自定义搜索框的定位

使用系统提供类名打破系统默认宽度制作全屏海报

讲解活动专题页面切图、制作热点地图以及突破淘宝默认950px宽度的装修方法

将大面积的背景图片定义为固定背景以及滚动背景的方法,优化店铺装修的结构

使用淘宝自带类样式.footer-more制作鼠标经过时图片显示与隐藏效果等

结合前面所学知识,讲解了一个综合案例,主要涉及知识点包括浮动布局,定位布局,突破淘宝默认950px宽度,鼠标经过指针变化,图像变化,以及添加跳转链接等

淘宝J_TWidget组件之Carousel旋转木马的使用方法介绍

通过实例讲解鼠标放置到按钮上实现切换,并且主图实现淡入淡出切换的装修效果

使用旋转木马制作带箭头的轮播图效果,以及定义箭头位置的实际案例。

J_TWidget之Popup弹出层应用方式讲解以及元素位置、对齐点的原理

使用弹出层制作带有下拉菜单的店招效果

使用在线生成工具结合Dreamweaver代码制作店铺活动倒计时效果

THE END
1.免费在线淘宝店铺装修设计淘宝店铺装修图片素材模板下载MAKA是全球最受欢迎的免费在线淘宝店铺装修设计软件、淘宝店铺装修设计工具之一,提供海量的淘宝店铺装修设计模板素材,5分钟完成在线设计制作精美的淘宝店铺装修图片。https://www.maka.im/zhinan/taobaodianpusheji
2.淘宝店铺装修尺寸大全(绝版).doc淘宝店铺装修尺寸大全(绝版).doc,1.商品图片的尺寸:宽500*高500像素,大小在120KB以内,要求JPG或GIF格式,到发布宝贝页面上上传图片。最好大于312*310px 2.店标图片的尺寸:宽100*高100像素,大小在80K以内,支持JPG或GIF格式,动态或静态的图片均可。上传步骤:“管理我https://max.book118.com/html/2017/0713/122055868.shtm
3.淘宝店铺装修必看!尺寸大全收藏备用打开App查看高清大图 骆卓 2023年3月31日 关注 新手老手开店都必须要了解的店铺装修图片尺寸 1,宝贝主图比例1:1的尺寸是:800*800 宝贝主图比例3:4的尺寸是:750*1000(目前主推) 2,宝贝主图视频对应主图的尺寸:800*800/750*1000 建议时长在30秒左右,易被公域抓取,获得免费流量 3,商家素材中心,3张白...https://m.dianping.com/ugcdetail/144252955?bizType=29
4.阿里店铺装修尺寸淘宝图片轮播的图片的尺寸:1、轮播图片的宽度为950PX。2、轮播图片的高度最低值为100PX。3、轮播图片的高度最高值为600PX。4、轮播图片像素比例范围为:宽高比值在9.5-1.58范围之间。 sunyang625 阿里巴巴店铺装修流动横幅尺寸是多少 多大的尺寸都可以的最大支持是1920*500但是你在这个范围内的图片,做多大都是...http://wap.17house.com/aa/ask/54385.html
1.淘宝店铺装修图片尺寸大小及操作步骤介绍淘宝店铺(Taobao shop)指的是所有淘宝卖家在淘宝所使用的旺铺或者店铺,以下是小编为大家整理的淘宝店铺装修图片尺寸大小及操作步骤介绍,仅供参考,欢迎大家阅读。 一、店招图片 1、店招图片尺寸:950x120 2、店招图片操作步骤 第一步:进入店铺装修后台; 第二步:点击店招编辑按钮,你能看到三个店招设置方式,分别是默认招...https://www.jy135.com/jiaju/306162.html
2.淘宝店铺装修图片尺寸有哪些?淘宝图片的大小要求淘宝店铺装修图片尺寸有哪些?淘宝图片的大小要求,大家在装修淘宝店铺的时候,需要上传一些图片的,不过大家要注意了,不同的模块所要求的图片尺寸是不一样的,大家千万不要搞错了。如果有小伙伴不清楚图片的尺寸,就要来看这篇文章啦!小编来告诉你要上传什么图片,尺寸是多大。 https://www.gzjsj.com/article/3840.html
3.淘宝开店需要哪些照片?淘宝上传图片的尺寸要求有哪些?(1)图片尺寸: 淘宝详情页图片的推荐尺寸为800×800像素至1200×1200像素。详情页的图片可以根据实际需要进行调整,但建议保持清晰度和适当的比例。 (2)长图要求: 如果使用长图(例如尺寸为750×3000像素),要确保长图的分辨率足够高,以避免图片模糊。 3、店铺装修图片尺寸 ...https://m.jiulangdianshang.com/ruhekaiwangdian/8041.html
4.淘宝手机店铺装修尺寸多少?怎么装修手机端?首先是店招,这个是显示在详情页顶端的,尺寸是950*150,其次是页头背景,这个尺寸是1920*150,然后是详情页的长图,长度不限,图片大小500k,大张的海报宽度是1920。 在淘宝开店,有几个环节是非常重要的,首先是货源,其次是装修和推广。店铺装修风格代表着店铺的形象,店铺装修得越好越能吸引消费者,还能延长消费者停留的时...https://m.maijia.com/article/482001
5.装修必看,淘宝图片尺寸大全任何行业都会有自己的行业规则,淘宝也有淘宝规则,新手开店做淘宝,也要熟悉淘宝规则,再细化到店铺装修也一样,淘宝对于图片也有个规则,每个图片都有它规定的尺寸。 而淘宝图片类型包含店铺招牌、导航栏、店铺标志以及宝贝详情页等图片尺寸,对于这类型不同的尺寸,我们需要一个个记住,只有掌握好图片尺寸做出来的图片才是有...https://www.kaitao.cn/article/201603291625080697.htm
6.淘宝店铺招牌多大尺寸电商运营自媒体装修店铺招牌时,商家需要注意不要过于复杂和拥挤,以免影响视觉效果和买家的体验。简洁、清晰、有吸引力是装修店铺招牌时需要把握的原则。 总之,淘宝店铺招牌的标准尺寸为180像素*60像素,文件大小不得超过50KB。商家可以通过设计软件或在线图片编辑工具调整招牌尺寸,并根据自身需求进行个性化设计。https://www.jb51.net/zimeiti/921926.html
7.淘宝店铺主页图片标准尺寸(淘宝店铺主页图片标准尺寸怎么设置...四、淘宝店铺装修店标尺寸大小是多少? 设置店铺店标上传的图片文件格式要求为GIF、JPG、JPEG、PNG,文件大小80K以内,建议尺寸80PX * 80PX 。 2. 可以进入“卖家中心”—“店铺管理”—“店铺基本设置”页面上传或更换您的店标图片,尺寸如果大于100PX*100PX店标也是无法显示的。 https://www.de1919.com/article/407627.html
8....在线自由布局工具多功能淘宝天猫店铺装修特效代码生成器官方...根据群聊经验很多人在装修淘宝天猫移动端手机店铺时,会有这样的疑问就是无线店铺首页尺寸是做1200宽还是750宽。今天疯狂的美工小编给大家一一解说一下其中区别,如果对此块有疑问的亲们快进来了解清楚一下吧,这样才能更好的装修好手机店铺。特别是现在分了新版旺铺和旧版旺铺装修,导致很多同学在装修过程中把尺寸搞混乱...https://www.mgzxzs.com/mp/2/3162.html