電子商務(wù)網(wǎng)站設(shè)計(jì)分析報(bào)告

1、網(wǎng)站設(shè)計(jì)報(bào)告一、設(shè)計(jì)目標(biāo)：通過電子商務(wù)網(wǎng)站設(shè)計(jì)的學(xué)習(xí)，學(xué)會(huì)用dreamweaver等軟件來對(duì)一個(gè)網(wǎng)站進(jìn)行系統(tǒng)的設(shè)計(jì)，從理論知識(shí)的掌握，轉(zhuǎn)向操作技能的提高，進(jìn)而提高個(gè)人總體計(jì)算機(jī)網(wǎng)絡(luò)水平的提高。二、理論知識(shí)的預(yù)備： 1.為了滿足爺面制作的目標(biāo)，應(yīng)該注意哪些問題？A網(wǎng)頁結(jié)構(gòu) 網(wǎng)頁結(jié)構(gòu)要清晰，易于導(dǎo)航，思路和脈絡(luò)要符合訪問者的方法。可采取的措施有：采納框架結(jié)構(gòu)表現(xiàn)主題，索影和正文；網(wǎng)頁的大小一般操縱在50KB以內(nèi)；在網(wǎng)頁的尾部放上聯(lián)系方式，如E-MAIL，以方便訪問者能建立聯(lián)系，反饋必要的信息 B頁面內(nèi)容 一般情況下，網(wǎng)頁都要以內(nèi)容為主，不必過分的追求復(fù)雜的表現(xiàn)形式，但必須寫好簡(jiǎn)介，要有特色，幸免太

2、空，泛泛而談。頁面本身要簡(jiǎn)單，結(jié)構(gòu)復(fù)雜的網(wǎng)頁不僅要花費(fèi)專門多的精力，而且由于超連接復(fù)雜，讓掃瞄者閱讀時(shí)也感受困難C文字 在以內(nèi)容為主的前提下，應(yīng)當(dāng)盡量把形式與內(nèi)容結(jié)合起來。既不要把頁面弄的花哨，也不呀只講內(nèi)容完全不講究文字和圖片的安排，要容易閱讀。要注意：網(wǎng)頁的標(biāo)題要簡(jiǎn)潔，明確，能反映整個(gè)文檔的內(nèi)容；在文本敘述部分使用水平線分割不同的部分；對(duì)重點(diǎn)的文章和段落要使用強(qiáng)調(diào)字體表達(dá)D圖形 設(shè)計(jì)好圖形并合理使用能給網(wǎng)頁增色。網(wǎng)頁中插入的圖形盡量要小，網(wǎng)頁中圖形要附加文字講明，使人在圖形出來之前了解相關(guān)內(nèi)容；不要為圖形加太長(zhǎng)的交互文本，也不要把所有的超連接放在圖上；操縱頁面中的圖的數(shù)量，不要濫用圖象GI

3、F2. 網(wǎng)站設(shè)計(jì)的過程中，最中要的一個(gè)原則是什么？什么緣故？網(wǎng)站最重要的原則是創(chuàng)意。盡管網(wǎng)站的要緊目的是傳送給人們它的信息，但在傳遞信息的同時(shí)還把他的文化傳遞給獵取信息的這些人。軟件的掌握是短期就能速成的，而且新的軟件成出不窮，功能越來越強(qiáng)大，然而使用這些軟件必須要有良好的網(wǎng)站設(shè)計(jì)概念才能制造優(yōu)秀的網(wǎng)站，這是網(wǎng)站制作的核心。網(wǎng)站的制作是按一定的步驟進(jìn)行的，不同的網(wǎng)站設(shè)計(jì)著對(duì)網(wǎng)站有不同的見解和看法，然而有個(gè)共同觀點(diǎn)：僅會(huì)輸入文本，制作超級(jí)連接，排列圖片不是真正意義上的網(wǎng)頁制作，因?yàn)榫W(wǎng)頁制作最重要的一個(gè)原則是創(chuàng)意。3.動(dòng)態(tài)網(wǎng)頁的工作原理動(dòng)態(tài)網(wǎng)頁是與靜態(tài)網(wǎng)頁相對(duì)應(yīng)的，也確實(shí)是講，網(wǎng)頁 URL的后綴是

