Html制作海报代码——如何制作PS淘宝海报切片
& ltImgsrc=' Picture 1'>。
& ltImgsrc=' Picture 2'>。
& ltImgsrc=' Picture 3'>。
& lt/marquee & gt；
如何切片一张PS淘宝海报做1？首先将文件保存为PS，用切片工具(快捷键为C)将图片剪切下来，保存为Web格式(快捷键为CtrlAltShiftS)。注意文件大小。如果太小，就不清晰，不利于观看。如果太大，网页打开会很慢。根据文件大小进行调整，保存时选择“Html和图片”。
2.用记事本打开生成的HTML文件，去掉前面所有代码，去掉最后一段代码，保留中间代码。以下图片的中间代码和你的不一样，但都保留了。
3.接下来把你PS导出的图片上传到淘宝后台的图片空间，淘宝首页-卖家中心-图片空间。图片的位置看个人习惯，只要能找到就行。
4.接下来将html文件中图片的地址替换为我们空间图片的地址，找到空间图片，图片缩略图下方有一个“复制代码”按钮。单击它将代码复制到剪贴板。
替换图片:找到对应的图片替换代码。
5.打开淘宝自定义模块。点击源码按钮进入代码编辑页面，复制修改后的代码粘贴到淘宝自定义模块中。
6.最后点击“确定”完成！
接下来说另一种方法。你需要Dreamweaver软件，它是专门为制作网页而设计的。在做上面的步骤1时，用Dreamweaver打开html文件，在软件中点击图片，下面的属性面板中就有图片地址了。这一次，复制空间图片的“链接”是“代码”前面的按钮。在软件中替换原地址，全部替换后粘贴到淘宝自定义模块中，用软件做回来。
如何制作邮件营销海报营销海报都是html格式的邮件，也就是网页。
电子数据管理邮件设计规范
1.提供设计文件的要求:
(1)Photoshop、Flash、Illustrator、CorelDRAW、Freehand等无与伦比的文件。邮件设计稿；
(2)使用的字体文件DD . TTF；
(3)其他需要使用的图片文件有DD.gif文件，。jpg文件或。tif文件。
2.设计要求:
(1)消息宽度:
邮件的标准宽度是575像素，最大宽度不能超过778像素，否则必须修改。
(2)邮件的高度:
邮件的高度没有具体要求，但要看邮件的内容。建议页面高度不要太长影响浏览，最长页面不要超过1200像素，也就是2.5屏，否则必须修改。
(3)邮件的大小:
_email正文的html文件大小(不包括图片或flash)应控制在10k以内；
_包含图片的邮件，包括图片，文件大小要控制在30k-120k以内；
_包含flash或流媒体格式文件的邮件，包括flash或流媒体格式文件，应控制在50k-250k以内，否则必须修改(特殊情况除外)；
(4)禁止使用脚本
_邮件中不支持脚本语言:大多数邮件客户端软件和webmail默认不支持任何脚本语言；
_框架页面和I框架不能在邮件中使用。
(5)邮件设计要求包括Flash或流媒体格式文件:
同时你需要设计一个静态图片(。jpg或者。gif)与flash或流媒体格式文件的内容具有相同的样式和大小，并将其设置为flash或流媒体格式文件所在表格的背景图片，并提醒用户该部分是以flash(或流媒体)格式设计的。请点击邮件顶部的链接观看在线版本。
(6)严禁使用外联样式表。
(7)客户应取得邮件中需要使用的声音、图像及其他内容的版权。
3.设计建议:
(1)对于页面中的图片，建议将15k以上的图片分割成小图片，保证图片下载过程的流畅；
(2)图片数量不要太多，建议在20张以内，Gif动画文件数量控制在3张以内；
(3)建议尽量少用背景图片，因为复杂的背景图片不利于浏览文字内容；
(4)能够使用系统字符应尽量避免使用图片字符以减小文件大小；
(5)网页上使用的中文系统字符最小字体大小应为12像素，使用默认宋体或黑体，避免使用其他中文字体；
(6)使用音效时，音量要从小到大逐渐放大到正常音量；同时要设置简单方便的开/关按钮；
(7)邮件的设计侧重于前半部分，以吸引读者的注意力；
(8)有故事情节的flash设计要从下载画面开始，吸引读者等待下载；
(9)应增加背景图片的td，避免部分客户端图片显示异常；
(10)电子邮件中的所有点击都应使用弹出窗口。
以下是我收到的一封邮件海报的风格。可以选择代码复制到txt文档中，然后更改后缀。发短信给。html，这是一个网页形式的电子邮件营销海报。你可以看看。
& lt！DOCTYPEhtmlPUBLIC "-//W3C//dtdxhtml 1.0 transitional//EN " "
" & gt
& lthtmlxmlns= "
" & gt
& lthead & gt
& ltmeta http-equiv = " Content-Type " Content = " text/html；charset=gb2312"/>
& lttitle & gt无标题文档
& ltstyle & gt
& lt！-
* {边距:0；填充:0
答:链接{
颜色:# 000000；文本装饰:无
}
答:已访问{
颜色:# 000000；文本装饰:无
}
答:悬停{
颜色:# 000000；文本装饰:下划线
}
。内容{宽度:720px高度:888px边框:6pxsolid # 9BD44F边框顶部:无；}
。topul { list-style:none；左边距:16px；margin-top:10px}
。top ulli { display:inline；填充-右侧:8px}
. title 1 {左边距:16px；}
。产品{宽度:687px身高:517px；border:1px solid # 9bd 44 f；边框顶部:无；左边距:16px}
。每{}
。每个人
文本对齐:居中；左边距:15px；列表样式:无；}
。everyULLI{
BORDER-RIGHT:# d 1d 1d 11px solid；填充-右:6pxBORDER-TOP:# d 1d 1d 11px solid；左填充:2px浮动:左；填充-底部:8px边距:8px 6 px 0 px 0 px；BORDER-LEFT:# d 1d 1d 11px solid；宽度:150 px；PADDING-TOP:8px；BORDER-BOTTOM:# d 1d 1d 11px solid；文本对齐:居中
}
. size14{
FONT-SIZE:12px；
}
。zc _灰色{
浮动:左；左边距:10px；颜色:# 666666；文本-装饰:线条-通过；font-size:12px；
}
。ZC _ red { color:# ff 0000；font-size:12px}
。更大胆{
字体粗细:加粗；
}
。颜色{
颜色:#009900
}
。margin_top{
页边距-顶部:4px
}
。index_product3{
MARGIN-TOP:-32px；显示:内嵌；z指数:12；背景:网址(
)无-重复；左边距:40px宽度:40px颜色:# fff位置:绝对；高度:40px文本对齐:居中
}
。index_product4{
填充-右:0px左填充:0px填充-底部:0pxPADDING-TOP:9px；文本对齐:居中；font-size:12px
}
-& gt；
& lt/style & gt；
& lt/head & gt；
& ltbody & gt
& ltdivclass="main " >
& ltdivclass="logo " >& ltahref= "
" & gt& ltimgsrc= "
/images/" border = " 0 "/& gt；& lt/a & gt；& lt/div & gt；
& ltdivclass="content " >
& ltdivclass="title " >& ltimgsrc= "
/images/haibao _ "/& gt；& lt/div & gt；
& ltdivclass="top " >
& ltul & gt
& lt李& gt& ltahref= "
" & gt& ltimgsrc= "
/images/haibao _ " border = " 0 "/& gt；& lt/a & gt；& lt/李& gt
& lt李& gt& ltahref= "
" & gt& ltimgsrc= "
/images/白海_ " border = " 0 "/& gt；& lt/a & gt；& lt/李& gt
& lt李& gt& ltahref= "
" & gt& ltimgsrc= "
/images/haibao _ " border = " 0 "/& gt；& lt/a & gt；& lt/李& gt
& lt/ul & gt；
& lt/div & gt；
& ltdivclass="down " >
& ltdivclass="title1 " >& ltimgsrc= "
/images/haibao _ "/& gt；& lt/div & gt；
& ltdivclass="productsevery " >
& ltul & gt
& lt李& gt
& ltDIVstyle="Z-INDEX:10 " >& ltAhref= "
/"
target = _ blank & gt& ltIMGheight=150src= "
/assets/products/548/original/7 . gif " width = 150
border = 0 & gt& lt/A & gt；& lt/DIV & gt；
& ltDIVclass = index _ product3 & gt
& ltDIVclass = index _ product4 & gt减少
5.6% & lt；/DIV & gt；
& lt/DIV & gt；
& ltPclass="size14margin_top " >& ltAhref= "
/"
target = _ blank & gtchiffonandlacetrimming & lt/A & gt；& lt/P & gt；
& ltPclass="size14margin_top " >出发地:
href= "
/" target = _ blank & gt；& lt跨度
class = color & gt时尚起义
& ltPclass = " zc _ greybolder " & gt￥220.00 & lt；/P & gt；
& ltPclass = " zc _ redbolder " & gt￥220.00 & lt；/P & gt；
& ltP & gt& ltAhref= "
/" target = _ blank & gt；& ltIMG
src= "
/images/every _ " border = 0 & gt；& lt/A & gt；& lt/P & gt；
& lt/李& gt
& lt李& gt
& ltDIVstyle="Z-INDEX:10 " >& ltAhref= "
/"
target = _ blank & gt& ltIMGheight=150src= "
/资产/产品/517/original/4 . gif " width = 150
border = 0 & gt& lt/A & gt；& lt/DIV & gt；
& ltDIVclass = index _ product3 & gt
& ltDIVclass = index _ product4 & gt减少
8% & lt；/DIV & gt；
& lt/DIV & gt；
& ltPclass="size14margin_top " >& ltAhref= "
/"
target = _ blank & gt雅漾杨亚舒湖生活春天
& ltPclass="size14margin_top " >出发地:
href= "
/" target = _ blank & gt；& lt跨度
class = color & gt艾可美妆
& ltPclass = " zc _ greybolder " & gt￥60.00 & lt；/P & gt；
& ltPclass = " zc _ redbolder " & gt￥45.00 & lt；/P & gt；
& ltP & gt& ltAhref= "
/" target = _ blank & gt；& ltIMG
src= "
/images/every _ " border = 0 & gt；& lt/A & gt；& lt/P & gt；
& lt/李& gt
& lt李& gt
& ltDIVstyle="Z-INDEX:10 " >& ltAhref= "
/"
target = _ blank & gt& ltIMGheight=150src= "
/assets/products/545/original/4 . gif " width = 150
border = 0 & gt& lt/A & gt；& lt/DIV & gt；
& ltDIVclass = index _ product3 & gt
& ltDIVclass = index _ product4 & gt减少
0% & lt；/DIV & gt；
& lt/DIV & gt；
& ltPclass="size14margin_top " >& ltAhref= "
/"
target = _ blank & gt我的成功可以复制
& ltPclass="size14margin_top " >出发地:
href= "
/" target = _ blank & gt；& lt跨度
class = color & gt当当网上商城
& ltPclass = " zc _ greybolder " & gt￥38.00 & lt；/P & gt；
& ltPclass = " zc _ redbolder " & gt￥22.00 & lt；/P & gt；
& ltP & gt& ltAhref= "
/" target = _ blank & gt；& ltIMG
src= "
/images/every _ " border = 0 & gt；& lt/A & gt；& lt/P & gt；
& lt/李& gt
& lt李& gt
& ltDIVstyle="Z-INDEX:10 " >& ltAhref= "
/"
target = _ blank & gt& ltIMGheight=150src= "
/assets/products/543/original/2 . gif " width = 150
border = 0 & gt& lt/A & gt；& lt/DIV & gt；
& ltDIVclass = index _ product3 & gt
& ltDIVclass = index _ product4 & gt减少
0% & lt；/DIV & gt；
& lt/DIV & gt；
& ltPclass="size14margin_top " >& ltAhref= "
/"
target = _ blank & gt西红柿:新世界里的神奇食物
& lt/A & gt；& lt/P & gt；
& ltPclass="size14margin_top " >出发地:
href= "
/" target = _ blank & gt；& lt跨度
class = color & gt九九网上书店
& ltPclass = " zc _ greybolder " & gt￥26.00 & lt；/P & gt；
& ltPclass = " zc _ redbolder " & gt￥22.00 & lt；/P & gt；
& ltP & gt& ltAhref= "
/" target = _ blank & gt；& ltIMG
src= "
/images/every _ " border = 0 & gt；& lt/A & gt；& lt/P & gt；
& lt/李& gt
& lt李& gt
& ltDIVstyle="Z-INDEX:10 " >& ltAhref= "
/"
target = _ blank & gt& ltIMGheight=150src= "
/资产/产品/556/original/"width=150
border = 0 & gt& lt/A & gt；& lt/DIV & gt；
& ltDIVclass = index _ product3 & gt
& ltDIVclass = index _ product4 & gt减少
35元。
& lt/DIV & gt；
& ltPclass="size14margin_top " >& ltAhref= "
/"
target = _ blank & gt天宇X90粉色手机
& ltPclass="size14margin_top " >出发地:
href= "
/" target = _ blank & gt；& lt跨度
class = color & gt米拉。com
& ltPclass = " zc _ greybolder " & gt￥1480.00 & lt；/P & gt；
& ltPclass = " zc _ redbolder " & gt￥1166.00 & lt；/P & gt；
& ltP & gt& ltAhref= "
/" target = _ blank & gt；& ltIMG
src= "
/images/every _ " border = 0 & gt；& lt/A & gt；& lt/P & gt；
& lt/李& gt
& lt李& gt
& ltDIVstyle="Z-INDEX:10 " >& ltAhref= "
/"
target = _ blank & gt& ltIMGheight=150src= "
/资产/产品/557/original/"width=150
border = 0 & gt& lt/A & gt；& lt/DIV & gt；
& ltDIVclass = index _ product3 & gt
& ltDIVclass = index _ product4 & gt减少
2.5% & lt；/DIV & gt；
& lt/DIV & gt；
& ltPclass="size14margin_top " >& ltAhref= "
/"
target = _ blank & gt七月-沃克XG6928B
& lt/A & gt；& lt/P & gt；
& ltPclass="size14margin_top " >出发地:
href= "
/" target = _ blank & gt；& lt跨度
class = color & gt乐友