商品网页设计_商品网页怎么做

1、下图是某商城商品分类页面，请按图片用html制作出如下页面，并将主要代码写在答卷上,并写出你的设计方法

上面那行字，设置属性text-derection为under-line这样就会有下划线....
下面菜单用一个DIV里面嵌套五个DIV。
每个DIV的宽高设置好。
第一个DIV的渐变效果代码略复杂，可以找个图做背景，商品分类和全部分类超链接设置属性disaplay为block，一个左浮动一个右浮动，行高属性（line-height）设置成与DIV的高度一直，这样垂直才会居中，下面的应该大同小异。
用DISAPLAY设置为BLOCK之后会变成块级元素，下面的超链接全都要设置成左浮动，像【家用电器】那样的，你可以直接打空格控制缩进距离，也可以调整左边距。。。
嗯。。。不懂可以继续问。。。本人大一，HTML学的还凑合

2、商品网页怎么做

建网站没有你想像的那么难，只要搞好几件事就OK了： 1.就是要购买你网站的域名，也就相当于你家的门牌，只不过它是虚拟的，去万网、新网上都有的，不过你要先查一下有没有了，因为很多人抢注域名的！ 2.有了门牌域名后，你需要买空间，因为它就像你家的地基一样。没有空间，你的公司简介、产品图片等就没地方放的。 3.别忘了作一下解析，让你的域名和空间联到一起！我建议到万网、新网上买那种打包的，也就是域名、空间在一起的！ 4.网页制作了这就不用我说了自已不会请别人作好了！ 1.注意你购买的域名及空间都有证书给你的，收好它 2.制作好了之后，你的网站有一个FTP权限的帐号及密码，你要找给你作的人要回来，有了这个后你就不必担心什么了！

麻烦采纳，谢谢!

3、网页设计：1、制作一个个人网站，2个页面以上 2、以商品为背景资料，制作一个产品广告专题要求：先

你这个a是作业吗。私信联系我

4、淘宝网店怎么开啊？怎么上货小货，怎么对商品网页设计？

如果您的上网时间充足的话建议先做虚拟
有信誉后
可以免费代销实物

虚拟网店充值只需投资3OO元
无风险
无压力

只要努力
月入几千不是问题
！踏踏实实的做
信誉！良心
保证！

！！土豆
优酷
酷六
都有我的
视频教程
欢迎收看！！
在线时间长
可随时解决你所遇到的问题
！
有不明白的Q我
有意联系我用户名

5、在网页制作中，商品的分类栏怎么做？具体点。

用div+CSS
<UL>
<LI></LI>
<LI></LI>
<LI></LI>
<LI></LI>
<LI></LI>
</UL>

6、B2C网站商品详情页应该如何设计？

商品详情页存在的目的是什么？

商品详情页是在用户对你的产品产生了需求，走进你的网络店铺里，具体详细的查看这个产品的情况，来决定自己是否要购买。所以商品详情页承担了转化消费者的重则，是最重要的一个环节。

那么消费者购买一个产品，所看重哪些地方呢：

1 产品本身的本质

用户购买产品是拿来用的，所以一定关注产品品质，产品详情页应该用大量的图片和文字来描述产品本身的品质，图片本身一定要漂亮，这样才能更好地突出产品自己的美感。

2 证书辅助

光你自己说你的产品好是没有用的，需要列出证据来，最好的证据就是各种国家证书，表明你的产品是正品，经过了国家审核标准，不是假冒伪劣产品。

3 用户赞美

除了证书辅助之外，用户的赞美诗非常重要的，每一个用户都更加看重已经购买产品用户的感受，通过查看他们的评价来判断这件产品的品质如何。

4 产品优势

目前互联网竞品非常多，产品品质都差不多，用户凭什么购买你的产品呢，你要给他们一个非常充足的理由，找出你自己的产品卖点来，没有卖点一定也要制造卖点，否则你永远都卖不过你的竞争对手。