4、.htm、.html、.shtml、.xml等靜態(tài)網(wǎng)頁的常見形動(dòng)態(tài)網(wǎng)頁制作專家式，而是以.aspx.asp、.jsp、.php、.perl、.cgi等形式為后綴，同時(shí)在動(dòng)態(tài)網(wǎng)頁網(wǎng)址中有一個(gè)標(biāo)志性的符號(hào)“?”。動(dòng)態(tài)網(wǎng)頁的工作原理與靜態(tài)網(wǎng)頁比較類似，然而在服務(wù)器端有專門大差不。服務(wù)器端接到客戶端發(fā)出的請(qǐng)求后，首先會(huì)找到所要掃瞄的動(dòng)態(tài)網(wǎng)頁文件，然后解釋執(zhí)行其中的程序代碼，將含有程序代碼的動(dòng)態(tài)網(wǎng)頁轉(zhuǎn)化為標(biāo)準(zhǔn)的靜態(tài)網(wǎng)頁，然后將靜態(tài)網(wǎng)頁發(fā)送給客戶端。三、軟硬件需求預(yù)備（1）計(jì)算機(jī)一臺(tái)（2）Dreamweaver開發(fā)工具和運(yùn)行環(huán)境（3）此網(wǎng)頁用360安全掃瞄器進(jìn)行預(yù)覽（4）圖形處理工具，如photoshop

5、。四、網(wǎng)站總體分析與設(shè)計(jì)1.網(wǎng)站介紹1.1網(wǎng)站主題：柔軟時(shí)刻小店 暖手寶1.2網(wǎng)站風(fēng)格：粉色溫暖1.3網(wǎng)站頁面結(jié)構(gòu)以及相關(guān)功能簡(jiǎn)介 本網(wǎng)頁提供者消費(fèi)者相比同類網(wǎng)站品種較多的暖手寶選擇。消費(fèi)者能在我們網(wǎng)站上查看新品，熱賣和超值特賣等各種為消費(fèi)者量身打造的寶貝。 本網(wǎng)站的設(shè)計(jì)結(jié)構(gòu)包括導(dǎo)航欄、Globallink模塊、left模塊、main模塊、tips模塊等。 具體設(shè)計(jì)：導(dǎo)航欄模塊展示我們的店名Globallink模塊：要緊是為了消費(fèi)者能在各類商品之間進(jìn)行切換Left模塊：提供者消費(fèi)者一個(gè)登錄界面和各種不同用途、風(fēng)格、價(jià)位的寶貝的選擇Main模塊：依照具體需要設(shè)計(jì)不同的界面2.網(wǎng)站大概設(shè)計(jì)綱要：1

6、.首頁2.店鋪介紹給消費(fèi)者一些我們店鋪的差不多介紹3.新品上市把新品全部展示出來供消費(fèi)者選擇4熱賣商品展示熱賣中的商品5超值特賣給消費(fèi)者提供一些性價(jià)比高的產(chǎn)品6.買家評(píng)價(jià)展示給消費(fèi)者所有其他買家對(duì)我們的評(píng)價(jià)，更具有真實(shí)性，另外提供一個(gè)供消費(fèi)者與我們溝通和提出意見的平臺(tái)。要緊代碼有7.聯(lián)系我們提供給消費(fèi)者我們的聯(lián)系方式，以便于更好的溝通和提供客戶更優(yōu)質(zhì)的服務(wù)。代碼設(shè)計(jì)： 親,你能夠24小時(shí)聯(lián)系我們的客服哦，我們會(huì)隨時(shí)為您解答您想明白的我們店鋪和產(chǎn)品相關(guān)的問題哦。 我們的客服電話是您還能夠訪問我們的網(wǎng)站留言店長(zhǎng)空間 回答專門簡(jiǎn)單的問題就能訪問哦。 8.網(wǎng)站CSS部分設(shè)計(jì)：

