眾籌交易所網(wǎng)絡(luò)建設(shè)概述

眾籌交易所

網(wǎng)站設(shè)計(jì)概論(網(wǎng)站簡(jiǎn)略）

11總綱：一、網(wǎng)站基本知識(shí)二、網(wǎng)站設(shè)計(jì)三、網(wǎng)站的開(kāi)發(fā)流程四、常用網(wǎng)站開(kāi)發(fā)工具2一、網(wǎng)站基本知識(shí)網(wǎng)站及其組成網(wǎng)站的文件及資源網(wǎng)站的工作機(jī)制31、網(wǎng)站及其組成網(wǎng)站就是由網(wǎng)頁(yè)、圖象、聲音、動(dòng)畫及數(shù)據(jù)庫(kù)等各種服務(wù)器資源構(gòu)成的集合體。網(wǎng)站的組成部分：硬件組成：連接到網(wǎng)絡(luò)上的計(jì)算機(jī)服務(wù)器。在服務(wù)器上運(yùn)行的網(wǎng)絡(luò)操作系統(tǒng)、Web服務(wù)器、應(yīng)用程序服務(wù)器軟件等。各種信息服務(wù)的文件資源，如網(wǎng)頁(yè)文件、圖象文件、聲音文件等。對(duì)網(wǎng)站進(jìn)行管理和維護(hù)的網(wǎng)站管理人員和開(kāi)發(fā)人員等。42、網(wǎng)站文件及資源資源：靜態(tài)網(wǎng)頁(yè)：最基本的網(wǎng)站提供內(nèi)容，由HTML語(yǔ)言描述，包括文本、表格、圖象及其它內(nèi)容，每個(gè)用戶訪問(wèn)時(shí)內(nèi)容均相同。靜態(tài)網(wǎng)頁(yè)只要放在網(wǎng)站服務(wù)器的文件夾中授權(quán)用戶訪問(wèn)即可。動(dòng)態(tài)網(wǎng)頁(yè)：網(wǎng)頁(yè)內(nèi)容隨不同用戶、不同的訪問(wèn)需求而發(fā)生變化，網(wǎng)頁(yè)中不僅包含HTML代碼，同時(shí)包含在Web服務(wù)器端執(zhí)行的腳本程序代碼。通過(guò)腳本程序代碼進(jìn)行計(jì)算。網(wǎng)頁(yè)能夠訪問(wèn)服務(wù)器端的數(shù)據(jù)資源。并將結(jié)果返回給用戶。5圖象文件：如圖象、動(dòng)畫，.gif、jpg、bmp、tif類文件等，可以作為網(wǎng)頁(yè)中的插圖、網(wǎng)頁(yè)的背景圖片，極大改善了網(wǎng)頁(yè)的顯示效果。數(shù)據(jù)庫(kù)：當(dāng)網(wǎng)站要通過(guò)動(dòng)態(tài)網(wǎng)頁(yè)提供各種服務(wù)時(shí)，通常要利用數(shù)據(jù)庫(kù)來(lái)保存數(shù)據(jù)并提供數(shù)據(jù)服務(wù)。例如電子商務(wù)、BBS等。其它文件：聲音、動(dòng)畫、流媒體資源等，可嵌入到網(wǎng)頁(yè)或以超級(jí)鏈接方式下載到用戶端執(zhí)行。如swf、wma、rm、avi等。63、網(wǎng)站的工作機(jī)制當(dāng)用戶瀏覽器通過(guò)網(wǎng)絡(luò)向網(wǎng)站發(fā)出請(qǐng)求時(shí)，網(wǎng)站的Web服務(wù)器會(huì)根據(jù)瀏覽器請(qǐng)求的頁(yè)面是靜態(tài)、動(dòng)態(tài)網(wǎng)頁(yè)而采取不同的處理機(jī)制。靜態(tài)網(wǎng)頁(yè)的處理機(jī)制：網(wǎng)站的Web服務(wù)器只是簡(jiǎn)單地將頁(yè)面發(fā)送到請(qǐng)求的瀏覽器。動(dòng)態(tài)網(wǎng)頁(yè)的處理機(jī)制：Web服務(wù)器將控制權(quán)轉(zhuǎn)交給應(yīng)用程序服務(wù)器，應(yīng)用程序服務(wù)器解釋執(zhí)行網(wǎng)頁(yè)中包含的服務(wù)器端腳本代碼，并根據(jù)腳本代碼的要求訪問(wèn)數(shù)據(jù)庫(kù)等服務(wù)器端資源，最后將計(jì)算結(jié)果轉(zhuǎn)變?yōu)闃?biāo)準(zhǔn)的HTML文件代碼，由Web服務(wù)器將文件發(fā)送到瀏覽器。78

