商品网页模板（商品网页模板怎么制作）

本文目录一览：

• 1、寻找有较多网页模板的网站
• 2、商品描述模板HTML代码，高分！
• 3、淘宝网的商品发布模板
• 4、如何制作淘宝商品图片模板
• 5、如何用织梦做一个商品内容页面的模板？
• 6、怎么设计自己商品的模板？

寻找有较多网页模板的网站

有近千模板可以选择。

会打字就会建网站，试用满意后再付款，可先免费试用15天，送免费二级域名。

速成网站普及型（空间500M）：150元

（具有基本网站功能：商品展示发布管理、酷炫图文工具、文章管理、留言本、流量统计、网站SEO等）

速成网站全能型（空间2G）：400元　（网上商城、文章管理、会员注册及管理、论坛管理、在线购物与支付、留言本、流量统计、网站SEO推广、支持WAP手机网站等）。

建议你咨询今日创业的在线客服，即可享受优惠价。今日创业已为15000多家用户提供了近6年优秀服务，更安全，更稳定。网址请点击团队名称：“今日创业”

商品描述模板HTML代码，高分！

太大的 发不上来...

发一部分给你吧.

htmlhead

!--eBay V3- msxml 4.0 XXXXXXXXXXXXXXXXXXXXXXXXXX--

meta http-equiv="Content-Type" content="text/html; charset=UTF-8"meta name="description" content="eBay: Find BRAND NEW COLORFUL SQUARES HAMMOCK HAMMOCKS SALE in the Home Garden , Yard, Garden Outdoor Living , Patio Garden Furniture , Hammocks category on eBay."meta name="keywords" content="BRAND NEW COLORFUL SQUARES HAMMOCK HAMMOCKS SALE, Home Garden, Yard, Garden Outdoor Living, Patio Garden Furniture, Hammocks"titleBRAND NEW COLORFUL SQUARES HAMMOCK HAMMOCKS SALE - eBay (item 140261481011 end time Aug-26-08 22:00:49 PDT)/title!--srcId: ViewItem--meta http-equiv="Pragma" content="no-cache"meta name="Arg1" content="uu.rpn276"script!--

var iframeApproved = true;var nodefaultcss = true;

//--/scriptscript language="javascript" src="" /scriptstyle type="text/css"!--

.ebay{font-family:Arial,Helvetica,sans-serif;}

.ebay{font-family:Arial,Helvetica,sans-serif;}

.ebay .standard,.ebay p,.ebay td,.ebay div,.ebay span,.ebay ul,.ebay ol,.ebay dl{font-size:x-small;font-family:Arial}

.ebay .standard1{font-size:x-small;font-family:Arial;}