7、本站CSS部分的設(shè)計(jì)要緊作用：利用相應(yīng)代碼來組織各模塊之間的布局。提供一個(gè)整體上比較美觀的網(wǎng)頁設(shè)計(jì)。省去主頁中藥用代碼寫入才能改變的復(fù)雜工作。要緊代碼：（1）margin要緊用于操縱模塊之間的間距 （2）padding要緊用于模塊內(nèi)部元素的漂移（3）background用來操縱模塊的背景（4）border要緊操縱塊的邊緣和圖片等的邊框（5）font-family操縱字體（6）#要緊用于CSS中，用來找到網(wǎng)頁模塊的位置，從而進(jìn)行操縱9. . Microsoft Access數(shù)據(jù)庫的建立。9.1依次選擇菜單命令【開始】【程序】【Microsoft Access】就能夠啟動(dòng)Access2003,點(diǎn)擊

8、“文件”在下拉菜單中選擇“新建”，選擇“空數(shù)據(jù)庫”，指定后保存路徑后出現(xiàn)如下所示對(duì)話框：9.2【有用設(shè)計(jì)器創(chuàng)建表】選項(xiàng)，出現(xiàn)下圖所示對(duì)話框：講明:（1）字段名稱能夠用中文，也能夠用字母、數(shù)字和下劃線，命名規(guī)則和變量類似，考慮系統(tǒng)的兼容的問題，建議不要用中文。（2）至于數(shù)據(jù)類型，常用的有“文本”、“備注”、“數(shù)字”、“日期/時(shí)刻”、“是/否”和“自動(dòng)編號(hào)”等。其中“文本”用于比較短的字符串（最長(zhǎng)255個(gè)字符）；“備注”用于比較長(zhǎng)的字符串，最長(zhǎng)能夠容納65535個(gè)而字符；“是/否”用于布爾類型，只有True（真）或False（假）；“自動(dòng)編號(hào)”是個(gè)專門的類型，它能夠自動(dòng)的遞增或隨機(jī)產(chǎn)生一個(gè)數(shù)字，經(jīng)

9、常用它產(chǎn)生一個(gè)唯一的編號(hào)。9.3正確輸入所有字段后，單擊Access主窗口的【保存】按鈕，就會(huì)彈出下圖所示的【另存為】對(duì)話框，在其中輸入表的名稱，然后單擊【確定】按鈕即可。9.4保存表9.5雙擊【表1】能夠在表中輸入數(shù)據(jù)，當(dāng)你建表完畢后，覺得數(shù)據(jù)不合理，想修改數(shù)據(jù)也能夠雙擊【表1】進(jìn)行修改，假如想修改表的字段，就右擊【表1】，選擇“設(shè)計(jì)視圖”，就能夠進(jìn)行修改10.存取數(shù)據(jù)庫。存取數(shù)據(jù)庫是開發(fā)網(wǎng)絡(luò)程序中最重要也最常用的部分，.NET框架提供了，利用它就能夠方便的存取數(shù)據(jù)庫。準(zhǔn)確的講，是由專門多類組成的一類庫。這些類庫提供了專門多對(duì)象，分不用來完成和數(shù)據(jù)庫的連接、查詢記錄、插入記錄、更新記錄和刪除