電子商務(wù)網(wǎng)站開(kāi)發(fā)技術(shù)1、電子商務(wù)網(wǎng)站的體系結(jié)構(gòu)瀏覽器Web服務(wù)器Web應(yīng)用服務(wù)器數(shù)據(jù)庫(kù)服務(wù)器企業(yè)信息系統(tǒng)數(shù)據(jù)存取層應(yīng)用邏輯層用戶界面層HTTP應(yīng)答HTTP請(qǐng)求92、客戶端技術(shù)

HTML技術(shù)JavaScript技術(shù)CSS技術(shù)XML技術(shù)WAP與WML技術(shù)103、服務(wù)器器端技術(shù)術(shù)ASP技術(shù)PHP技術(shù)JSP技術(shù)1112二、網(wǎng)站站設(shè)計(jì)網(wǎng)站的定定位站點(diǎn)風(fēng)格格網(wǎng)站的CI形象網(wǎng)站的欄欄目和版版塊網(wǎng)站目錄錄和鏈接接結(jié)構(gòu)131、網(wǎng)站的的定位一個(gè)網(wǎng)站站要有明確的目目標(biāo)定位位，只有定定位準(zhǔn)確確、目標(biāo)標(biāo)鮮明，，才可能能作出切切實(shí)可行行的計(jì)劃劃，按部部就班地地進(jìn)行設(shè)設(shè)計(jì)。網(wǎng)站的目目標(biāo)定位位可體現(xiàn)現(xiàn)在三個(gè)個(gè)方面：：題材和內(nèi)內(nèi)容：應(yīng)緊扣扣主題，，并突出出個(gè)性和和特色。。定位要要準(zhǔn)確，，內(nèi)容要要精，不不能過(guò)于于寬泛，，更不能能包羅萬(wàn)萬(wàn)象，漫漫無(wú)邊際際。網(wǎng)站域名名網(wǎng)站名稱稱：申請(qǐng)好好記的域域名和命命名一個(gè)個(gè)別致的的網(wǎng)站名名稱對(duì)網(wǎng)網(wǎng)站的形形象和宣宣傳推廣廣有很大大影響。。如：搜搜狐、新新浪、網(wǎng)網(wǎng)易、263等。142、網(wǎng)站的的風(fēng)格風(fēng)格指的是站站點(diǎn)的整整體形象象給瀏覽覽者的綜綜合感受受，包括括版面布布局、瀏瀏覽方式式、交互互性和文文字等諸諸多因素素。網(wǎng)站風(fēng)格格要體現(xiàn)現(xiàn)自己的的特色，，獨(dú)樹一一幟。通過(guò)網(wǎng)站站的某一一點(diǎn)，如如文字、、色彩、、技術(shù)等等，能讓讓瀏覽者者明確分分辨出此此部分就就是網(wǎng)站站所獨(dú)有有的。注意：風(fēng)格建立立在有價(jià)價(jià)值的內(nèi)內(nèi)容之上上。網(wǎng)站站有風(fēng)格格而無(wú)內(nèi)內(nèi)容，是是不行的的，必須須保證內(nèi)內(nèi)容的質(zhì)質(zhì)量和價(jià)價(jià)值性；；清楚自己己希望戰(zhàn)戰(zhàn)點(diǎn)留給給瀏覽者者的印象象。153、網(wǎng)站的的CI形象CI(corporateidentity)：通過(guò)視視覺(jué)來(lái)統(tǒng)統(tǒng)一企業(yè)業(yè)的形象象。包括括：標(biāo)志志、色彩彩、字體體和標(biāo)語(yǔ)語(yǔ)。網(wǎng)站的CI形象設(shè)計(jì)計(jì)包括：設(shè)計(jì)網(wǎng)站站的標(biāo)志志(logo)：logo是一個(gè)網(wǎng)網(wǎng)站的特特色和內(nèi)內(nèi)涵的集集中體現(xiàn)現(xiàn)，必須須設(shè)計(jì)并并制作網(wǎng)網(wǎng)站的標(biāo)標(biāo)志。標(biāo)標(biāo)志的設(shè)設(shè)計(jì)、創(chuàng)創(chuàng)意來(lái)自自該網(wǎng)站站的名稱稱和內(nèi)容容，讓瀏瀏覽者一一看到標(biāo)標(biāo)志就聯(lián)聯(lián)想到這這個(gè)網(wǎng)站站。設(shè)計(jì)網(wǎng)站站的標(biāo)準(zhǔn)準(zhǔn)色彩：不同的色色彩搭配配產(chǎn)生不不同的效效果，并并可能影影響到訪訪問(wèn)者的的情緒。。標(biāo)準(zhǔn)色彩彩是指能能體現(xiàn)網(wǎng)網(wǎng)站形象象和延伸伸內(nèi)涵的的色彩，，主要用用于標(biāo)志志、標(biāo)題題、主菜菜單和主主色塊。。適合于網(wǎng)網(wǎng)頁(yè)標(biāo)準(zhǔn)準(zhǔn)色：藍(lán)藍(lán)色、黃黃/橙色、黑黑/灰/白等16設(shè)計(jì)準(zhǔn)則則：設(shè)計(jì)網(wǎng)站站標(biāo)準(zhǔn)字字體：是指用于于標(biāo)志、、標(biāo)題和和主菜單單的特有有字體。。設(shè)計(jì)網(wǎng)站站宣傳標(biāo)標(biāo)語(yǔ)：最好用一一句話甚甚至是一一個(gè)詞來(lái)來(lái)高度概概括174、網(wǎng)站的的欄目和和版塊制作網(wǎng)頁(yè)頁(yè)前，一一定要先先規(guī)劃好好網(wǎng)站，，確定合合理的欄目和版版塊。欄目實(shí)質(zhì)上是是一個(gè)突突出顯示示網(wǎng)站主主題的大大綱索引引。設(shè)計(jì)網(wǎng)站站的欄目目時(shí)應(yīng)考考慮以下下內(nèi)容：：緊扣網(wǎng)站站的主題題一般做法法是將網(wǎng)網(wǎng)站主題題按一定定的方法法分類并并將其作作為網(wǎng)站站的主欄欄目，且且主題欄欄目個(gè)數(shù)數(shù)在總數(shù)數(shù)上要占占絕對(duì)優(yōu)優(yōu)勢(shì)。設(shè)計(jì)一個(gè)個(gè)最近更更新或網(wǎng)網(wǎng)站指南南欄目若主頁(yè)未未安排版版面放置置最新更更新內(nèi)容容信息，，需設(shè)置置一個(gè)““最新更更新”欄欄目，若若主頁(yè)層層次較多多，又無(wú)無(wú)站內(nèi)搜搜索引擎擎，則應(yīng)應(yīng)設(shè)置一一個(gè)“站站點(diǎn)指南南”欄目目設(shè)定一個(gè)個(gè)可以雙雙向交流流的欄目目設(shè)定論壇壇、留言言簿或郵郵件列表表等，讓讓瀏覽者者留下信信息或建建議等。。版塊的概念比比欄目大大，每一一個(gè)版塊塊都有自自己的欄欄目。設(shè)設(shè)置版塊塊時(shí)，注注意各版版塊要相相對(duì)獨(dú)立立，相互互關(guān)聯(lián)，，且版塊塊的內(nèi)容容要圍繞繞站點(diǎn)的的主題。。185、網(wǎng)站的的目錄和和鏈接結(jié)結(jié)構(gòu)網(wǎng)站目錄錄是指建立立網(wǎng)站時(shí)時(shí)創(chuàng)建的的目錄，，站點(diǎn)上上的所有有網(wǎng)頁(yè)及及相關(guān)資資源都分分門別類類、有序序地存放放在目錄錄中。目錄結(jié)構(gòu)構(gòu)好壞對(duì)對(duì)瀏覽者者沒(méi)有太太大影響響，但對(duì)對(duì)站點(diǎn)本本身的上上傳維護(hù)護(hù)，內(nèi)容容擴(kuò)充和和移植有有重要影影響。19網(wǎng)站注意意事項(xiàng)：：建議：不要將所所有文件件都存放放在根目目錄下，會(huì)造成成文件管管理混亂亂，上傳傳速度慢慢等。應(yīng)應(yīng)盡量減減少根目目錄下的的文件數(shù)數(shù)；按欄目?jī)?nèi)內(nèi)容建立立子目錄錄：子目錄的的建立應(yīng)應(yīng)基于主主菜單欄欄目；需需要經(jīng)常常更新的的欄目，，可建立立獨(dú)立的的子目錄錄，相關(guān)關(guān)性強(qiáng)，，不需經(jīng)經(jīng)常更新新的欄目目，可合合并放在在一個(gè)統(tǒng)統(tǒng)一的子子目錄下下。所有程序序文件應(yīng)應(yīng)放在特特定目錄錄下所有需要要下載的的文件最最好放在在一個(gè)目目錄下在每個(gè)主主目錄下下都建立立images目錄目錄的層層次不要要太深，，一般不超超過(guò)三層層；20三、網(wǎng)站站的開(kāi)發(fā)發(fā)流程網(wǎng)站的開(kāi)開(kāi)發(fā)人員員（由一個(gè)個(gè)集體來(lái)來(lái)完成））主導(dǎo)網(wǎng)站站開(kāi)發(fā)的的單位和和客戶項(xiàng)目負(fù)責(zé)責(zé)人美術(shù)動(dòng)畫畫設(shè)計(jì)人人員程序設(shè)計(jì)計(jì)師維護(hù)人員員網(wǎng)站開(kāi)發(fā)發(fā)的流程程定義站點(diǎn)點(diǎn)建立網(wǎng)站站結(jié)構(gòu)設(shè)計(jì)和制制作主頁(yè)頁(yè)其它頁(yè)面面制作測(cè)試頁(yè)面面發(fā)布和維維護(hù)211、定義站站點(diǎn)明確建立網(wǎng)站站的目的，確定網(wǎng)站提供供的內(nèi)容，及搜集網(wǎng)站資料。建立網(wǎng)站站目的很很多，如如銷售產(chǎn)產(chǎn)品、樹樹立形象象、提供供信息或或游戲娛娛樂(lè)等。。目的一定定要明確確，否則會(huì)會(huì)影響到到以后的的設(shè)計(jì)。。確定建立立網(wǎng)站的的目的：：需要參與與網(wǎng)站設(shè)設(shè)計(jì)的各各單位及及成員一起構(gòu)思思，討論論，取得得共識(shí)后確保開(kāi)開(kāi)發(fā)過(guò)程程不會(huì)發(fā)發(fā)生爭(zhēng)議議，能夠夠有效地地進(jìn)行網(wǎng)網(wǎng)站建設(shè)設(shè)。22網(wǎng)站概述述：確定網(wǎng)站站內(nèi)容：：網(wǎng)站內(nèi)容容必須按按照網(wǎng)站站目的來(lái)來(lái)選擇且且不能有有內(nèi)容越越多越好好的思想想。應(yīng)該有所所側(cè)重，與網(wǎng)站站主題有有關(guān)的內(nèi)內(nèi)容選擇擇相對(duì)多多一點(diǎn)。。進(jìn)行資料料的搜集集：主要指指文本、、圖片、、動(dòng)畫及及背景音音樂(lè)等。。設(shè)計(jì)企企業(yè)網(wǎng)站站時(shí)，一一般由客客戶提供供大部分分資料，，然后對(duì)對(duì)資料進(jìn)進(jìn)行整理理和篩選選。232、建立網(wǎng)網(wǎng)站結(jié)構(gòu)構(gòu)規(guī)劃出網(wǎng)站的外觀及工工作方式式；第一步就就是建立立網(wǎng)站結(jié)結(jié)構(gòu)流程程圖，圖中應(yīng)應(yīng)包括網(wǎng)網(wǎng)站的所所有關(guān)鍵鍵頁(yè)面及及與其它它網(wǎng)頁(yè)的的關(guān)系，，技術(shù)要要點(diǎn)和主主要的鏈鏈接也應(yīng)應(yīng)在其中中。建立結(jié)構(gòu)構(gòu)時(shí)，可可先繪制制網(wǎng)站結(jié)結(jié)構(gòu)的草草圖，將將所希望望的網(wǎng)頁(yè)頁(yè)內(nèi)容全全部加入入進(jìn)去，，然后與與其它開(kāi)開(kāi)發(fā)人員員一起研研究討論論，最后確定定網(wǎng)站結(jié)結(jié)構(gòu)圖注意事項(xiàng)項(xiàng)：網(wǎng)頁(yè)的瀏瀏覽線路路是否流流暢，是是否能夠夠引導(dǎo)瀏瀏覽者正正確地瀏瀏覽等243、設(shè)計(jì)和和制作主主頁(yè)對(duì)于一個(gè)個(gè)網(wǎng)站來(lái)來(lái)說(shuō)，主主頁(yè)是至至關(guān)重要要。主頁(yè)制作作要先繪繪制一張張草圖，，圖中應(yīng)應(yīng)包括網(wǎng)網(wǎng)站標(biāo)志志、廣告告條、菜菜單欄、、友情鏈鏈接等基基本部件件，且根根據(jù)部件件重要性性合理布布置。主頁(yè)內(nèi)容容一般是是比較概概括性文文字，只只是起一一個(gè)引導(dǎo)導(dǎo)性作用用，文字字不應(yīng)太太多。制作主頁(yè)頁(yè)時(shí)不要要使用太太多或容容量太大大的圖片片和動(dòng)畫畫。太大大將影響響傳輸速速度。254、其它頁(yè)面制制作：其它頁(yè)面沒(méi)有有主頁(yè)復(fù)雜，，但方法相同同。需要注意的問(wèn)問(wèn)題：和主頁(yè)保持相相同的風(fēng)格要有返回主頁(yè)頁(yè)的鏈接目錄結(jié)構(gòu)不要要超過(guò)三層265、測(cè)試頁(yè)面主要包括網(wǎng)頁(yè)的測(cè)試及及網(wǎng)站的驗(yàn)證證與調(diào)試；測(cè)試網(wǎng)頁(yè)：兼容性測(cè)試：：檢查瀏覽器版版本的兼容性性鏈接測(cè)試：檢查鏈接是否否有效和正確確實(shí)地測(cè)試：將網(wǎng)頁(yè)上傳到到Web服務(wù)器，測(cè)試試鏈接，下載載速度等。27網(wǎng)站的磨合：：網(wǎng)站的驗(yàn)證與與測(cè)試：盡最大努力找找出網(wǎng)站的所所有錯(cuò)誤。注意網(wǎng)站的可可瀏覽性，在在不同瀏覽器器中瀏覽的效效果有所差異異。最好在幾幾個(gè)不同的瀏瀏覽器及不同同版本中瀏覽覽測(cè)試。28幾種常見(jiàn)的頁(yè)頁(yè)面布局樣式式：“廠”字型主菜單以及橫橫條網(wǎng)站標(biāo)志志+廣告條主菜單顯示內(nèi)容“廠”字型29幾種常見(jiàn)的頁(yè)頁(yè)面布局樣式式：“口”字型主菜單廣告條主要內(nèi)容友情鏈接等30幾種常見(jiàn)的頁(yè)頁(yè)面布局樣式式：自由式，又稱稱POP布局頁(yè)面布局像一一張宣傳海報(bào)報(bào)，以一張精精美圖片作為為頁(yè)面的設(shè)計(jì)計(jì)中心，菜單單欄目自由擺擺放。316、發(fā)布和維護(hù)護(hù)網(wǎng)站在服務(wù)器器上發(fā)布上傳網(wǎng)站常用軟件：CuteFTPFlashFXPLeapFTPWS_FTP等發(fā)布網(wǎng)站以后后，還需要對(duì)對(duì)網(wǎng)站做定期期維護(hù)，如內(nèi)內(nèi)容更新和版版面擴(kuò)展等。。32四、常用網(wǎng)站站開(kāi)發(fā)工具FrontPage：Mi