点击此处返回
未登录用户
每日可免费学习1个教程
王晓楠
关注人数：10182
1.电商设计师学习代码的必要性
2.店铺装修- DW软件与HTML
3.店铺装修-常用的HTML标签
4.店铺装修-标签的属性和标签的嵌套
5.店铺装修-常用的HTML标签—超链接
6.店铺装修-图片标签和图像地图
7.店铺装修-表格标签的应用
8.店铺装修-表单标签及搜索框的应用
9.店铺装修-店铺装修中的表单运用
10.店铺装修-不同类型的列表标签
11.店铺装修-CSS层叠样式介绍及应用
12.店铺装修-更加多样的CSS文本样式
13.店铺装修-CSS中的背景样式
14.店铺装修-电商页面背景图片案例
15.店铺装修-CSS中的盒子模型
16.店铺装修-边框border的用法
17.店铺装修-float浮动在布局中的意义
18.店铺装修-浮动布局页面的方法
19.店铺装修-三种常见的元素及转换方式
20.店铺装修-定位布局在店铺装修中的意义
21.店铺装修-CSS样式的3种类型和7种选择器
22.店铺装修-巧用淘宝系统类实现全屏海报
23.店铺装修-淘宝系统类做交互效果
24.店铺装修-淘宝开发平台widget库
25.店铺装修-J_TWidget库做全屏轮播
26.店铺装修-widget库中的手风琴效果
27.店铺装修-widget库中弹出层效果
28.店铺装修-巧用工具做常规店招
29.店铺装修-自定义店招及店内搜索框
30.店铺装修-不同类型的店铺海报装修
31.店铺装修-整体页面常见的装修方式
32.店铺装修-自定义页面中的楼层跳转效果
33.店铺装修-不同类型的自定义轮播
34.店铺装修-其他页面及无线端店铺装修
本节课程讲解整体页面常见的装修方式，由于现在的店铺更加偏向于视觉营销，所以装修动效偏少了，学完本课内容后，同学们可以在下方评论区进行留言，作业也可以在评论区进行提交，老师会一一解答。
我们开始今天的课程吧。
1.打开一个店铺，鼠标右击选择【审查元素】，可以看到有个【map】使用热点地图制作，如图所示。
2.接下来演示一下切图，打开一个店铺，找到一张图片，另存为电脑上，用【PS】打开，如图所示。
3.在图片合适的位置拉上参考线，使用【切片工具】在菜单栏点击【基于参考线的切片】将图片切开，如图所示。
4. 使用快捷键【Alt＋Shift＋Ctrl＋S】另存为Web所用格式，点击【存储】，选择格式为【JPEG】，品质为60，如图所示。
5.在淘宝装修页面将所切的图上传，打开【码工助手】， 在【其他效果】 里找到，宽度为1920，高度为393，将图片的链接地址粘贴，点击【生成代码】如图所示。
6. 将生成的代码复制，在装修页面点击【编辑】，【显示标题】改为不显示，点击确定，预览一下效果如图所示。
7. 接着来做第二个模块，拖过来一个【自定义模块】，复制第二张图的链接地址，在【通栏模块】里设置，参数如图所示。
70000+教程，每天免费学一课
打开APP，离线免流量