10、記錄等操作。其中要緊包括如下5個(gè)對(duì)象。（1）Connection對(duì)象：用來連接到數(shù)據(jù)庫。（2）Command對(duì)象：用來對(duì)數(shù)據(jù)庫執(zhí)行SQL命令。（3）DataReader對(duì)象：用來從數(shù)據(jù)庫返回只讀數(shù)據(jù)。（4）DataAdapter對(duì)象：用來從數(shù)據(jù)庫返回?cái)?shù)據(jù)，并送到DataSet對(duì)象中，還要負(fù)責(zé)保證DataSet對(duì)象中的數(shù)據(jù)和數(shù)據(jù)庫中的數(shù)據(jù)保持一致。（5）DataSet對(duì)象：它能夠看做是內(nèi)存中的數(shù)據(jù)庫。有用OLEDB的數(shù)據(jù)庫，需要在頁面中導(dǎo)入相關(guān)的名稱空間：存取數(shù)據(jù)庫：（1）首先利用Connection對(duì)象建立和數(shù)據(jù)庫的連接。語法為：“Provider=OLEDB 驅(qū)動(dòng)程序；Data Source

11、=數(shù)據(jù)庫文件物理路徑”（2）然后建立Command對(duì)象，執(zhí)行SQL語句命令。（3）利用Command對(duì)象的ExecuteReader方法建立DataReader對(duì)象，從數(shù)據(jù)庫獵取數(shù)據(jù)。（4）DataReader對(duì)象返回的數(shù)據(jù)在記錄集移動(dòng)指針就可依次顯示所有記錄。（5）利用Command對(duì)象的Executenonquery()方法可插入記錄和更新記錄。（6）與數(shù)據(jù)庫相連登陸程序，當(dāng)?shù)顷懗晒r(shí)則直接跳轉(zhuǎn)到網(wǎng)站的主頁，其要緊代碼如下： Dim conn As New OleDbConnection(Provider=.4.0; Data Source= + () Dim strSql As Stri

12、ng strSql = Select * From link Where username= & & And mypassword= & & Dim cmd As New OleDbCommand(strSql, conn) () Dim dr As OleDbDataReader = () If ()=True Then () (主頁.aspx) Else () = 您必須輸入有效的用戶名和密碼，還沒注冊(cè)？ End If 當(dāng)點(diǎn)擊注冊(cè)按鈕時(shí)，跳轉(zhuǎn)到注冊(cè)頁面，要緊程序代碼如下： Protected Sub Button1_Click(ByVal sender As Object, ByVal e

13、 As ) (注冊(cè).aspx) End Sub注冊(cè)界面在數(shù)據(jù)庫中插入新注冊(cè)用戶信息要緊代碼如下： Dim strSql As String strSql = Insert Into link(username,mypassword,age,email,submit_date) Values( & user_ & , & & , & & , & & ,# & Now() & #) 當(dāng)注冊(cè)成功時(shí)，則跳回登陸界面，要緊代碼如下： Dim cmd As New OleDbCommand(strSql,conn) Dim Exp As Exception Try () () () (登陸.aspx) C

14、atch Exp = 發(fā)生錯(cuò)誤，可能是用戶名差不多被人使用。 End Try五、網(wǎng)站的運(yùn)行與實(shí)現(xiàn) 安裝Dreamweaver后，打開軟件，新建一個(gè)網(wǎng)站，將制作好的文件（后綴為html）包括建設(shè)好的css和需要添加的圖片，全部復(fù)制放到一個(gè)文件夾中，用360安全掃瞄器進(jìn)行預(yù)覽。六、網(wǎng)站建設(shè)心得體會(huì)盡管之前有上過類似課程 然而用dreamweaver制作依舊第一次，可能剛開始會(huì)感受專門困難，然而事實(shí)上只要多去琢磨一段時(shí)刻，把課本上的知識(shí)和老師講的知識(shí)結(jié)合起來，并進(jìn)行多次實(shí)際操作，就能比較好的運(yùn)用這門知識(shí)。通過對(duì)那個(gè)網(wǎng)頁的設(shè)計(jì)，了解到自身還存在專門多不足，希望能在今后的學(xué)習(xí)和生活中好好提高。在設(shè)計(jì)過程中，我了解到網(wǎng)頁設(shè)計(jì)的一些布局，連接，還