1、購物網站如何設計漂亮且實用的購物車
相應的，大量的購物網站也隨之出現。如何設計兼顧美觀與可用性的網站購物車，是一門非常有研究價值的問題。本文為讀者介紹了10個優秀購物車的設計技巧，並為讀者推薦了一些國外的優秀購物車設計欣賞。1. 整版車和迷你車購物車通常有兩種形式，整版頁面的購物車和作為網頁組件的迷你購物車。建議兩種形式同時包括。迷你購物車不影響購物車以外的布局，只顯示購物的列表及簡要信息，並且有一個醒目的鏈接指向整版購物車頁面，下面是一個很好的例子：相反的，整版購物車頁面可以提供更詳細的信息，例如產品詳情、刪除/添加、稅收和發貨選項等。以下顯示了一個整版購物車頁面，它的右上角同時也包含了一個迷你購物車： 2. 結賬：逐步引導或一頁式用逐步引導的方法使用戶更容易上手。看看Apple.com結帳頁面，結帳程序包含四個步驟：登錄，結算及托運，付款方式和最後確認/修改。 除了循序漸進的引導，另一種方式是把所有的付費、運輸和結算操作放在一個頁面上。如果設計得合理，這也是一種很好的方式。下面的網站使用了良好的單頁結帳過程：3. 使用圖標鏈接到詳細頁面迷你購物車上應該有鏈接到詳細頁面的醒目圖標，以引導用戶進入詳細頁面。下面這個網頁雖然是日語的，但它的圖標可以清晰的顯示這是購物車鏈接。4. 使用明顯的結賬/添加按鈕設計電子商務購物車，重要的是要包含明確的信息 ，並引導客戶進入結賬程序。最好使用明顯的按鈕，並包含清楚易懂的文字，如「添加到購物車」或「結賬」。5. 使用清晰整潔的列表設計購物車最好使用列表結構，清晰的現實信息，使用標准字體 ， 並盡量避免使用復雜的背景 。6. 「繼續選購」鏈接「繼續購物」鏈接的作用是引導用戶回到商品列表繼續選購，這當然是所有網站都想要的。 7. 避免填寫過多的條目盡量讓用戶填寫最少的表格，用最快的速度完成網上購物過程。 8. 提供充分的幫助信息快速提示和通用提示是網站必不可少的組成部分，尤其是購物網站，你要讓你的客戶沒有任何疑問和疑慮的完成購物過程。關於電子商務網站的提示技巧，請參閱： 正確使用提示文字提升用戶體驗9. 使用視覺輔助使用圖標、箭頭、文字等醒目的視覺輔助元素，引導用戶的視覺流向。以下圖片顯示的一個極方便的單擊並拖動車 。.形象的購物車圖標告訴顧客，他們可以拖動物品到購物車。 10. 包含確認步驟用戶必須有一個步驟來確認是不是買到了正確的貨物，並且有辦法及時取消選擇，然後進入付款結算程序。
2、想做一個簡單的購物車界面，非常簡單就行？有代碼！用div+css做就可以
購物車外是可以的 但是核心最好還是用程序本來的核心如果自己寫，很有單獨
3、求幾個簡單的網頁設計作品
用Dreamweaver拖一下，很快的，就和word排版一樣簡答。
4、在HTML里用javascript做一個簡單購物車部分
給樓主做了一個，JS實現商品計數的加和減，最少不能少於1，最多不大於99，代碼裡面有注釋，方面樓主查看和使用。
5、（急）類似於淘寶的簡單網頁製作的詳細流程（純jsp版)
分太少了,關於店鋪,商品,訂單完整的資料庫操作的話,添加商品,店鋪之類的工作量太大了,前台倒不是問題.
6、用dreamweaver怎麼製作購物車
製作購物車屬於編寫動態程序，首先要選擇用哪一種程序來製作，比如php，jsp等等專；dreamweaver可以利用內置的可視化動態屬程序製作功能生成程序，不過也要了解動態程序的一些基礎知識，比如安裝網路伺服器以便測試編寫的網頁，安裝資料庫、建立站點等等，如果對動態程序的代碼一點不了解，也不能夠修改出現的錯誤、豐富網頁的功能。
像購物車這樣的程序，僅僅用dreamweaver生成的程序來製作效果會非常簡陋，很不專業，製作功能完善的程序還是需要學習代碼，手寫編程。
7、就簡單簡單網頁代碼
昨天晚上新寫的
給你吧
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>標准網頁</title>
<style type="text/css" >
#bodydiv{ position:relative; margin-left:95px; margin-right:95px;}
#body{ background-color:#FF8080;
margin-top:auto;
color: #996600;
font-family: "黑體";
;
}
#bannerdiv{ position:relative;}
#bannertable{}
#centerdiv{ position:relative; padding-left:3px;}
#centertable{ }
#rootdiv{ margin-top:11px;}
</style>
</head>
<body id="body" >
<div id="bodydiv">
<div id="bannerdiv">
<table align="center" id="bannertable">
<tr>
<td>
<img src="banner.gif" width="770" height="170">
</td>
</tr>
</table>
</div>
<div id="centerdiv">
<table id="centertable" border="0" cellpadding="7px" >
<tr>
<td>
<table border="0" style=" height:24px; width:200px;"background="divbg.gif" >
<tr><td align="center"></td></tr></table>
<table border="0" style="height:170px; width:200px; background-color:#FF814f" cellpadding="0" cellspacing="0">
<tr><td align="center"><img src="headimg.jpg" width="200" height="170" /></td></tr></table> </td>
<td rowspan="2">
<table border="0" style=" height:24px; width:373px;"background="divbg.gif" >
<tr><td align="center">日誌</td></tr></table>
<table border="0" style="height:380px; width:373px; background-color:#FF814f" cellpadding="0" cellspacing="0">
<tr><td></td></tr></table> </td>
<td rowspan="2">
<table border="0" style=" height:24px; width:160px;"background="divbg.gif" >
<tr><td align="center">網站導航</td></tr></table>
<table border="0" style="height:380px; width:160px; background-color:#FF814f" cellpadding="0" cellspacing="0">
<tr><td></td></tr></table> </td>
</tr>
<tr>
<td>
<table border="0" style=" height:24px; width:200px;"background="divbg.gif" >
<tr><td align="center">心情</td></tr></table>
<table border="0" style="height:170px; width:200px; background-color:#FF814f" cellpadding="0" cellspacing="0">
<tr><td></td></tr></table>
</td>
</tr>
<tr>
<td>
<table border="0" style=" height:24px; width:200px;"background="divbg.gif" >
<tr><td align="center">頭像31</td></tr></table>
<table border="0" style="height:170px; width:200px; background-color:#FF814f" cellpadding="0" cellspacing="0">
<tr><td></td></tr></table>
</td>
<td>
<table border="0" style=" height:24px; width:373px;"background="divbg.gif" >
<tr><td align="center">頭像32</td></tr></table>
<table border="0" style="height:170px; width:373px; background-color:#FF814f" cellpadding="0" cellspacing="0">
<tr><td></td></tr></table>
</td>
<td>
<table border="0" style=" height:24px; width:160px;"background="divbg.gif" >
<tr><td align="center">頭像33</td></tr></table>
<table border="0" style="height:170px; width:160px; background-color:#FF814f" cellpadding="0" cellspacing="0">
<tr><td></td></tr></table>
</td>
</tr>
</table>
</div>
<div id="rootdiv">
<table align="center">
<tr>
<td align="center">
<img src="rootimg.gif" height="60" width="190" />
</td>
</tr>
<tr>
<td>
</td>
</tr>
</table>
</div>
</div>
</body>
</html>