这是一年前写的。
不过现在可能没那么火了，有现成的工具。 现成的高级模板。
然而，现在是无线时代。 这些基本的代码知识基本不会用到。
不过我觉得对于资金不足，或者想慢慢体验兼职电商的朋友还是有用的。
我了解到它对在线商店的SEO和布局，美观和方便也有帮助。
例如：描述中有些空格太宽，可以随意编辑描述参数信息。 想要改变整体背景颜色，或者图案背景。 . . . . . . .
有些代码可以直接用PS生成，但有时往往效果不理想。 如果只是为了这个，用别的程序就有点太大了。 当然，有经济实力的大店除外。
有时非常专业的程序不一定适应电子商务的规则。 许多使用同一组网页为电子商务编写的代码将是不可接受的。 已经有很多精通代码的高手来问我这半桶水了。 当然这个一般职业适应也比较快。 你可以谈谈它。 只要稍加了解就能解决水土不服的问题。
因为一般电商平台只开放一些最基本最简单的HTML+CSS功能，简单到专业人士可以忽略不计，认真对待。
————————————–
下面举例说明这种显示的效果。
模特图片来自淘宝店（鄯善小镇）
模型原图尺寸为800*1200，
它没有经过任何裁剪、压缩和美化。
下面是用DW软件显示的（dreamwevercc2015）
设计和代码视图。 （如下所示）
我们要用到的是中间红框圈起来的部分。 上半部分主要是一些网页的一些重要信息。 供我们在编辑时按F12使用浏览器查看效果。 如果不删除，上面的文字中可能会出现（秋季美衣促销）等无法识别的乱码。 其实这个放到淘宝上就自动正常了。 （如下所示）
,
一般淘宝推荐使用表格来排版。 虽然现在大部分网页都提倡DIV+CSS，但我觉得淘宝使用表格更直观、简单、容易调整。
四张用于插图的产品图片和一张带纹理的背景图片。
———————————————-
下面是完整的代码，我把图片上传到空间，然后替换成淘宝相册空间的地址： 为了测试，最好把上传的图片保存到你的相册空间，替换在将其放入您的商店之前。 否则，可能会警告您不要使用他人空间的图片。
秋季美容特卖
关联推广
———————————————-
上面最简单的网格代码是：
————————–分解说明——————– ————–
: 表格开始
: 这代表一条线
将三个单元格合并为一个单元格
: 第一行结束
: 这意味着第二行
细胞
细胞
细胞
: 第二行结束
: 这代表一条线
细胞
细胞
细胞
: 第三行结束
: 表格结束
从上面可以看出，这是一个三行三列的表格，最上面的一行三合一。 为标题写文字或插入长海报标题。
————————–分解说明——————– ————–
1. [width="750"] 表示表格的宽度为750css空两格，也就是淘宝描述的宽度。 如果你在首页自定义950，那么可能会改成950，当然这里是改的。 其他六个 图像的宽度应相应增加。 比如现在每张图片的宽度是244，上面的图片地址后面加上图片宽度width="244"，如果变成950宽，就是950-750=200/3张图片width=66.66666大概是66，然后就是244+66=310，那么如果要放到首页，需要把图片的宽度改成310，首页用的就是这个。
2. [border="0"] 这个表格是一个边框，一般我们写0，有这个边框真的很难看。 您可以将其更改为 1 或 2 以尝试效果。
3.【align="center"】这里的表格一般表示居中对齐。 这个就是对齐方式，有3个参数，分别是：左对齐：左居中对齐：居中右对齐：右，那么我们的表格整体居中对齐。
4.【cellpadding="0" cellspacing="0"】这里是cell margin和cell spacing，现在这个一般设置为0。
5.【bgcolor="#ffffff"】这是表格的整体背景色，如果在单元格中就是单元格背景。 （颜色值可以在网上搜索“颜色值查询”，会找到很多，也可以直接用PS软件选择。）如果需要透明背景，直接去掉这段代码即可。 如果有背景图片，也应该将其删除。
6.【style="background:url(!!169171891.jpg) center;"】这个也是背景，不过可以加上背景图。 当然，方法有很多，就不一一赘述了。 如果想了解更多可以去【】自学HTML语言和CSS语言。 简单易学易懂的方法，不必全部背下来，也可以将本网站作为参考书。 会用的更多。
7. [class="ziyoou"] 这个类在这里是可选的，不过我已经习惯了。 给网站前端写一个标记，非常有用。
8. 【colspan="3"】这是一个合并单元格。 因为一排有3个cell，就是3。如果有4个cell，就是4。当然，这个一般用DW软件来做。 直接选中三个单元格，然后点击属性栏上的合并单元格。 如下图箭头所示。
9. [padding: 5px 4px 0px 4px;] 这个就是间距，非常非常重要。 一般写成style=" "级联风格，写法有很多种。 我一般喜欢把四个参数写在一起。 即top,right,bottom,left,top margin:5px,right margin:4px,bottom margin:0px,left margin:4px;
（为什么边距是5PX和4PX，因为750-244*3=18，一共有四个边距，中间两个边距是5，加起来是10，两边两个边距只能是4PX ，如果是5的话，整体宽度会变成752，如果超过淘宝描述的最大宽度，两个像素是看不到的，当然如果是白色背景，就感觉不到这个了，只是为了追求完美。）
10.【
11.【】这里是添加商品链接css空两格，#号表示链接地址为空。 当然我们一般使用DW软件直接添加这个添加链接的工具，或者直接自定义淘宝后台双击图片，就可以直观的看到添加了。
12. [alt="图片6"] 这个用处不大。 可以删除。 这就像一个解释。 图片无法显示时可能会显示图片文字。如下图
好了，学习了以上的东西，你几乎可以用这个修改来举一反三了。
header上的文字样式可以直接选择后台的颜色和大小对齐方式。
admin