本书是一本专门用来帮助大家学习装修代码的图书,共分为10 章,从基础知识到Div CSS,再到*的widget 特效都有涉猎,特别适合有一些美工基础的美工或掌柜用来学习装修代码知识。在每一章的后面还会有一些小技巧来解决大家工作中碰到的实际问题。本书不是一本严肃的代码类参考书,更注重帮助大家理清装修代码的脉络,让你对代码有更清晰的认识,让你更快上手。
这是一本由大学认证讲师——宋军倾力打造的淘宝店铺装饰设计图书。
美术设计师如果不懂代码怎么办?怎样才能做好网店的动态布局?
作者宋军,网名阿灰猿。有多年的淘宝网店装饰经验,并有多年的培训经验,擅长从美工的角度思考 如何学习代码、应用代码。作者通过《美工学代码》一课成名,成功帮助了许多美工在短期内掌握代码的应用技术。本书是作者多年的经验之道,是美工学代码不容错过的手册。
作者简介
前言
01 每个电商美工都应该知道的基础
1.1 每个美工都应该知道的基本常识
1.2 切片
1.3 店铺装修后台
经验分享 PhotoshopCC版本快速切片
02 Dreamweaver与代码入门
2.1 代码和Dreamweaver
2.2 HTML与Dreamweaver
2.3 表格
2.4 CSS样式与Dreamweaver
经验分享 如何制作单像素的表格
经验分享 为什么上传后图片大小/质量会改变?
03 一切从框开始,介绍盒模型
3.1 认识div
3.2 盒模型
3.3 框的背景
经验分享 用热图为大的图片添加链接
04 好玩的布局方法让框浮动起来
4.1 简单的N列布局
4.2 更样复式杂一点的浮动
4.3 用嵌套来实现复杂布局
4.4 一行N列在店招上应用的案例
经验分享 解决店招和导航之间的2像素的空隙
05 再复杂的布局也没问题:定位的技术
5.1 相对定位
5.2 绝对定位
5.3 借用淘宝的样式
经验分享 用绝对定位来做客服列表
06 让你的店铺突破950的宽度
6.1 突破950的原理
6.2 实际操作步骤
6.3 突破中的其他问题
经验分享 如何用自定义导航替代官方的导航
07 在框里填充内容
7.1 插入文字
7.2 插入图片
7.3 插入视频
经验分享 在描述中的图文混排
08 用CSS3让页面动起来
8.1 hover鼠标响应效果
8.2 更平滑的动画效果
8.3 同时产生多个动画
8.4 更多的动画效果
经验分享 店铺装修常见问题
09 淘宝官方的widget特效
9.1 widget简介
9.2 标旋转签木页马、卡盘、
9.3 手风琴
9.4 弹出层
9.5 倒计时
经验分享 做自定义导航和弹出菜单
10 淘宝官方社交组件的应用:sns及其他
10.1 评论组件
10.2 喜欢组件
10.3 分享组件
10.4 其他
经验分享 如何获取店铺ID和商品ID
附录 淘宝的常用widget参数列表

