【正文】 width=250a href=注冊 .ht。 right:5px。nbsp 碼： input name=password type=password/center centerinput name=submit type=submit value=登錄 /center p/p hr width=250 style=border:1px dashed 666666。 height:1px centerfont color=black用戶名： input name=text1 type=text/center centerfont color=black 密 amp。 overflow: hidden。 height: 8px。} .login_bottom{ backgroundimage:url()。 bordercolor:666666。 height:279px。} login_middle{borderleft:1px solid。 width:280px。 backgroundrepeat: norepeat。如果操作員代碼及操作密碼與數(shù)據(jù)庫的密碼表內(nèi)事先保存的某條記錄相匹配，則登錄成功，這時用戶可以對系統(tǒng)進(jìn)行相應(yīng)的操作；否則登錄失敗，退出系統(tǒng)。在這里通過單擊不同的鏈接 ， 將可以修改和刪除用戶的信息。用戶填寫所需要的信息并提交 ， 系統(tǒng)提示注冊成功與否。普通用戶輸入正確的用戶名和密碼后進(jìn)入系統(tǒng) ， 并可以瀏覽到所有注冊用戶列表 ， 但不可以進(jìn)行 修改和刪除的操作。只不過注冊通常是在登錄模塊的“登錄”窗體下面加一個注冊鏈接。于是，給這三個 td 都套上 NOWRAP 這個關(guān)鍵字，三個 td 就顯示正常了，而且中間的 td 會自動撐大到最大！ 用戶登錄 用戶登錄系統(tǒng)是一般網(wǎng)站都有的子系統(tǒng) ， 其作用是限制該網(wǎng)站某些資源的使用 ， 只有通過身份確認(rèn)后的用戶才可以訪問系統(tǒng)為其設(shè)置的使用功能 ， 從而為用戶提供了安全的訪問和數(shù)據(jù)操作 ， 防止非法用戶進(jìn)入系統(tǒng)。 （ 5）如果只做了上面兩步，就會發(fā)現(xiàn)兩端的 td 被中間的 td 擠 沒了，因為中間 td的 width 是 100%，所以 這里 NOWRAP 閃亮登場。這里我是這樣做的： （ 3） 兩個兩端的 td， background 是帶左右弧形的圖片，這兩個 td 的 width 定成絕對的像素值（根據(jù)圖片的 width 來定） 。這里要注意的是，在使用 background 圖片的時候，如果不指定 td 的 width 和 height， IE/Firefox 會根據(jù)他們的邏輯來擴(kuò)大 /縮小 TD 的寬度，這樣就會導(dǎo)致背景圖片被拉伸或縮小。 主界面 做界面的一些經(jīng)驗的介紹： （ 1） 所有的 table， td 的 width 要寫成百分?jǐn)?shù)，而不能寫成絕對的像素值，因為客戶端的機(jī)器的分辨率我們是不知道的，不能按照 1024*768 的假設(shè)去寫 HTML 頁 面 。 管理 人員 用 戶 注 冊 用 戶 登錄 用 戶 注銷 購物車 商品更新 用 戶 管理 主頁 管理員 用戶 基于 Dreamweaver的購物網(wǎng)站的設(shè)計與實現(xiàn) 21 如圖 44 所示： 圖 44 用戶功能 主界面設(shè)計 HTML 是用來描述網(wǎng)頁的一種語言，是超文本標(biāo)記語言 (Hyper Text Markup Language)，不是一種編程語言，而是一種 標(biāo)記語言 (markup language)。 用戶可以在系統(tǒng)中實現(xiàn)注冊、瀏覽商品、搜索查詢商品、下定單、處理定單等功能。商店管理員可以瀏覽、查詢、添加、刪除、修改、統(tǒng)計商品的基本信息。 搜索商品 登錄 開始 合法用戶 ? 用戶注冊 ? 注冊 購買商品 修改訂單 ? 修改訂單 付款 結(jié)束 Y N Y Y N N Y 基于 Dreamweaver的購物網(wǎng)站的設(shè)計與實現(xiàn) 20 如圖 42 所示： 圖 42 系統(tǒng)模塊分析圖 管理 員 功能 ： 商店管理人員功能的信息量大，數(shù)據(jù)安全性和保密性要求最高。 系統(tǒng)模塊程序流圖 本系統(tǒng)模塊的設(shè)計 ， 其主要功能的程序流圖，如圖 41 所示： 基于 Dreamweaver的購物網(wǎng)站的設(shè)計與實現(xiàn) 19 圖 41系統(tǒng)模塊的程序流圖 系統(tǒng)模塊需求分析 網(wǎng)上商店的需求，由用戶、管理人員兩方面。 功能模 塊圖：用來描述系統(tǒng)的功能組成，是產(chǎn)品方面應(yīng)該給出的，提供給售前或銷售的 。 本網(wǎng)站 具有的具體最基本模塊有用戶模塊、商品模塊，廣告模塊，購物車模塊、訂單管理模、用戶評價模塊等等。企業(yè)、商家可充分利用電子商城提供的網(wǎng)絡(luò)基礎(chǔ)設(shè)施、支付平臺、安全平臺、管理平臺等共享資源有效地、低成本地開展自己的商業(yè)活動。這種形式的電子商務(wù)一般以網(wǎng)絡(luò)零售業(yè)為主，主 要借助于 Inter 開展在線銷售活 動。 （ 3）預(yù)覽網(wǎng)頁 在頁面編輯器中按 F12 預(yù)覽網(wǎng)頁效果。 細(xì)節(jié)設(shè)置 （ 1）設(shè)置文字 首先選中文字，在屬性面板中，單擊顏色選擇圖標(biāo)，在彈出的顏色選擇器中用滴管選取顏色即可。 啟動中文輸入法輸入文字。在一般情況下，編輯器默認(rèn)左對齊，光標(biāo)在左上角閃爍，光標(biāo)位置就是插入點的位置。只按 Enter 則為換段 。在網(wǎng)頁上打入空格的辦法是：把輸入法調(diào)為全角。不要將特殊的字體加到列表中使用，因為別人電腦上未裝就看不到。然后在對話框中選 加 號，接著在“可用字體”欄中選擇需要加入到字體列表中的一種字體，點擊中間的按鈕就可以加入了。在這里可以設(shè)置網(wǎng)站的標(biāo)題、背景顏色或背景圖像，超級鏈接的顏色（一般默認(rèn)即可），其他都保持默認(rèn)即可。這也就是主頁，上傳后打開網(wǎng)頁默認(rèn)連接到此頁。 注意： 網(wǎng)站第基于 Dreamweaver的購物網(wǎng)站的設(shè)計與實現(xiàn) 17 一頁的名字通常是 或 。 htm就表示這個網(wǎng)頁文件是一個靜態(tài)的 HTML 文件。 使用 Dreamweaver 制作網(wǎng)頁基本步驟 創(chuàng)建頁面 在 Dreamveaver“文件－新建－常規(guī)－基本頁－ HTML”，這樣就建好了一個 頁面，英文版的默認(rèn)的文件名為 。 （ 4） 圖片文件 jpg， gif， png， bmp 的區(qū)別 bmp：是未經(jīng)過壓縮的用點陣來表示的真彩圖片 ， 占用磁盤空間較大 gif， 是經(jīng)過壓縮的 ， 只能表示 256 種顏色 ， 占磁盤空間小 ， 常用來演示色彩單一的成塊的卡通圖案 ，GIF 還有一種可以表示連續(xù)的動畫 .png， 是 fireworks 的圖片格式 jpg， 也是有損壓縮格式但是它表示的顏色較豐富 ， 一般用來顯示真彩的 照片或圖案。 矢量圖：是根據(jù)幾何特性來繪制圖形，矢量可以是一個點或一條線，矢量圖只能靠軟件生成，文件 占用內(nèi)在空間較小，因為這種類型的圖像文件包含獨立的分離圖像，可以自由無限制的重新組合。 （ 3） 矢量圖 矢量圖與位圖最大的區(qū)別是 ， 它不受分辨率的影響。 R、 G、 B 就是 Red、 Green、 Blue（紅，綠，藍(lán)）三種顏色， RGB 模式就是由這三種顏色為基色進(jìn)行疊加而模擬出大自然色彩的色彩組合模式。 cdr 文件是 CorelDRAW 的。他們都是 Adobe 公司的。 常用繪圖工具的基本知識。 4）暗紅黑 ——暗紅主調(diào)。 3）橙白紅 ——橙為主調(diào)。 2）綠白蘭 ——綠為主調(diào)。 （ 3） 幾種固定搭配 1）藍(lán)白橙 ——藍(lán)為主調(diào)。 5）忌粉 ——顏色淺固然顯的干凈，但如果對比過弱，整得蒼白無力了，就像病夫一樣無可救藥。 3）忌跳 ——再好看的顏色，也不能脫離整體。 3）橙色 ——活潑熱烈 、 標(biāo)準(zhǔn)商業(yè)色調(diào)。 基于 Dreamweaver的購物網(wǎng)站的設(shè)計與實現(xiàn) 15 Dreamweaver 設(shè)計網(wǎng)頁技巧 顏色搭配技巧 （ 1） 網(wǎng)頁最常用流行色 1）藍(lán)色 ——藍(lán)天白云 、 沉靜整潔的顏色。使用不同瀏覽器檢示功能， Dreamweaver 可以告知您在不同瀏覽器上執(zhí)行的成效如何。 全方位的呈現(xiàn)利用 Dreamweaver 設(shè)計的網(wǎng)頁，可以全方位的呈現(xiàn)在任何平臺的熱門瀏覽器上。建立網(wǎng)頁外觀的樣版，指定可編輯或不可編輯的部份，內(nèi)容提供者可直接編輯以樣式為主的內(nèi)容卻不會不小心改變既定之樣式。當(dāng)您正使用Dreamweaver 在設(shè)計動態(tài)網(wǎng)頁時，所見即所得的功能，讓您不需要透過瀏覽器就能預(yù)覽網(wǎng)頁。甚至可以排序或格式化表格群組， Dreamweaver 支援精準(zhǔn)定位，利用可輕易轉(zhuǎn)換成表格的圖層以拖拉置放的方式進(jìn)行版面配置。幀 (frames)和表格的制作速度快的令您無法想像。 網(wǎng)站管理高效 Dreamweaver 是唯一提供 Roundtrip HTML、視覺化編輯與原始碼編輯同步的設(shè)計工具。 Dremweaver 能與您喜愛的設(shè)計工具，如 Playback Flash， Shockwave 和外掛模組等搭配，不需離開 Dremweaver便可完成，整體運用流程自然順暢。使用檢色吸管工具選擇熒幕上的顏色可設(shè)定最接近的網(wǎng)頁安全色。所見則所得網(wǎng)頁編輯器的優(yōu)點就是直觀性，使用方便，容易上手。 Dreamweaver 的發(fā)展趨勢 DreamweaverFLASH 以及在 DREAMWEAVER 之后推出的針對專業(yè)網(wǎng)頁圖像設(shè)計的 FIREWORKS， 三者被 MACROMEDIA 公司稱為 DREAMTEAM(夢之隊 )， 足見市場的反響和 MACROMEDIA 公司對它們的自信。 MyEclipse 的功能非常強(qiáng)大，支持也十分廣泛，尤其是對各種開源產(chǎn)品的支持十分不錯。它是功能豐富的 JavaEE 集成開發(fā)環(huán)境，包括了完備的編碼、調(diào)試、測試和發(fā)布功能，完全支持 HTML， Structs， JSF， CSS， javacript，SQL， Hibernate[15]。實際上 Tomcat 部分是 Apache 服務(wù)器的擴(kuò)展，但它是獨立運行的，所以當(dāng)你 Apache Tomcat 運行 tomcat 時，它實際上作為一個與 Apache 獨立的進(jìn)程單獨運行的。 Tomcat 是一個輕量級應(yīng)用服 務(wù)器，在中小型系統(tǒng)和并發(fā)訪問用戶不是很多的場合基于 Dreamweaver的購物網(wǎng)站的設(shè)計與實現(xiàn) 13 下被普遍使用，是開發(fā)和調(diào)試 JSP 程序的首選。由于有了 Sun 的參與和支持，最新的 Servlet 和 JSP 規(guī)范總是能在 Tomcat 中得到體現(xiàn)， Tomcat 5 支持最新的Servlet 和 JSP 規(guī)范。 設(shè)計模式： MVC 設(shè)計模式 。 數(shù)據(jù)庫管理系統(tǒng)： Mysql。 基于 Dreamweaver的購物網(wǎng)站的設(shè)計與實現(xiàn) 12 圖 31 B/S結(jié)構(gòu)圖 服務(wù)器及開發(fā)工具介紹 開發(fā)環(huán)境 環(huán)境的選擇如下： 開發(fā)環(huán)境： Windows 7。 （ 6） ObjectContext 對象 ObjectContext 對象可以用來控制 ASP 的執(zhí)行， 這種執(zhí)行過程 Microsoft Transaction Server（ MTS）來進(jìn)行管理。 （ 5） Session 對象 Session 對象是在每一位訪問者從 Web 站點或 Web 應(yīng)用程序中首次請求一個 ASP頁時創(chuàng)建的，它將保留到默認(rèn)的期限結(jié)束（或者由腳本決定終止的期限）。最常用的是 方法，它允許我們在當(dāng)前頁的 環(huán)境或會話中在服務(wù)器上實例化其他 COM 對象。它也提供了一系列用于創(chuàng)建輸出頁的方法，如無所不在的 方法。 （ 3） Response 對象 Response 對象用來訪問所創(chuàng)建的并返回客戶端的響應(yīng)。這包括能夠標(biāo)識瀏覽器和用戶的 HTTP 變量，存儲他們的瀏覽器對用于這個域的cookie，以及附在 URL 后面的值（查詢字符串或頁面中段中的 HTML 控件內(nèi)的值）。任何訪問者都可以打開它們 [8]。 B/S 的六大對象 B/S 的 環(huán)境要求 不高 ，任何一種文本編輯器都可以編寫應(yīng)用程序。 （ 5） 瀏覽器獨立性 提供了一種瀏覽器中樞方案來完成應(yīng)用程序的設(shè)計工作。 （ 4） 非手工編譯 的即時編譯系統(tǒng)在被請求時自動對源文件重新編譯，并將 其載入服務(wù)器的高速緩存中。這就可以確保開發(fā)者能夠?qū)⒅饕木τ脕砜紤]編寫程序的邏輯，而不必?fù)?dān)心外觀是怎樣的。以往需要用 Perl 或 C 編寫的復(fù)雜的 CGI 程序來完成的功能（如數(shù)據(jù)庫連接），現(xiàn)在若使用則只要幾行簡單的代碼就能實現(xiàn)。而 ActiveXServer 組件實際上可以用任何語言編寫，這些語言包括 Java、VisualBasic、 C++、 COBOL 等。通過第三方組合組件，它還可以使用其他語言（如 Perl、 REXX 和 Tcl）。而各個企業(yè)可以在此結(jié)構(gòu)的基礎(chǔ)上建立自己的 Inter?？蛻舳顺?WWW 瀏覽器，一般無須任何用戶程序，只需從 Web 服務(wù)器上下載程序到本地來執(zhí)行，在下載過程中若遇到與數(shù)據(jù)庫有關(guān)的指令，由 Web 服務(wù)器交給數(shù)據(jù)庫服務(wù)器來解釋執(zhí)行，并返回給 Web 服務(wù)器， Web 服務(wù)器又返回給用戶。 隨著 Inter 和 WWW的流行，以往的