本期小咖：王文瑄
身份：电商18级学生
技能：HTML5+CSS+JavaScript
本期内容：淘宝装修 如何使用代码装修高大上的淘宝店铺
哈喽哈喽，我是小王
本学期我们开设了网上创业课程，
在学习课程之余，发现好多专业课程需要编码，
所以，我利用业余时间自学HTML5语言等，
并将理论知识应用到淘宝店铺装修之中
人类都是视觉动物。一个精美的页面必定能留住用户的眼球。用户在这个页面停留的时间变长，店铺的转换率也会自然会提高。那么，像这样抓眼球的全屏海报是怎样做出来的？今天就由小王同学为大家带来保姆级的教程。不懂网页代码的小白也可以轻松操作。
在准备阶段，我们需要下载好这两个软件
第一步：要用使用ps设计出一个漂亮的全屏页面。图片的宽度是1920，高度不限。
第二步：设计完成后，使用辅助线工具，分割图片的每一个主体。然后点击切片工具，点击基于参考线的切片。
使用快捷键shift+ctrl+alt+s存储为web所用格式。我们就可以看到图片被存储为一个一个的切片。
第三步：打开千牛卖家平台图片空间，将刚才做好的图片上传到图片空间。
接下来打开DW软件。新建一个html文件，将代码里的预设代码全部删除。
第四步：将这段代码复制粘贴到dw的代码栏中。
第五步：按照图片顺序，在千牛图片空间里复制图片代码。依次增加到代码相应位置。图片代码添加完成后，点击设计。就可以看到网页的整体效果。
第六步:点击想要添加链接的图片，在属性面板的链接中粘贴宝贝链接。在目标中选择-blank。同时可以使用热点工具为图片的某个特定区域添加链接。完成后，将全部代码复制。
第七步:打开千牛卖家平台店铺装修的PC端装修。
店招下添加自定义内容区→编辑自定义内容区→选择源代码→粘贴复制的代码→确认→点击发布。
一个漂亮的电脑全屏海报页面就完成了。
这里小王同学建议大家可以去学习html5 css JavaScript网页语言。
初学者可以购买人民邮电出版社的正版 HTML5基础知识核心技术与前沿案
虽然步骤有些繁琐，
但只要大家细心操作，
完全没有难度！
今天的电商知识你学会了吗？
主编：郑煜
副主编：王文瑄
排版：龙舒勤
审核：郑煜