《立体感+网店旺铺动态页面快速实现(全彩)》是一本由淘宝大学认证讲师——宋军倾力打造的淘宝店铺装饰设计图书。
淘宝美术设计师如果不懂代码怎么办?怎样才能做好网店的动态布局?
作者宋军,网名阿灰猿。有多年的淘宝网店装饰经验,并有多年的培训经验,擅长从美工的角度思考如何学习代码、应用代码。作者通过《美工学代码》一课成名,成功帮助了许多美工在短期内掌握代码的应用技术。本书是作者多年的经验之道,是美工学代码不容错过的必备手册。
《立体感+网店旺铺动态页面快速实现(全彩)》是一本专门用来帮助大家学习装修代码的图书,共分为10 章,从基础知识到
Div+CSS,再到淘宝的widget 特效都有涉猎,特别适合有一些美工基础的美工或掌柜用来
学习装修代码知识。在每一章的后面还会有一些小技巧来解决大家工作中碰到的实际问题。《立体感+网店旺铺动态页面快速实现(全彩)》不是一本严肃的代码类参考书,更注重帮助大家理清装修代码的脉络,让你对代码有更清晰的认识,让你更快上手。
第1 章 每个电商美工都应该知道的基础
1.1 每个美工都应该知道的基本常识
1.2 切片
1.3 店铺装修后台
经验分享――Photoshop CC 版本快速切片
第2 章 Dreamweaver 与代码入门
2.1 代码和Dreamweaver
2.2 HTML 与Dreamweaver
2.3 表格
2.4 CSS 样式与Dreamweaver
经验分享――如何制作单像素的表格
经验分享――为什么上传后图片大小/ 质量会改变?
第3 章 一切从框开始,介绍盒模型
3.1 认识div
3.2 盒模型
3.3 框的背景
经验分享――用热图为大的图片添加链接
第4 章 好玩的布局方法让框浮动起来
4.1 简单的N 列布局
4.2 更复杂一点的浮动样式
4.3 用嵌套来实现复杂布局
4.4 一行N 列在店招上应用的案例
经验分享――解决店招和导航之间的2 像素的空隙
第5 章 再复杂的布局也没问题:定位的技术
5.1 相对定位
5.2 绝对定位
5.3 借用淘宝的样式
经验分享――用绝对定位来做客服列表
第6 章 让你的店铺突破950 的宽度
6.1 突破950 的原理
6.2 实际操作步骤
6.3 突破中的其他问题
经验分享――如何用自定义导航替代官方的导航
第7 章 在框里填充内容
7.1 插入文字
7.2 插入图片
7.3 插入视频
经验分享――在描述中的图文混排
第8 章 用CSS3 让页面动起来
8.1 hover 鼠标响应效果
8.2 更平滑的动画效果
8.3 同时产生多个动画
8.4 更多的动画效果
经验分享――店铺装修常见问题
第9 章 淘宝官方的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 参数列表