.ebay a:active,.ebay a:link,.ebay a:visited{color:#0000CC;}

.ebay a:visited{color:#990099;}

.ebay pre{font-family:"Courier New",Courier,monospace;font-size:x-small;}

.ebay h1,.ebay .pagetitle{font-size:medium;font-weight:bold;}

.ebay h1,.ebay .itemTitle{font-family:Arial,Helvetica,sans-serif;font-size:medium;font-weight:bold;margin-bottom:2px;}

.ebay h2,.ebay .sectiontitle{font-size:small;font-weight:bold;}

.ebay .givingBarSectiontitle{font-size:small;font-weight:bold; color:#999999;}

.ebay .givingBarSectionSubTitle{font-family:verdana;font-size:10px;color:#999999;}

.ebay h2,.ebay .itemSpecifics{font-family:Arial,Helvetica,sans-serif;font-size:x-small;font-weight:bold;margin-bottom:0px;}

htmlbody .ebay .itemSpecifics{font-size:small !important}

.ebay h3,.ebay th,.ebay .standardtitle{font-weight:bold;}

.ebay .emphasized{color:#009900;font-weight:bold;}

.ebay .error{color:#FF0000;}

.ebay .help{color:#666666;}

.ebay .pipe{color:#9999FF;}

.ebay .button,.ebay .navigation{font-family:Verdana;font-size:xx-small;}

.ebay .textbox{font-family:Verdana;font-size:xx-small;color:#000000;}

.ebay .textboxhelp{font-family:Verdana;font-size:xx-small;color:#666666;}

.ebay .nomargin{margin:0px;}

.ebay .cssMessage{display:none;}

.ebay .optInLayer{color:#999999; text-align:right; border:1px solid #CCCCCC; padding:5px 5px 5px;}

.ebay .hrthick{ text-align: right; width: 100%; height: 2px; border: solid #9999CC 1px; background: #9999CC}

.ebay .hrthin{ text-align: right; width: 100%; height: 2px; border: solid #DCDCFE 1px; background: #DCDCFE}

.ebay .hrwhite{ text-align: right; width: 100%; height: 2px; background: #ffffff; border: 1px solid #ffffff;}

.ebay .hrgray{ text-align: right; width: 100%; height: 1px; background: #bbbbbb; border: 1px solid #bbbbbb;}

.ebay .titleRow{ border-top:2px solid #9999cc; border-bottom:2px solid #9999cc; margin-top:4px;}

.ebay .titleColumn{border-top:1px solid #9999cc; background-color:#eeeef8}

.ebay .borderLeft{border-left:1px solid #9999cc; background-color:#eeeef8}

.ebay .borderRight{border-right:1px solid #9999cc; background-color:#eeeef8}

.ebay .borderBottom{border-bottom:1px solid #9999cc; background-color:#eeeef8}

.ebay .borderLeftBottom{border-bottom:1px solid #9999cc; border-left:1px solid #9999cc; background-color:#eeeef8}

.ebay .borderRightBottom{border-bottom:1px solid #9999cc; border-right:1px solid #9999cc; background-color:#eeeef8}

.RetroStyle2 {font: Terminal;font-family: Terminal;color: #00FF00;background-color: #000000;font-size: 22px;}

.BasicStyle {font: Tahoma;font-family: Tahoma;color: #5F8F8F;background-color: Black;font-size: 20px;}

.titlePadding {padding-top:4px;padding-bottom:4px}

.ebay .shipFootNote{font-family:verdana;font-size:10px;color:#999999; padding-bottom:20px;}

.ebay .shipFootNote1{font-family:verdana;font-size:10px;color:#999999; padding:0 15px 20px 15px;}

.ebay .grayOut{font-family:arial;font-size: 13px;color:#cccccc;}

.ebay .grayText{font-family:arial;font-size: 13px;color:#999999;}

.ebay .insuranceText{ font-family:arial; font-size: 10px; color:#999999;}

.ebay .titlePurchase{color:#515151;}

.ebay .shipPadding { padding-top:5px; padding-bottom:5px;}

.ebay .shipPadding1 { padding:20px 15px 10px 15px;}

.ebay .shipHeaderFont { font-family:arial; font-size: 13px; padding-bottom:4px;}

.ebay .shipSecFont{ font-family:arial; font-size: 13px; padding-left:4px;}

.ebay .indentation{ padding-left:8px;}

.ebay .LessIndentation{ padding-left:4px;}

.ebay .extraIndentation{padding-left:12px;}

.ebay .ViShipSecBorder{border-bottom:0px solid #cccccc;border-left:1px solid #cccccc;border-right:1px solid #cccccc;border-top:0px; padding:0px;}

.ebay .ViShipSecHeaderBorder{border-width: 1px; border-color: #cccccc; border-style: solid; padding:8px;}

.ebay .ViShipSecTdBorder{border-bottom:1px solid #e5e5e5;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;border-top:0px solid #e5e5e5; padding:5px;font-family:arial; font-size: 13px; text-align:left;}

.ebay .ViShipSecThBorder{border-bottom:1px solid #e5e5e5;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;border-top:0px; padding:5px;font-family:arial; font-size: 13px; text-align:left;}

.ebay .ViShipSecTdRightBorder{border-bottom:1px solid #e5e5e5;border-left:1px solid #e5e5e5;border-right:0px solid #e5e5e5;border-top:0px solid #e5e5e5; padding:5px;font-family:arial; font-size: 13px; text-align:left;}

.ebay .ViShipSecTdLeftBorder{border-bottom:1px solid #e5e5e5;border-left:0px solid #e5e5e5;border-right:1px solid #e5e5e5;border-top:0px solid #e5e5e5; padding:5px;font-family:arial; font-size: 13px; text-align:left;}

.ebay .ViMessageSecHeaderBorder{border-width: 1px; border-color: #cccccc; border-style: solid;}

.refreshlinkText{font-family:Verdana;font-size:xx-small;color:#FFFFFF;padding-left:3px;padding-right:4px;}

#divrefresh a:active{font-family:Verdana;font-size:xx-small;text-decoration:underline;color:#FFFFFF;}

#divrefresh a:visited{font-family:Verdana;font-size:xx-small;text-decoration:none;color:#FFFFFF;}

#divrefresh a:link{font-family:Verdana;font-size:xx-small;text-decoration:none;color:#FFFFFF;}

#divrefresh a:hover{font-family:Verdana;font-size:xx-small;text-decoration:underline;color:#FFFFFF;}

.greyboldsmall{font:bold small Arial, Helvetica, sans-serif;color:#666666;}

.overlay {background:transparent;position:absolute;}

.overlay .contentbox {width:100%;position: relative;}

.overlay .contentbox .content { padding:5px; border:1px solid #666;background: #fff;border-width: 0 1px;}

.overlay .contentbox *, .overlay .shadowbox * {position:relative;}

.overlay .shadowbox {width:100%;position:absolute;top:7px;left: 7px;opacity:.15;filter: "alpha(opacity=15)";-moz-opacity:0.15;}

.overlay .shadowbox .content {background: #000;padding:10px;}

.overlay .contentbox .n { border-top:1px solid #666;margin: 0 5px;background: #fff;}

.overlay .contentbox .s { border-bottom:1px solid #666; margin: 0 5px;background: #fff;position:relative;}

.overlay .shadowbox .n, .overlay .shadowbox .s {margin: 0 5px;background: #000; }

.cn, .scn {margin:0;padding:0;height:5px;display:block;font-size:0;line-height:0%;}

.cn {background: transparent url() no-repeat;}

.scn {background: transparent url() no-repeat;}

.overlay .n .cn .cn, .overlay .n .scn .scn { background-position:0 0;width:5px;margin-left: -5px;}

.overlay .n .cn, .overlay .n .scn { background-position:100% -20px; margin-right: -5px;}

.overlay .s .cn, .overlay .s .scn { background-position:100% -30px; margin-right: -5px;}

.overlay .s .cn .cn, .overlay .s .scn .scn { background-position:0 -10px;width:5px;margin-left: -5px;}

.overlayPos {position:absolute;margin-left:190px;_margin-left:-80px;margin-top:-15px;_margin-top:-2px;}

.arrowTL, .arrowTR, .arrowBL, .arrowBR {background:transparent url() no-repeat; width:22px; height:25px; position:absolute}

.arrowTL {top:12px; left:-21px; background-position:0px 0px}

.arrowTR {top:12px; right:-21px; background-position:100% -30px}

.arrowBL {bottom:12px; left:-21px; background-position:0px -60px}

.arrowBR {bottom:12px; right:-21px; background-position:100% -90px}

淘宝网的商品发布模板

这是不可以的哦

淘宝的宝贝描述 或者是 装修 都有规定的代码

如果这个自己不会做的话 要花钱去买的哦

你可以在淘宝网内找 店内装修 或者 宝贝描述 这块

你去问问他们这些的卖家 或许可以很好的解决 顺便还可以买一个回去

如何制作淘宝商品图片模板

1。软件工具：要自己制作宝贝模板，首先要选择网页编辑工具，目前业界最流行得就是 dreamweaver 了，用老微的frontpage也可以。想自己做的朋友最好选择前者，frontpage我以前也用过，后来很少用，主要还是觉得dreamweaver使用更加方便，功能更加强大，毕竟是专门以这个起家的嘛。 需要dreamweaver 软件的朋友可以 从网络上下载，下载方法：在 google 搜索栏中输入“ dreamweaver 软件下载 ” 就可以找到很多下载网站了！！！，其它工具软件你都可以这样搜索到，下载就可以了。不过，记得下载完了一定要先杀毒哦，对我们这些店家来讲，安全是非常重要得。

2。网页制作之前，首先要考虑自己模板的基本布局。先不要着急用dreamweaver开始编辑，正式编辑之前我建议朋友们多看一些别人的作品，总结出宝贝描述模板的大体布局方法，需要的各个选项！最好的办法就是先纸上谈兵，在纸上用笔先勾画出描述模板的布局，注明需要做的一些工作等。不过，宝贝模板的主要模块我总结就是以下就是几块

A. 商品的大图 B。商品的描述 C买家事宜 D配送方法 E店铺分类 F 店铺连接

可以在纸上粗粗描绘一下大体的布局，然后再开始下面的工作。

3。 准备素材。做网页不能没有素材，素材就是指一些养眼的图片，文字，背景等资源。还有最重要的，也最可能用到的就是你店铺的logo，宝贝的图片，文字介绍跟店铺商品有关的一切了。把这些素材都统统归到一个目录下面（真正正规的编辑方法是按照文件夹来组织自己的素材），方便以后寻找。另外，为了做出更好的效果，可能还要动用一下photoshop这个工具，特别对图片处理都离不开它。下载的方法象上面所说的就可以了。

4。现在基本的东西已经准备好了。那么就开始做吧。

淘巧网

A。首先打开Dreamweaver ，新建一个html网页。这个时候工作台上你看到一个白色的区域，就是编辑区域了。

B。添加表格进行布局。这一点很重要，因为表格能够比较方便的让我们进行布局的分配，以及以后各种素材的定位。有了表格，我们心里面就对布局基本有数了。在表格里面可以添加我们的素材，文字，更改背景等。这些文字一般是通用的文字，固定不变的，不会随着宝贝的不同而变化，比如【买家事宜】，【配送方法】等标题性和说明性的文字。这个时候我们还要留出放置宝贝图片，和宝贝描述的位置，这些都是会变化的，因为每个宝贝的图片，和描述都是不同的。因此一定要留出这个位置。 龚树华的淘巧网

提示：这一步之前首先要把需要用到的图片上传网络上去，我推荐给大家这个网站。首先上传有一个好处，以后在使用图片的时候，直接可以找到图片，然后复制下该图片的连接添加到图像占位符的来源上面就可以了，不用再一边上传图像，一边编辑网页。

C。在需要添加图片的位置上，添加一个图像占位符，记住，宝贝描述模板中所有的图像都一定是一个图像占位符，不能直接图像。添加完后我们看到一个断裂的方块，证明该对象是个图像占位符。 淘巧

【重点理解】为什么不直接插入图像呢？直接插入图像在淘宝里面是无法显示的。在要放置图像的地方，包括背景图等都要使用图像占位符。有了图像占位符，等于是先占好了这个位置，然后在这个位置上添加相应的图片连接地址，这样当在浏览器中查看网页的时候，浏览器自己按照图片的连接地址下载图像，就可以显示出自己想要的图片了。这点很重要哦。

D。在其它位置上也添加一些图像占位符，比如店铺logo，店铺分类等等，这些位置可以为你以后操作带来方便。

E。把图像占位符的地方填好图片的网络连接地址，具体到每个商品图片时候，我们在淘宝里宝贝编辑器中再填进来。在淘宝的宝贝描述编辑器里，我们找到该商品的图片连接地址，填到图像占位符的图片来源上就可以了。这样的话，只需要改动商品图片图像占位符的图像来源地址，就可以显示我们想要的图片了。

6。以上如果不出所料，按照自己的设计，基本上可以算完工了。具体美不美观要自己慢慢调整。现在最重要的就是在Dreamweaver中切换到代码编辑窗口，CTRL+a 选中所有代码，选择复制，然后选择一个宝贝，在淘宝里面编辑该宝贝，在宝贝编辑器里面，选择编辑源文件，这个时候就切换到代码编辑窗口了。将先前复制的代码粘贴到该窗口，然后选择编辑模式，切换到图形编辑模式。这个时候你就发现，以前你设置的图像占位符现在都显示成图片了。如果不能显示，就证明该处没有图像连接地址。敢紧选择该图像占位符，然后点击插入/编辑图像按钮，输入相应的图片连接地址就可以了。 特别要提示的是：修改宝贝描述主要是能够直接显示宝贝的大图。这个时候一定要更改宝贝图片占位符，把该占位符的图像来源改成是当前宝贝的图片连接地址就可以了。 内容来自淘巧网

点击一下预览，可以看看编辑的效果，有什么不满意的，只能以后慢慢修改了。

切换宝贝编辑器到代码模式，选择所有代码复制并拷贝到一个TXT文本文件中保留，以后每个宝贝都可以用到。新建一个宝贝的时候将这些代码在代码编辑模式下面直接拷贝过来，然后切换回图像编辑模式改变对应的宝贝图片就可以了。

怎么样，一切都很简单吧。

下面的图是dreamweaver中图形编辑模式下的宝贝模板的布局，红色字体说明部分是常用到的哦，一定要多加留意。

具体的效果大家可以到我的店铺里面随便点击一个宝贝看下就可以。还有很多地方要完善的，请大家多多指教。有什么问题可以一起探讨噢。只能算是抛砖引玉。希望高手们把你们的设计经验跟大家交流一下。

补充说明一下,在宝贝编辑器中可以使用热点连接这个功能来创建图像上的直接连接功能.比如我的模板上面店铺介绍,逛逛本店,信用评价这些文字上面都使用了连接功能.这个连接功能怎么实现的呢?方法如下 :

选中你需要做连接的图片，图像占位符也是支持的。然后这个时候你发现dreamweaver左下脚有一些绿色的小图标。这些是用来在图片上画出一些方形，圆形或其它形状区域，在浏览器中，鼠标经过这些区域的时候就会变成小手的形状，这些区域就是热区。鼠标点击这一热区的时候就会连接到相应的网页。

赶快在图上画一个区域，然后在dreamweaver左下角连接地址中输入你想要连接的网页地址。

将代码考到宝贝编辑器，然后预览一下，当鼠标放到这些区域上的时候，就会变成小手的形状。点击一下，就会连接到相应的网页了。

如何用织梦做一个商品内容页面的模板？

你需要新建内容模型   就是在核心---频道模型----内容模型管理  中。 如图1

然后   新建一个自己的模型 如图2

新建一个模型的时候默认频道 ID是19  你可以自己设置  你想设置的数字 但是不能跟以前的相同了。  然后确定，之后开始把你上面的哪些要填写的信息字段  都设置进去。

这一步做完以后，  你就设计一个模板 用来展示  你录入的内容。  做模板  你用了什么字段 就把对应的标签留在模板对应位置。908960988这是我号，可以帮你详细说如何做好这个模板。  环畅科技专业为你解答，截图。还望采纳。

怎么设计自己商品的模板？

你可以学人家的啊

你把

淘宝或拍拍的网页保存到做桌面再用DW看下人家什么做的你再加点你喜欢

的就OK了