5 介绍其他同类型产品

用户查看商品详情页的时候，不管你描述的多么好，不购买的概率都会很大，所以要充分利用这次用户浏览的机会，向他推荐相关的产品。这里的相关产品一定要符合逻辑，例如可以列出不同价位的同款产品，让对价格敏感的用户有更多的选择。或者列出与此款产品配套的产品，用户购买了此产品一定会购买此产品配合使用。

7、html css制作家用商品分类页面

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
*{margin:0;padding: 0;box-sizing:border-box;}
a{color:#666;text-decoration: none;}
.menu{width:220px;}
.menu h2{width:100%;height: 36px;line-height: 36px;font-size:18px;padding-left: 10px;background: #0F7CBF;}
.menu h2 a{color:#fff;}
.menu .item h3{height: 30px;line-height:30px;padding-left:15px;background: #E4F1FA;}
.menu .item h3 a{color:#0F7CBF;font-size: 14px;}
.menu .item p{padding: 15px;line-height: 18px;}
.menu .item p a{font-size: 12px;}
</style>
</head>
<body>
<div class="menu">
<h2><a href="#">家用电器</a></h2>
<div class="item">
<h3><a href="#">大家电</a></h3>
<p>
<a href="#">平板电视</a> <a href="#">洗衣机</a> <a href="#">冰箱</a>
<a href="#">空调</a> <a href="#">烟机/灶具</a> <a href="#">热水器</a>
<a href="#">冷柜/酒柜</a> <a href="#">消毒柜</a> <a href="#">家庭影院</a>
</p>
</div>
<div class="item">
<h3><a href="#">大家电</a></h3>
<p>
<a href="#">平板电视</a> <a href="#">洗衣机</a> <a href="#">冰箱</a>
<a href="#">空调</a> <a href="#">烟机/灶具</a> <a href="#">热水器</a>
<a href="#">冷柜/酒柜</a> <a href="#">消毒柜</a> <a href="#">家庭影院</a>
</p>
</div>
<div class="item">
<h3><a href="#">大家电</a></h3>
<p>
<a href="#">平板电视</a> <a href="#">洗衣机</a> <a href="#">冰箱</a>
<a href="#">空调</a> <a href="#">烟机/灶具</a> <a href="#">热水器</a>
<a href="#">冷柜/酒柜</a> <a href="#">消毒柜</a> <a href="#">家庭影院</a>
</p>
</div>
<div class="item">
<h3><a href="#">大家电</a></h3>
<p>
<a href="#">平板电视</a> <a href="#">洗衣机</a> <a href="#">冰箱</a>
<a href="#">空调</a> <a href="#">烟机/灶具</a> <a href="#">热水器</a>
<a href="#">冷柜/酒柜</a> <a href="#">消毒柜</a> <a href="#">家庭影院</a>
</p>
</div>
</div>

</body>
</html>

兼容IE8+

8、设计一个带商品计算功能网页采用追加分数

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

<HEAD>

<TITLE> 价格计算器 </TITLE>

</HEAD>

<style>

table, td{

border:1px solid #cccccc;

border-collapse:collapse;

}

</style>

<BODY>

var items = new Array();

//序号-名称-单价-描述

var idx = 0;

var cd = 0;

items[idx++] = [cd++,'选择商品','0',''];

items[idx++] = [cd++,'网线','1.5','超五类双绞线'];

items[idx++] = [cd++,'水晶头','0.5','纯铜水晶头'];

//选择商品

function fnChange(row){

var cbo = document.getElementById('txtName'+row);

var item = items[cbo.value];

document.getElementById('txtPrice'+row).value = item[2];

document.getElementById('txtDes'+row).value = item[3];

fnCal(row);

}

//小计

function fnCal(row){

var _txtCount = document.getElementById('txtCount'+row);

var price = document.getElementById('txtPrice'+row).value;

var count = _txtCount.value;

if(count*1 > 0){

document.getElementById('txtSubTotal'+row).value = count * price;

}else{

_txtCount.value = '';

}

fnCalTotal();

}

//合计

function fnCalTotal(){

var subTotals = document.getElementsByName('txtSubTotal');

var total = 0;

for(var i=0; i<subTotals.length; i++){

total += subTotals[i].value * 1;

}

document.getElementById('txtTotal').value = total;

}

//添加方法

function addtr()

{

//var trid=0;

var tab=document.getElementById("tab");

//添加行

var newTR = tab.insertRow(tab.rows.length);

//trid++;

//获取序号=行索引

var rowIdx=newTR.rowIndex.toString();

newTR.id = "tr" + rowIdx;

//添加列:序号

var newNameTD=newTR.insertCell(0);

newNameTD.innerHTML = rowIdx;

//添加列:名称

var newNameTD=newTR.insertCell(1);

var _options = "";

for(var i=0; i<idx; i++){

_options += "<option value='"+items[i][0]+"'>"+items[i][1]+"</option>";

}

newNameTD.innerHTML = "<select name='txtName' id='txtName" + rowIdx + "' onchange='fnChange("+rowIdx+")'>" + _options + "</select>";

//添加列:单价

var newDesTD=newTR.insertCell(2);

newDesTD.innerHTML = "<input style='width:80px;' readonly='readonly' name='txtPrice' id='txtPrice" + rowIdx + "'/>";

//添加列:描述

var newDesTD=newTR.insertCell(3);

newDesTD.innerHTML = "<input style='width:100%;' name='txtDes' id='txtDes" + rowIdx + "'/>";

//添加列:数量

var newDesTD=newTR.insertCell(4);

newDesTD.innerHTML = "<input style='width:40px;' name='txtCount' id='txtCount" + rowIdx + "' onchange='fnCal("+rowIdx+")'/>";

//添加列:小计

var newDesTD=newTR.insertCell(5);

newDesTD.innerHTML = "<input style='width:80px;' readonly='readonly' name='txtSubTotal' id='txtSubTotal" + rowIdx + "'/>";

//添加列:删除按钮

var newDeleteTD=newTR.insertCell(6);

//添加列内容

newDeleteTD.innerHTML = "<div align='center' style='width:40px'><a href='javascript:;' onclick="deltr('tr" + rowIdx + "')">删除</a></div>";

}

</script>

//删除其中一行

function deltr(trid)

{ //alert(trid);

var tab=document.getElementById("tab");

var row=document.getElementById(trid);

var index=row.rowIndex;//rowIndex属性为tr的索引值，从0开始

tab.deleteRow(index); //从table中删除

//重新排列序号，如果没有序号，这一步省略

var nextid;

for(i=index;i<tab.rows.length;i++){

tab.rows[i].cells[0].innerHTML = i.toString();

nextid=i+1;

remark=document.getElementById("remark"+nextid);

remark.id="remark";

}

fnCalTotal();

}

</script>

<body>

</tr>

</table>

价格合计:<input type="text" id="txtTotal"/>

</BODY>

</HTML>

9、Dreamweaver中怎么制作一个商品展示页面

Dreamweaver中制作一个商品展示页面步骤：
第一、用ps制作出页面图稿。
第二、ps切图，Dreamweaver软件专布局，用div布局，css样式美属化。
只要有一定的网页设计基础，懂得写代码规则，制作一个页面不是很难。

10、网店商品介绍页面要怎么设计

网店商品介绍页面要怎么设计如下：

详情页的描述基本遵循以下原则：引发兴趣，激发潜在需求，从信任到信赖，替客户做决定；

淘宝的消费者在搜索商品的时候，是先搜索，然后碰到自己喜欢的，就直接进入了宝贝详情页面，所以，宝贝详情页是提高转化率的首要入口。

导航:首页 > 万维百科 > 商品网页设计

商品网页设计

与商品网页设计相关的知识