【正文】 器中看到的一個個漂亮的網(wǎng)頁，不論是從結(jié)構(gòu)上還是風格上都各有特色。那么一個網(wǎng)頁是怎樣生成的呢？網(wǎng)頁的主體實際上是一個文本，這個文本由HTML代碼創(chuàng)建，搭配相應(yīng)的標簽使用，無論是文本、圖片、動畫、聲音、視頻，都可以在網(wǎng)頁上出現(xiàn)。HTML語言是一種標準，中文稱為超文本標記語言，是我們在編寫網(wǎng)站時主要用到的語言。HTML主要包括兩種結(jié)構(gòu)，一種是頭部，另一種是主體。頭部（head）存放的是瀏覽器所需的信息，主體（body）存放的是網(wǎng)頁的具體內(nèi)容。（2） HTML的特點HTML文檔功能強大，容易創(chuàng)建，制作簡單，可以導(dǎo)入各種格式的文件。另外，HTML與平臺無關(guān)，可以兼容多個平臺，可擴展性強，網(wǎng)絡(luò)傳輸速度快。 CSS+DIV（1） CSS與DIVCSS是一種新興的網(wǎng)頁制作技術(shù)，又叫做“層疊樣式表”。用戶在瀏覽網(wǎng)頁時所需的僅是網(wǎng)頁的內(nèi)容，而網(wǎng)頁的格式卻不是用戶希望或者說需要看到的。于是，出現(xiàn)了一種將網(wǎng)頁的內(nèi)容與格式分離的技術(shù)。而CSS可以看做是網(wǎng)頁的格式，使用CSS制作網(wǎng)頁，不僅使得網(wǎng)頁風格統(tǒng)一，更加大大的縮減了頁面代碼提高了網(wǎng)頁制作的速度和瀏覽速度。DIV是HTML語言中的一個標簽，主要用來控制網(wǎng)頁中各個塊的擺放位置，也可以直接將頁面中的每一個塊看做一個DIV，每一個塊的內(nèi)容或大小一般都存放于兩個DIV之間，這樣就起到了一個定位的作用。（2） CSS+DIVCSS+DIV是一種網(wǎng)站布局，這種結(jié)構(gòu)已經(jīng)獲得大多數(shù)人的認可，目前大部分網(wǎng)頁的設(shè)計都是采用這種布局。采用CSS+DIV結(jié)構(gòu)，使得網(wǎng)頁結(jié)構(gòu)簡潔，定位靈活，頁面架構(gòu)更加完善。在使用這種結(jié)構(gòu)時，首先要對頁面有一個整體的規(guī)劃，先將頁面用DIV分塊，設(shè)計好每個塊的大小和位置，再連接CSS，對每個塊進行定位，實現(xiàn)網(wǎng)站頁面的整體規(guī)劃。三、 Dreamweaver HTML語言是一種文本文件，可以用任意一個文本編輯器打開或編寫。而Dreamweaver則使得網(wǎng)頁的編輯與制作可視化，更加便于使用。Dreamweaver簡稱DW，由MACROMEDIA公司開發(fā)制作，是一種設(shè)計網(wǎng)站頁面的軟件。Dreamweaver使用所見即所得接口，擁有自動檢測標簽功能以及強大的CSS支持，適應(yīng)當前所有主流瀏覽器。而且，在Dreamweaver CS5版本中又增加了標簽編輯器和選擇器，使得用戶可以對網(wǎng)頁代碼中的標簽進行修改。他使得網(wǎng)站的制作更加簡便化、形象化，不懂HTML語言的人使用Dreamweaver也可制作出簡單的網(wǎng)頁。第三章 網(wǎng)站簡介第1節(jié) 網(wǎng)站描述一、 網(wǎng)站背景本網(wǎng)站命名為“手表網(wǎng)店”。為一家擁有手表實體店的商戶所建設(shè)。二、 網(wǎng)站用戶“手表網(wǎng)店”擁有三種類型的用戶，分別為：超級管理員、管理員以及顧客。其中管理員相當于手表店的員工，其權(quán)限為：管理產(chǎn)品，管理會員，管理訂單，而超級管理員也就是網(wǎng)站的老板，除了擁有管理員的所有權(quán)限外，還擁有管理員工的權(quán)限。三、 項目需求手表店為了增強影響力，提高產(chǎn)品的銷量，擴大銷售市場，增加銷售渠道，現(xiàn)要求在網(wǎng)上上線一個B2C網(wǎng)站。此網(wǎng)站涉及到的內(nèi)容有手表網(wǎng)店的前臺界面設(shè)計，功能模塊的開發(fā)，以及測試和維護。該“手表網(wǎng)店”前端通過顧客登陸，瀏覽產(chǎn)品，加購物車，下訂單等來實現(xiàn)用戶功能模塊；進而通過管理員管理商品，管理用戶，處理訂單來實現(xiàn)后臺管理功能模塊。第2節(jié) 網(wǎng)站需求分析 功能需求分析（1） 項目目的本項目目的為開發(fā)一個網(wǎng)上商店，幫助手表店老板打通網(wǎng)絡(luò)渠道，通過網(wǎng)站實現(xiàn)手表的銷售與管理功能。根據(jù)網(wǎng)站用戶以及項目需求的描述，+SQL SERVER數(shù)據(jù)庫來實現(xiàn)。（2） 前臺系統(tǒng)之顧客操作步驟根據(jù)網(wǎng)站的主要用戶，顧客訪問網(wǎng)站進行購物的操作流程基本如下：第一步：顧客進入網(wǎng)站首頁，首先進行注冊會員，填寫會員名稱、密碼、郵箱等基本信息。顧客注冊成功之后，可使用剛剛注冊成功的用戶名及密碼登陸。第二步：顧客登陸成功，進入手表商店，挑選商品。選產(chǎn)品時可以通過產(chǎn)品類別瀏覽，也可以通過搜索類別或直接搜索商品名稱，找到自己想要的商品。第三步：顧客查看商品詳細說明，了解商品性能，價格與庫存數(shù)量等。第四步：選中商品，確認購買數(shù)量并加入購物車。第五步：顧客挑選結(jié)束，進入購物車，確認無誤后系統(tǒng)默認為訂單。第六步：等待賣家發(fā)貨，完成整個購物過程。（3） 后臺管理之后臺主要功能網(wǎng)站的后臺是由網(wǎng)站管理員使用的，是一個用來管理網(wǎng)站，對網(wǎng)站的內(nèi)容進行增加、刪除或修改的界面。網(wǎng)站后臺管理員又分為普通管理員與超級管理員，兩種管理員的權(quán)限僅僅是在對管理員的管理方面有所不同。根據(jù)前臺以及模塊功能，并加以分析其他購物網(wǎng)站可總結(jié)得出：此手表網(wǎng)店的后臺管理系統(tǒng)主要需要實現(xiàn)的功能有：后臺管理員管理、用戶管理、商品管理、商品類別管理、新聞管理、訂單管理等。 性能需求分析系統(tǒng)的運行對運行環(huán)境的一些要求：硬件環(huán)境：處理器：CPU奔騰4（）內(nèi)存：不小于256MB硬盤空間：不小于60GB顯卡：AMD Radeon HD 8790M軟件環(huán)境：Windows 7開發(fā)工具：Visual Studio200Dreamweaver CSPsCS6　　　　　　　　數(shù)據(jù)庫管理系統(tǒng)：SQL Server2005運行環(huán)境：Windows 7　　　第3節(jié) 網(wǎng)站模塊簡介 面向用戶部分功能模塊（1） 注冊功能顧客在使用網(wǎng)站購物功能之前，首先要注冊成為網(wǎng)上商城的商戶。注冊時要完成個人信息的填寫。注冊后，用戶可以自己的用戶名和密碼登錄，實現(xiàn)購物車及其他功能。（2） 產(chǎn)品分類與搜索功能用戶瀏覽網(wǎng)上商城，將自己需要的產(chǎn)品添加到購物車。用戶選擇產(chǎn)品可以通過產(chǎn)品列表或者產(chǎn)品分類亦或是直接搜索產(chǎn)品名稱。（3） 購物車管理功能：顧客選擇完商品后可進入購物車頁面，查看自己購買的商品，若購物車中的商品不是顧客想要的或者數(shù)量不對，顧客可以刪除購物車重新下單。（4） 留言功能用戶若想咨詢有關(guān)問題，可以進入在線交談頁面，對管理員進行留言，等待管理員回復(fù)。（5） 新聞查看功能用戶進入本網(wǎng)站不僅可以單純的購物，還顆粒瀏覽最新新聞動態(tài)，更加人性化。（6） 購物幫助功能如果顧客在購物時遇到問題，除了留言外還可以選擇查看購物幫助，幫助顧客了解本網(wǎng)站的購物流程、注意和須知等。 后臺管理部分功能模塊（一） 管理員管理此項為超級管理員的權(quán)限，可以管理網(wǎng)站的其他普通管理員，賦予權(quán)限或者進行添加、修改、刪除的工作。（2） 注冊會員管理網(wǎng)站的后臺管理員可以對在本網(wǎng)站注冊的用戶進行信息管理，但是只能進行刪除工作，其他權(quán)限均有注冊用戶所有，后臺管理員不可任意更改。（3） 留言交流管理管理員可以查看用戶留言，并通過郵箱或者電話對顧客的問題進行回復(fù)，在留言管理中，管理員仍然只具有刪除留言的權(quán)限。（4） 商品管理在后臺管理中，管理員可以進行商品和商品類別的管理。對于商品類別，管理員可以進行添加、修改、刪除操作。對于商品管理，管理員可以添加商品，選擇商品類別，并對商品進行相應(yīng)描述，或者刪除或修改商品內(nèi)容。（5） 訂單管理管理員在訂單管理界面可以查看訂單，修改發(fā)貨狀態(tài)，刪除訂單。（6） 新聞管理在新聞管理模塊，分為管理新聞和管理購物幫助。管理員對新聞和購物幫助都可以進行添加、修改、刪除的操作。（7） 友情鏈接管理友情鏈接也叫做互換鏈接，就是指雙方網(wǎng)站將對方鏈接放在自己網(wǎng)站中，可以看做是網(wǎng)站和網(wǎng)站的一種合作方式。從網(wǎng)站優(yōu)化方面看，友情鏈接是增加網(wǎng)站流量和PR值的一個重要手段。在友情鏈接模塊，管理員可以添加、刪除和修改自己網(wǎng)站的友情鏈接。（8） 修改密碼在后臺功能中，修改密碼是必不可少的，管理員可以隨時修改自己的密碼。第4章 網(wǎng)站數(shù)據(jù)庫設(shè)計第一節(jié) 數(shù)據(jù)庫設(shè)計概述對于一個完整的網(wǎng)站來說，數(shù)據(jù)庫是必不可少的，處于至關(guān)重要的地位，是進行信息管理的一大重要手段。本購物網(wǎng)站所使用的為SQL Server數(shù)據(jù)庫管理工具，利用數(shù)據(jù)庫來存儲和管理信息，讓購物網(wǎng)站更加完善，使用者更加方便。在設(shè)計數(shù)據(jù)庫之前，首先要了解網(wǎng)站在各個方面的需求以及網(wǎng)站所要服務(wù)的幾個對象。根據(jù)前文在網(wǎng)站前后臺的幾個功能模塊上的描述可知，本數(shù)據(jù)庫系統(tǒng)主要目的是實現(xiàn)會員、商品、商品類別、新聞等信息的收錄、修改、刪除、查詢等操作，前后臺功能與數(shù)據(jù)庫關(guān)系具體如圖41所示。圖41 數(shù)據(jù)庫與前后臺功能關(guān)系圖第2節(jié) 數(shù)據(jù)庫概念結(jié)構(gòu)設(shè)計 概念設(shè)計簡介數(shù)據(jù)庫概念設(shè)計就是將所進行的需求分析抽象成為一個信息過程。一般的數(shù)據(jù)庫概念結(jié)構(gòu)設(shè)計有兩種方法，一種是集中式模式設(shè)計法，主要設(shè)計的是一種全局模式，對于小型的系統(tǒng)比較適用；另一種是視圖設(shè)計法，這種方法與第一種不同之處在于將體統(tǒng)分解開，形成幾個小的子系統(tǒng)，通過建立局部視圖來形成全局模式。經(jīng)過如上的分析，可以設(shè)計出符合網(wǎng)站需要的實體以及實體之間的關(guān)系，這些實體相互作用，形成數(shù)據(jù)流。 概念設(shè)計之網(wǎng)站實體ER圖根據(jù)需求分析得到的數(shù)據(jù)結(jié)構(gòu)，繪制出如下幾個實體的ER圖。圖42 實體關(guān)系圖圖43 管理員實體ER圖圖44 注冊用戶（顧客）實體ER圖圖45 商品實體ER圖圖46 商品類別實體ER圖圖47 訂單實體ER圖第3節(jié) 數(shù)據(jù)庫邏輯結(jié)構(gòu)設(shè)計 數(shù)據(jù)庫邏輯結(jié)構(gòu)簡介上一節(jié)完成了數(shù)據(jù)庫的概念結(jié)構(gòu)設(shè)計，接下來需要進行數(shù)據(jù)庫邏輯結(jié)構(gòu)設(shè)計。數(shù)據(jù)庫邏輯結(jié)構(gòu)設(shè)計就是將上文的概念結(jié)構(gòu)設(shè)計得出的ER圖體現(xiàn)到我們所用的數(shù)據(jù)庫管理系統(tǒng)（SQL Server2005）中，將關(guān)系模型轉(zhuǎn)換為SQL Server2005所支持的數(shù)據(jù)模型，即將ER圖轉(zhuǎn)化為數(shù)據(jù)庫中的表。 網(wǎng)站數(shù)據(jù)庫表（一） 創(chuàng)建數(shù)據(jù)庫首先登陸SQL Server2005，選擇zpc服務(wù)器，使用windows身份驗證登陸。新建一個數(shù)據(jù)庫，命名為“net05shfwdzsw”，以下稱為“net05數(shù)據(jù)庫”。net05數(shù)據(jù)庫用來存放與網(wǎng)站有關(guān)的一些需要存儲和進行操作的數(shù)據(jù)信息，協(xié)助網(wǎng)站實現(xiàn)圖41中的幾大功能模塊，以下為各大功能模塊的具體實現(xiàn)。（2） 會員用戶管理的實現(xiàn)會員用戶管理模塊的主要功能是：顧客進入網(wǎng)站后，進行注冊或登錄時需要填寫用戶名、密碼等個人信息，為了存儲和操作這些信息，需要建立一個存放會員信息的表，命名為“khusers”。這個客戶信息表主要包括的字段如表41所示。