店铺装修技能——淘宝美工必读
*集 认识店铺结构
1、旺铺种类(旺铺和新旺铺)
2、模板与模块的区别,系统模板、装修市场第三方模块;基础模块、设计师模块、第三模块。
3、首页、分类列表页、宝贝详情页、自定义页面
4、模板样式设置(标题栏颜色设置、自定义背景)
5、模板备份与应用
第二集 PS切片生成网页代码
1、photoshop设计图像
2、切片
3、设置切片选项URL
4、导出 图片JPG GIF 导出格式HTML and image
5、上传图片
6、记事本打开代码(HTML网页文件)
7、用图片空间的图片地址替换原来的本地地址
8、删除网页代码里的头与尾多余部分
9、代码复制自定义的源码模式下
10、保存发布
第三集 DW表格布局(2节)
1、插入表格时,需要定义宽度定义,设置无边框
2、刚插入的表格宽度是相对等分的,需要调间隔线使其宽度成为固定形式
3、一般采用一行多列的排版形式
4、表格嵌套是DW网页排版一种基本思路
5、表格内容对齐一般用单元格对齐方式,而不用文本对齐方式,
6、嵌套表格时必须依据内层表格的宽、高进行设置,尽量避免手工调整宽度和高度。
7、插入图片*先上传至图片空间,直接插入URL地址,免去再次替换的麻烦
8、DW还可以对PS导出的WEB页进行图片地址替换、添加链接、添加图片说明、设置链接打开方式(新窗口或原窗口)
9、给图片制作热区
10、插入图片改为背景图片,添加旺旺客服代,制作店铺收藏功能
11、单元格内的位置采用2*2表格定位
第四集 首页“首屏”焦点大图设计
1、店头、页头背景、页面背景分切及上传方法
2、首屏自定义区导航设计
3、数据分析主流屏幕分辨率
第五集 常用促销工具以及第三方模块
1、常用促销工具——满就送、限时打折、搭配减价、会员管理
2、第三方模块,如团购。
第六集 整店风格、导航设计
1、导航条样式设计
2、目标链接要有这么几类:
(A)、热销宝贝详情页面;
(B)、*产品或特价产品分类页面;
(C)、自定义新页面;
(D)、首页或长页面添加页内锚链接(a name);
(E)、营销活动商品链接。
第七集 bannermaker模块
1、订购FLASH模块
2、订购BM模板
3、通栏或图文
4、引用图片、添加超链接
5、生成效果并引用
6、marquee滚动效果制作
第八集 认识常用HTML代码
1、最基本代码PS切片可生成的内容
table tr td img(alt)a(target)
2、常用HTML代码
P BR DIV FONT SPAN marquee UL OL LI
3、表格美化
行内CSS——border 1px solid #000000
虚线、实线、双线、立体效果
第九集 认识CSS盒子模型
1、MARGIN
2、BORDER
3、PADDING
4、height、width
第十集 用CSS规划宝贝描述的版式
CSS排版关键——控制各种块以及标注的顺序及定位
常用属性:
1、display
2、background-color
3、float
4、vertical-align
5、text-align
6、line-height