網(wǎng)站開發(fā)研究畢業(yè)論文

1 第一章 網(wǎng)站的基礎(chǔ)知識(shí) 1.1 網(wǎng)站設(shè)計(jì)基礎(chǔ)知識(shí) 一、確定網(wǎng)站主題 制作網(wǎng)站前，首先必須要解決的就是網(wǎng)站內(nèi)容問題，即確定網(wǎng)站的主題。網(wǎng)站主題分類有：網(wǎng)上求職、網(wǎng)上聊天、網(wǎng)上社區(qū)、計(jì)算機(jī)技術(shù)、娛樂網(wǎng)站、旅行、資訊、教育、生活時(shí)尚等。我們可以參看上面的分類，繼續(xù)細(xì)分。如果自己在某些方面有興趣，或掌握的資料較多，也可以做一個(gè)自己感興趣的東西，一者，你可以有自己的見解，做出自己的特色；二者，在制作網(wǎng)站時(shí)不會(huì)覺得無聊或者力不從心。興趣是制作網(wǎng)站的動(dòng)力，沒有創(chuàng)作熱情，很難設(shè)計(jì)制作出優(yōu)秀的作品。 對(duì)于內(nèi)容主題的選 擇，要做到小而精，主題定位要小，內(nèi)容要精。不要去試圖制作一個(gè)包羅萬象的站點(diǎn)，這往往會(huì)失去網(wǎng)站的特色，也會(huì)帶來高強(qiáng)度的勞動(dòng)，給網(wǎng)站的及時(shí)更新帶來困難。記?。涸诨ヂ?lián)網(wǎng)上只有第一，沒有第二！ 二、選擇好域名 域名是網(wǎng)站在互聯(lián)網(wǎng)上的名字。一個(gè)好域名是互聯(lián)網(wǎng)最有價(jià)值的不動(dòng)產(chǎn)、是網(wǎng)絡(luò)時(shí)代暢行無阻的通行證、是企業(yè)固有品牌的延伸和增值、能讓企業(yè)節(jié)約大量的宣傳費(fèi)用、能讓企業(yè)留住和吸引更多客戶、能讓客戶和潛在客戶更容易記住、保證品牌價(jià)值不流失更提升企業(yè)形象、能增加企業(yè)凝聚力和對(duì)客戶的親和力、能讓企業(yè)避免客戶和潛在客戶流失。價(jià) 格是傳統(tǒng)媒體廣告費(fèi)用微不足道的，卻涵蓋數(shù)十億的受眾！能使企業(yè)在傳統(tǒng)媒體的廣告投入延伸到網(wǎng)絡(luò)世界！卻無須增加太多費(fèi)用！精明的企業(yè)家比我們更能意識(shí)到一個(gè)好域名的實(shí)際價(jià)值！ 三、掌握建網(wǎng)工具 2 網(wǎng)絡(luò)技術(shù)的發(fā)展帶動(dòng)了軟件業(yè)的發(fā)展，所以用于制作 Web 頁(yè)面的工具軟件也越來越豐富。從最基本的 HTML 編輯器到現(xiàn)在非常流行的Flash 互動(dòng)網(wǎng)頁(yè)制作工具，各種各樣的 Web 頁(yè)面制作工具，常用的網(wǎng)頁(yè)制作軟件有 Macromedia Dreamweaver 所見即所得的網(wǎng)頁(yè)編輯器。它具有所見即所得的特點(diǎn)，設(shè)計(jì)與最終發(fā)布效果基本一樣，操作 簡(jiǎn)單，熟知 Word 功能的操作者，只要稍加學(xué)習(xí)就能輕松上手。而且， Macromedia Dreamweaver 還能在代碼和設(shè)計(jì)界面進(jìn)行編輯網(wǎng)頁(yè)。 另外，網(wǎng)站制作者還需了解 W3C 的 HTML4.0 規(guī)范、 CSS 層疊樣式表的基本知識(shí)、 JScript、 VBScript 的基本知識(shí)。對(duì)于常用的一些腳本程序如 ASP、 CGI、 PHP 也要有適當(dāng)了解，還要熟練使用圖形處理工具和動(dòng)畫制作工具以及矢量繪圖工具，并能部分了解多種圖形圖像動(dòng)畫工具的基本用法，熟練使用 FTP 工具以及擁有相應(yīng)的軟硬件和網(wǎng)絡(luò)知識(shí)。當(dāng)然，互聯(lián)網(wǎng)還是一個(gè)免費(fèi)的資料庫(kù) 。編制網(wǎng)頁(yè)需要多種多樣的按鈕、背景還有各種各樣圖形、圖片。如果這些都要靠自己完成，既浪費(fèi)時(shí)間又浪費(fèi)金錢，而且還需要強(qiáng)大的圖形、圖片制作技術(shù)。所以，為了省卻這些麻煩，網(wǎng)站制作者完全可以從網(wǎng)上下載各種精美實(shí)用的圖片、按鈕、背景等網(wǎng)頁(yè)素材。 四、確定網(wǎng)站界面 界面就是網(wǎng)站給瀏覽者的第一印象，往往決定著網(wǎng)站的可看性，在確定網(wǎng)站的界面時(shí)要注意以下三點(diǎn)： 、欄目與板塊編排 盡可能刪除那些與主題無關(guān)的欄目； 盡可能將網(wǎng)站內(nèi)最有價(jià)值的內(nèi)容列在欄目上； 盡可能從訪問者角度來編排欄目以方便訪問者的瀏覽 3 和查詢；輔助內(nèi)容，如站點(diǎn)簡(jiǎn)介、版權(quán)信息、個(gè)人信息等大可不必放在主欄目里，以免沖淡主題。 各板塊要有相對(duì)獨(dú)立性； 各板塊要有相互關(guān)聯(lián)； 各板塊的內(nèi)容要圍繞站點(diǎn)主題； 、目錄結(jié)構(gòu)與鏈接結(jié)構(gòu) 不要將所有文件都存放在根目錄下。有網(wǎng)站制作者為了方便，將所有文件都放在根目錄下。這樣就很容易造成：文件管理混亂，搞不清哪些文件需要編輯和更新，哪些無用的文件可以刪除，哪些是相關(guān)聯(lián)的文件，影響工作效率；上傳速度變慢，服務(wù)器一般都會(huì)為根目錄建立一個(gè)文件索引，如果將所有文件都放在根目錄下，那么即使只上傳 更新一個(gè)文件，服務(wù)器也需要將所有文件再檢索一遍，建立新的索引文件，很明顯，文件量越大，等待的時(shí)間也將越長(zhǎng)。 按欄目?jī)?nèi)容建立子目錄。子目錄的建立，首先按主欄目建立。內(nèi)容較多，需要經(jīng)常更新的可以建立獨(dú)立的子目錄。而一些相關(guān)性強(qiáng)，不需要經(jīng)常更新的欄目，例如：網(wǎng)站簡(jiǎn)介、聯(lián)系方式等可以合并放在一個(gè)統(tǒng)一目錄下。所有程序一般都存放在特定目錄，所有提供下載的內(nèi)容也最好放在一個(gè)目錄下，便于維護(hù)管理。 在每個(gè)主目錄下都建立獨(dú)立的 Images 目錄。一般來說，一個(gè)站點(diǎn)根目錄下都有一個(gè)默認(rèn)地 Images 目錄。將所有圖片都 存放在這個(gè)目錄里很是不方便，比如在欄目刪除時(shí)，圖片的管理相當(dāng)麻煩。所以為每個(gè)主欄目建立一個(gè)獨(dú)立的 Images 目 4 錄是方便管理的。原因很簡(jiǎn)單，就是方便維護(hù)與管理。 其它需要注意的還有：目錄的層次不要太深，不要超過 3 層；不要使用中文目錄，使用中文目錄可能對(duì)網(wǎng)址的正確顯示造成困難；不要使用過長(zhǎng)的目錄，太長(zhǎng)的目錄名不便于記憶；盡量使用意義明確的目錄，以便于記憶和管理。網(wǎng)站的鏈接結(jié)構(gòu)是指頁(yè)面之間相互鏈接的拓?fù)浣Y(jié)構(gòu)。它建立在目錄結(jié)構(gòu)基礎(chǔ)之上，但可以跨越目錄。形象的說：每個(gè)頁(yè)面都是一個(gè)固定點(diǎn)，鏈接則是在兩個(gè)固定點(diǎn)之間的連線 。一個(gè)點(diǎn)可以和一個(gè)點(diǎn)連接，也可以和多個(gè)點(diǎn)連接。更重要的是，這些點(diǎn)并不是分布在一個(gè)平面上，而是存在于一個(gè)立體的空間中。一般的，建立網(wǎng)站的鏈接結(jié)構(gòu)有兩種基本方式： 樹狀鏈接結(jié)構(gòu)（一對(duì)一），這類似 DOS 的目錄結(jié)構(gòu)，首頁(yè)鏈接指向一級(jí)頁(yè)面，一級(jí)頁(yè)面鏈接指向二級(jí)頁(yè)面。這樣的鏈接結(jié)構(gòu)瀏覽時(shí)，一級(jí)級(jí)進(jìn)入，一級(jí)級(jí)退出，條理比較清晰，訪問者明確知道自己在什么位置，不會(huì)“不知身在何處”，但是瀏覽效率低，一個(gè)欄目下的子頁(yè)面到另一個(gè)欄目下的子頁(yè)面，必須回到首頁(yè)再進(jìn)行。 星狀鏈接結(jié)構(gòu)（一對(duì)多），類似網(wǎng)絡(luò)服務(wù)器的鏈接，每個(gè)頁(yè)面相 互之間都建立有鏈接。這樣瀏覽比較方便，隨時(shí)可以到達(dá)自己喜歡的頁(yè)面。但是由于鏈接太多，容易使瀏覽者迷路，搞不清自己在什么位置，看了多少內(nèi)容。 因此，在實(shí)際的網(wǎng)站設(shè)計(jì)中，總是將這兩種結(jié)構(gòu)混合起來使用。網(wǎng)站希望瀏覽者既可以方便快速地達(dá)到自己需要的頁(yè)面，又可以清晰地知道自己的位置。所以，最好的辦法是：首頁(yè)和一級(jí)頁(yè)面之間用星狀鏈接結(jié)構(gòu)，一級(jí)和二級(jí)頁(yè)面之間用樹狀鏈接結(jié)構(gòu)。關(guān)于鏈接結(jié)構(gòu)的設(shè)計(jì)，在實(shí)際的網(wǎng)頁(yè)制作中是非常重要一環(huán)，采用什么樣的鏈接結(jié)構(gòu) 5 直接影響到版面的布局。 進(jìn)行形象設(shè)計(jì) 網(wǎng)站的設(shè)計(jì)可以從以下幾點(diǎn)出發(fā)： 設(shè)計(jì)網(wǎng)站標(biāo)志 (LOGO)。 LOGO 是指網(wǎng)站的標(biāo)志，標(biāo)志可以是中文、英文字母，也可以是符號(hào)、圖案等。標(biāo)志的設(shè)計(jì)創(chuàng)意應(yīng)當(dāng)來自網(wǎng)站的名稱和內(nèi)容。比如：網(wǎng)站內(nèi)有代表性的人物、動(dòng)物、植物，可以用它們作為設(shè)計(jì)的藍(lán)本，加以卡通化或者藝術(shù)化；專業(yè)網(wǎng)站可以以本專業(yè)有代表的物品作為標(biāo)志。最常用和最簡(jiǎn)單的方式是用自己網(wǎng)站的英文名稱作標(biāo)志，采用不同的字體、字母的變形、字母的組合可以很容易制作好自己的標(biāo)志。 設(shè)計(jì)網(wǎng)站色彩。網(wǎng)站給人的第一印象來自視覺沖擊，不同的色彩搭配產(chǎn)生不同的效果，并可能影響到訪問者的情緒?！皹?biāo)準(zhǔn)色彩”是指能體現(xiàn)網(wǎng)站型象和延伸內(nèi)涵的色彩，要用于網(wǎng)站的標(biāo)志，標(biāo)題，主菜單和主色塊。給人以整體統(tǒng)一的感覺。至于其它色彩也可以使用，但應(yīng)當(dāng)只是作為點(diǎn)綴和襯托，絕不能喧賓奪主。一般來說，一個(gè)網(wǎng)站的標(biāo)準(zhǔn)色彩不超過 3 種，太多則讓人眼花繚亂。適合于網(wǎng)頁(yè)標(biāo)準(zhǔn)色的顏色有：藍(lán)色，黃 /橙色，黑 /灰 /白色三大系列色。 設(shè)計(jì)網(wǎng)站字體。和標(biāo)準(zhǔn)色彩一樣，標(biāo)準(zhǔn)字體是指用于標(biāo)志，標(biāo)題，主菜單的特有字體。一般網(wǎng)頁(yè)默認(rèn)的字體是宋體。為了體現(xiàn)站點(diǎn)的“與眾不同”和特有風(fēng)格，可以根據(jù)需要選擇一些特別字體。制作者可以根據(jù)自己網(wǎng)站所表達(dá)的內(nèi)涵，選擇更貼切的 字體。需要說明的是：使用非默認(rèn)字體只能用圖片的形式，因?yàn)楹芸赡転g覽者的計(jì)算機(jī)里沒有安裝特別字體，那么辛苦設(shè)計(jì)制作便可能付之東流了。 設(shè)計(jì)網(wǎng)站宣傳語(yǔ)。也可以說是網(wǎng)站的精神、主題與中心，或者 6 是網(wǎng)站的目標(biāo)，用一句話或者一個(gè)詞來高度概括。用富有氣勢(shì)的話或詞語(yǔ)來概括網(wǎng)站，進(jìn)行對(duì)外宣傳，可以收到比較好的結(jié)果。 五、確定網(wǎng)站風(fēng)格 “風(fēng)格”是抽象的，是指站點(diǎn)的整體形象給瀏覽者的綜合感受。這個(gè)“整體形象”包括站點(diǎn)的 CI（標(biāo)志，色彩，字體，標(biāo)語(yǔ)）、版面布局、瀏覽方式、交互性、文字、語(yǔ)氣、內(nèi)容價(jià)值等等諸多因素，網(wǎng)站可以是平易 近人的、生動(dòng)活潑的也可以是專業(yè)嚴(yán)肅的。不管是色彩、技術(shù)、文字、布局，還是交互方式，只要你能由此讓瀏覽者明確分辨出這是你網(wǎng)站獨(dú)有的，這就形成了網(wǎng)站的“風(fēng)格”。 風(fēng)格是有人性的，通過網(wǎng)站的色彩、技術(shù)、文字、布局、交互方式可以概括出一個(gè)站點(diǎn)的個(gè)性：是粗獷豪放的，還是清新秀麗的；是溫文儒雅的，還是執(zhí)著熱情的；是活潑易變的，還是墨守成規(guī)的。 總之，有風(fēng)格的網(wǎng)站與普通網(wǎng)站的區(qū)別在于：在普通網(wǎng)站上你看到的只是堆砌在一起的信息，你只能用理性的感受來描述，比如信息量多少，瀏覽速度快慢等；在有風(fēng)格的網(wǎng)站上你可以獲得除內(nèi)容之 外的更感性的認(rèn)識(shí)，比如站點(diǎn)的品位，對(duì)瀏覽者的態(tài)度等。 在明確自己想給人以怎樣的印象后，要找出網(wǎng)站中最有特色的東西，就是最能體現(xiàn)網(wǎng)站風(fēng)格的東西。并以它作為網(wǎng)站的特色加以重點(diǎn)強(qiáng)化、宣傳?？傊?，風(fēng)格的形成不是一次定位的，你可以在實(shí)踐中不斷強(qiáng)化、調(diào)整、改進(jìn)。 六、有創(chuàng)意的內(nèi)容選擇 好的內(nèi)容選擇需要有好的創(chuàng)意，作為網(wǎng)頁(yè)設(shè)計(jì)制作者，最苦惱的就是沒有好的內(nèi)容創(chuàng)意。網(wǎng)絡(luò)上的最多的創(chuàng)意即是來自于虛擬同現(xiàn)實(shí)的結(jié)合。創(chuàng)意的目的是為了更好的宣傳與推廣網(wǎng)站，如果創(chuàng)意很好， 7 卻對(duì)網(wǎng)站發(fā)展毫無意義，那么，網(wǎng)站設(shè)計(jì)制作者也應(yīng)當(dāng)放棄這個(gè)創(chuàng) 意。另外，主頁(yè)內(nèi)容是網(wǎng)站的根本之所在，如果內(nèi)容空洞，即使頁(yè)面制作地再怎樣精美，仍然不會(huì)有多少用戶。從根本上說，網(wǎng)站內(nèi)容仍然左右著網(wǎng)站流量，內(nèi)容為王（ Content Is King）依然是個(gè)人網(wǎng)站成功的關(guān)鍵。 七、推廣自己的網(wǎng)站 網(wǎng)站的營(yíng)銷推廣在個(gè)人網(wǎng)站的運(yùn)行中也占著重要的地位，在推廣個(gè)人網(wǎng)站之前，請(qǐng)確保已經(jīng)做好了以下內(nèi)容：網(wǎng)站信息內(nèi)容豐富、準(zhǔn)確、及時(shí)；網(wǎng)站技術(shù)具有一定專業(yè)水準(zhǔn)，網(wǎng)站的交互性能良好。一般來說，網(wǎng)站的推廣有以下幾種方式： （ 1）搜索引擎注冊(cè)與搜索目錄登錄技巧 注冊(cè)著名的搜索引擎站點(diǎn)是在技術(shù) 上推廣網(wǎng)站的第一步。注冊(cè)搜索引擎有一定的技巧，像 百度這樣的搜索引擎，它自動(dòng)收錄提交的網(wǎng)址。另外，注意關(guān)鍵字的使用，不要提交分欄 Frame頁(yè)面，大部分搜索引擎不識(shí)別 Frame，所以一定要提交有內(nèi)容的 Main頁(yè)面。 而像 Yahoo、搜狐等搜索目錄網(wǎng)站采用手工方式收錄網(wǎng)址，以保證收錄網(wǎng)站的質(zhì)量，在分類查詢時(shí)獲得的信息相關(guān)性比搜索引擎站點(diǎn)更強(qiáng)。由于搜索目錄網(wǎng)站收錄網(wǎng)站的人為因素相對(duì)較多，因此在提交網(wǎng)站時(shí)要注意遵守規(guī)則。如 Yahoo 要求注冊(cè)站點(diǎn)描述不超過 25 個(gè)單詞。在此要注意：將網(wǎng)址提交到 最合適的目錄下面，要認(rèn)真詳細(xì)的介紹網(wǎng)站，千萬不要有虛假、夸張的成分。 （ 2）廣告交換技巧 很多站點(diǎn)在相互廣告交換時(shí)都提出了幾個(gè)條件：第一，訪問量相 8 當(dāng)；第二，首頁(yè)交換。顯而易見，這種做法是為了充分利用廣告交換。以很多網(wǎng)站的經(jīng)驗(yàn)，當(dāng)與一個(gè)站點(diǎn)交換鏈接時(shí)，對(duì)方把網(wǎng)站的 LOGO 放到了友情連接一頁(yè)，而不是首頁(yè)時(shí)，很少有訪客會(huì)來自那里。通常在首頁(yè)，廣告交換才會(huì)有很好的效果。 （ 3）目標(biāo)電子郵件推廣 使用電子郵件宣傳網(wǎng)址時(shí)，主要有如下技巧：可以使用免費(fèi)郵件列表來進(jìn)行，只要你申請(qǐng)了免費(fèi)郵件列表服務(wù)，你就可以利用郵件列表來推廣你的網(wǎng)站；可以通過收集的特定郵件地址，來發(fā)送信息到特定的網(wǎng)絡(luò)群體，在特定網(wǎng)絡(luò)群體中推廣自己的網(wǎng)站；發(fā)送 HTML 格式的郵件，即使其內(nèi)容與接收者關(guān)系不大，也不會(huì)被當(dāng)作垃圾信件馬上刪掉，人們至少會(huì)留意一下發(fā)送者的地址。不過，在進(jìn)行郵件推廣的時(shí)候要注意網(wǎng)絡(luò)道德。 1.2 網(wǎng)站發(fā)布 網(wǎng)站制作完成以后，需要發(fā)布網(wǎng)站，這樣才可以讓網(wǎng)站瀏覽者通過 Internet 瀏覽到你的網(wǎng)站。網(wǎng)站發(fā)布的步驟： 1、申請(qǐng)域名； 2、申請(qǐng)網(wǎng)站空間； 3、上傳網(wǎng)頁(yè)文件到申請(qǐng)的網(wǎng)站空間中； 4、對(duì)申請(qǐng)的域名做域名解析，解析到網(wǎng)站所在的服 務(wù)器上； 5、通過域名瀏覽網(wǎng)站。 9 第二章 提出問題 1.1 提出建設(shè)網(wǎng)站的原因 隨著計(jì)算機(jī)技術(shù)的不斷發(fā)展及互聯(lián)網(wǎng)的普及，一種新的宣傳媒體，走進(jìn)了我們的生活，網(wǎng)站，通過它我們可以，查看到自己想要知道的信息，可以說上網(wǎng)查詢信息已經(jīng)成許多人生活中的一部分，網(wǎng)絡(luò)已經(jīng)成為一部極大的百科全書，包羅萬象。 這一新新的宣傳媒體逐步被一些商家，企業(yè)所看好，產(chǎn)品及公司形象的宣傳已經(jīng)不在局限在電視、報(bào)紙、廣告牌等傳統(tǒng)媒體上，做長(zhǎng)期的宣傳，發(fā)掘潛在的客戶，網(wǎng)絡(luò)宣傳已被越來越多的公司所使用。 公司網(wǎng)站所面對(duì)的不再是“被動(dòng)”的 讀者 , 而是有目地的“主動(dòng)”客戶。買主以及潛在的客戶將通過 INTERNET 主動(dòng)的找到公司網(wǎng)站，要求他們所需要的服務(wù)。一個(gè)設(shè)計(jì)得當(dāng)?shù)墓揪W(wǎng)站，將能給予使用者需求，甚至達(dá)到雙向的溝通，這是一般傳統(tǒng)媒體所做不到的。 它的容量不受限制，產(chǎn)品資訊、圖片等任何您想要提供給客戶的資料皆可輸入。它的時(shí)間不受限制，一天 24 小時(shí)，一星期七天，一年 365 天不停的運(yùn)作，隨時(shí)提供服務(wù)。它的地點(diǎn)不受限制，目前全球絕大多數(shù)的國(guó)家都已經(jīng)將發(fā)展 INTERNET 為首要政策目標(biāo)之一，上網(wǎng)將如同打開家里的電視機(jī)一樣簡(jiǎn)單。 企業(yè)網(wǎng) 站在現(xiàn)代及未來的資訊社會(huì)將成為不可缺少的企業(yè)識(shí)別標(biāo)志之一，提升企業(yè)的附加價(jià)值，除了提供給予客戶一個(gè)效率資訊通道，也可以對(duì)招募人才產(chǎn)生重要的功能。它可以是一個(gè)即時(shí)資訊的看板，也可以是一個(gè)購(gòu)物中心。全方位的多功能，取決于企業(yè)整體的創(chuàng)造力。 為企業(yè)建立一個(gè)網(wǎng)上展示廳，將企業(yè)的產(chǎn)品放到更廣闊的平臺(tái)上 10 供客戶觀看選擇 ； 全面超越傳統(tǒng)的商場(chǎng)，企業(yè)在商機(jī)潛伏的網(wǎng)絡(luò)上開辟全新的市場(chǎng)，捕捉更多的商機(jī) ； 為您打開新思路，省時(shí)省力的尋找到更寬廣的銷售渠道 為順應(yīng)發(fā)展需要我公司 江蘇洋河珍品酒業(yè)有限公司 (原江蘇洋河第五酒廠 ),決定制作公 司網(wǎng)站，在國(guó)際互聯(lián)網(wǎng)上對(duì)我們公司及產(chǎn)品做宣傳。尋找潛在客戶，捕獲更多商機(jī)。 第三章 分析問題 3.1 需求分析 1、 網(wǎng)站的功能： 網(wǎng)站主要包括以下幾個(gè)功能： （ 1） 公司形象及簡(jiǎn)介 （ 2） 支持交互功能的留言板及在線訂購(gòu)功能 （ 3） 對(duì)網(wǎng)站中產(chǎn)品信息進(jìn)行及時(shí)的添加、修改功能 （ 4） 網(wǎng)站具有在線管理功能 2、 用戶需求 用戶就是我們的 ” 上帝 ” ,他們光臨我們的網(wǎng)站就是對(duì)我們的網(wǎng)站 的一種肯定 .用戶可以通過網(wǎng)站了解企業(yè)的最新產(chǎn)品的開發(fā) ,和企業(yè)對(duì)市場(chǎng)的最新運(yùn)作方案和參與對(duì)企業(yè)提出建議 ,也可以通過網(wǎng)站來聯(lián)系企業(yè)開拓市場(chǎng) . 3、 管理需求 從管理者的角度 ,網(wǎng)站最重 要的環(huán)節(jié)就是便于管理和維護(hù) ,面對(duì)市場(chǎng)的日益變化 ,企業(yè)的產(chǎn)品的不斷更新 ,企業(yè)可以迅速的更 11 新產(chǎn)品庫(kù) ,以便消費(fèi)者及時(shí)的看到企業(yè)的產(chǎn)品 ,同時(shí)企業(yè)也可以得到應(yīng)有的效益 . 5、 軟件結(jié)構(gòu)圖 針對(duì)以上的功能需求，現(xiàn)將該網(wǎng)站的結(jié)構(gòu)模塊圖詳述如 進(jìn)入網(wǎng)站 公司簡(jiǎn)介 產(chǎn)品信息 聯(lián)系我們 銷售網(wǎng)絡(luò) 留言板 通過身份驗(yàn)證進(jìn)入網(wǎng)站后臺(tái) 產(chǎn)品管理 添加產(chǎn)品 在線訂購(gòu)管理 操作人員管理 修改產(chǎn)品 刪除產(chǎn)品 12 3.2 可行性研究： 1、技術(shù)可行性： 由于本人所學(xué)專業(yè)是計(jì)算機(jī)專業(yè)，對(duì)于網(wǎng)站制作及程序開發(fā)有濃厚的興趣，曾經(jīng)多次參與過學(xué)校網(wǎng)站制作，對(duì)于 ASP ACCESS 網(wǎng)站編程比較了解。 4、 資金、工作條件問題： 網(wǎng)站制作并不是很大工 程，在制作過程中也不需要太好的硬件和其它的資金開銷。只需要有一些計(jì)算機(jī)和開發(fā)運(yùn)行調(diào)試軟件環(huán)境。網(wǎng)站制作環(huán)境可以在 Windows2000、 Office2000 和 DreamWeaver中進(jìn)行。 5、 經(jīng)濟(jì)效益： 網(wǎng)站的制作是為了在互聯(lián)網(wǎng)上對(duì)我公司的形象和產(chǎn)品進(jìn)行宣，發(fā)掘潛在客戶，并可以讓老客戶了解我司的最新資訊及產(chǎn)品情況，同時(shí)可以實(shí)現(xiàn)與同行業(yè)間信息的交流。從近期及長(zhǎng)遠(yuǎn)考慮，建立網(wǎng)站對(duì)于公司有會(huì)產(chǎn)生一定的經(jīng)濟(jì)效益。 第四章 網(wǎng)站前臺(tái)制作 企業(yè)建立網(wǎng)站的目地是想通過網(wǎng)絡(luò)宣傳自己的產(chǎn)品，與客戶建立起一種長(zhǎng)期的勾通方 式，通過網(wǎng)站客戶可以了解某一企業(yè)的最新情況，網(wǎng)站的用戶（瀏覽人群）主要分為兩類：一類是網(wǎng)站的瀏覽者，這類 13 人群通過各種渠道知道本網(wǎng)站，并對(duì)網(wǎng)站中所感興的信息進(jìn)行游覽；另一類是網(wǎng)站的管理者，他們是網(wǎng)站的維護(hù)人員，對(duì)網(wǎng)站中各信息進(jìn)行及時(shí)的更新，并對(duì)前一類用戶在網(wǎng)站中發(fā)表的留言、訂單等信息進(jìn)行處理。根據(jù)使用人群的不同，網(wǎng)站可以分成兩模塊，一類是向網(wǎng)民介紹企業(yè)資訊、產(chǎn)品信息的前臺(tái)頁(yè)面，這類頁(yè)面是針對(duì)于網(wǎng)站的所有用戶，另一類是為網(wǎng)站管理者設(shè)計(jì)的，屬于網(wǎng)站的后臺(tái)管理系統(tǒng)，通過后臺(tái)管理程序可以對(duì)網(wǎng)站中各頁(yè)面的信息進(jìn)行修改， 各模塊如下： 4.1 網(wǎng)站前臺(tái)功能分析 網(wǎng)站是向網(wǎng)民宣傳自己企業(yè)及產(chǎn)品的宣傳頁(yè)面，用戶為所有網(wǎng)站的瀏覽者，用戶可以瀏覽各頁(yè)面，查看產(chǎn)品信息，對(duì)自己感興趣的產(chǎn)品進(jìn)行定購(gòu)，并可以將自己對(duì)于網(wǎng)站或產(chǎn)品發(fā)表自己的意見和建議，本模塊組成如下： 公司簡(jiǎn)介用于介紹公司的簡(jiǎn)單信息，通過此頁(yè)可以讓瀏覽者對(duì)本站及公司有一個(gè)大概的了解，本頁(yè)在設(shè)計(jì)上要體現(xiàn)企業(yè)文化及歷史背景。公司簡(jiǎn)介文字內(nèi)容如下： 進(jìn)入網(wǎng)站 公司簡(jiǎn)介 產(chǎn)品信息 聯(lián)系我們 銷售網(wǎng)絡(luò) 留言板 14 江蘇洋河珍品酒業(yè)有限公司 (原江蘇洋河第五酒廠 ),是集體股份制的集團(tuán)企業(yè)， 座落在中國(guó)名酒之鄉(xiāng) -江蘇省洋河鎮(zhèn) ，現(xiàn)有職工 380人，科研技術(shù)人員 23 人，占地面積 4.6 萬平方米，早產(chǎn)洋宮牌系列酒8000 噸。 本集團(tuán)公司生產(chǎn)設(shè)備先進(jìn)，檢測(cè)手段齊全，釀酒技術(shù)精湛，是規(guī)模較大的白酒生產(chǎn)的專業(yè)化集團(tuán)企業(yè)素有 “ 聞香下馬。知味停車 ” 的美稱。司在社會(huì)各界同仁的關(guān)懷和支持下，洋宮系列酒連續(xù)獲部、省、市優(yōu)質(zhì)產(chǎn)品獎(jiǎng)，暢銷國(guó)內(nèi)外 ,本公司產(chǎn)品已由中保承保。 本集團(tuán)公司連早被省市人民政府命名為 “ 明星企業(yè) ” ，并獲國(guó)家級(jí)二級(jí)計(jì)量合格證書、全面質(zhì)量合格證書，且連續(xù)十二年被評(píng)為重合同，守信用、 AAA 級(jí)信用企業(yè)、物價(jià)、計(jì)量信得過單位等 光榮稱號(hào)。 產(chǎn)品信息用于介紹產(chǎn)品的詳細(xì)信息，包括有產(chǎn)品圖片、產(chǎn)品名稱、生產(chǎn)廠家、產(chǎn)品簡(jiǎn)介等一些信息。同時(shí)應(yīng)具有在線訂購(gòu)功能。 聯(lián)系我們用于顯示公司的聯(lián)系信息，便與客戶與公司取得聯(lián)系。 留言板實(shí)現(xiàn)與網(wǎng)站瀏覽者的在線信息交流。 包含有公司簡(jiǎn)介和聯(lián)系方式，同時(shí)這些信息需要即時(shí)修改功能，便于對(duì)網(wǎng)站中信息及時(shí)更新。 產(chǎn)品展示及在線訂購(gòu) 對(duì)產(chǎn)品進(jìn)行介紹，并有在線訂購(gòu)的功能。產(chǎn)品介紹有：產(chǎn)品名稱、生產(chǎn)廠家、產(chǎn)品簡(jiǎn)介。并可以及時(shí)發(fā)布新的產(chǎn)品信息，對(duì)原有產(chǎn)品信息進(jìn)行即時(shí)修改功能。 與客戶的信息交流 客戶可以通過網(wǎng)站的留言板 發(fā)表自己的意見和建議。網(wǎng)站管理員能夠?qū)α粞赃M(jìn)行查看。 15 4.2 網(wǎng)站中各頁(yè)面實(shí)現(xiàn) 本站導(dǎo)航含有：公司簡(jiǎn)介、產(chǎn)品信息、銷售網(wǎng)絡(luò)、聯(lián)系方式和留言板這五個(gè)鏈接，以及一套網(wǎng)站后臺(tái)管理程序。 公司簡(jiǎn)介：本頁(yè)用于介紹公司的簡(jiǎn)介信息，讓瀏覽者了解該公司的一些基本情況。本站制作的是一家酒廠的網(wǎng)站，在界面設(shè)計(jì)上用了一些山水畫和仿古的圖案，給人一種古色古香的感覺，喻意：酒是越陳越香。制作完成后的效果如下圖： 本頁(yè)在制作過程中需要對(duì)整個(gè)頁(yè)面進(jìn)行總體的規(guī)劃設(shè)計(jì)，界頁(yè)設(shè)計(jì)在 Photoshop 中進(jìn)行，設(shè)計(jì)效果如下： 界面在 Photoshop 中設(shè)計(jì)完成以后，需要將圖片文件切割成多塊，切割時(shí)要注意切割的每一塊應(yīng)滿足下一步在 Dreamweaver 中處理方便， 16 每一塊不能太小。如果切割的每一塊太小，會(huì)對(duì)后面的在 Dreamweaver中處理帶來麻煩。切割的效果如下： 圖片切割好以后對(duì)所有切片進(jìn)行導(dǎo)出，執(zhí)行“存儲(chǔ)為 Web 所用格式 ”，在彈出的對(duì)話框中，進(jìn)行相應(yīng)的設(shè)置，最后選擇存儲(chǔ)，將圖片文件導(dǎo)出成為網(wǎng)頁(yè)文件， Photoshop 所形成的網(wǎng)頁(yè)文件，實(shí)質(zhì)上是對(duì)圖片中的每一個(gè)切片保存成一個(gè)獨(dú)立的文件，并將這些圖片放在表格中進(jìn)行布局。所導(dǎo)出的文件， 有圖片文件和 html 的網(wǎng)頁(yè)文件。對(duì)于這些文件我們可以使用 Dreamweaver 進(jìn)行再次編輯，這里所說的編輯是指對(duì) html 的網(wǎng)頁(yè)文件進(jìn)行編輯。 打開發(fā)布文件的目錄在這個(gè)目錄中有兩個(gè)對(duì)象，一個(gè)是 html 文件，另一個(gè)是存放構(gòu)成網(wǎng)站所需圖片的文件夾。 17 下面的操作需要使用網(wǎng)頁(yè)制作軟件 Dreamweaver 對(duì) Photoshop 所形成的 html 文件進(jìn)行編輯： 在 Dreamweaver 需要對(duì)網(wǎng)頁(yè)按照在 PhotoShop 中的效果進(jìn)行重新的布局。制作完成后效果如下圖： 18 公司簡(jiǎn)介頁(yè)面在制作 產(chǎn)品信息界面：本頁(yè) 面用于向用戶展示公司的產(chǎn)品，包括產(chǎn)品的圖片、名稱、生產(chǎn)廠家及產(chǎn)品簡(jiǎn)介。本頁(yè)的信息可以在網(wǎng)站后臺(tái)管理程序中進(jìn)行修改。 19 客戶留言：本頁(yè)用于客戶將自己的意見和建議反饋給網(wǎng)站的所有者。 至此網(wǎng)站前臺(tái)制作完成，這一部分的制作主要使用 Dreamweaver 和Photoshop 兩個(gè)軟件。 第五章 網(wǎng)站后臺(tái)制作 5.1 網(wǎng)站后臺(tái)功能需求分析 網(wǎng)站后臺(tái)管理程序（簡(jiǎn)稱“后臺(tái)”）：本站所做的是一家公司的網(wǎng)站，網(wǎng)站中有許多地方需要具有即時(shí)修改的功能，所以需要給網(wǎng)站制作一個(gè)后臺(tái)管理程序，便于網(wǎng)站管理員及時(shí)對(duì)網(wǎng)站中的信息進(jìn) 行添加或刪除。 通過身份驗(yàn)證進(jìn)入網(wǎng)站后臺(tái) 產(chǎn)品管理 添加產(chǎn)品 在線訂購(gòu)管理 操作人員管理 修改產(chǎn)品 刪除產(chǎn)品 20 網(wǎng)站后臺(tái)管理程序是為網(wǎng)站管理員管理網(wǎng)站所設(shè)計(jì)的，使用者僅限網(wǎng)站管理員，所以在進(jìn)入后臺(tái)需要進(jìn)行身份驗(yàn)證，通過驗(yàn)證才可以進(jìn)入后臺(tái)，效果如下： 代碼實(shí)現(xiàn)思路：對(duì)用戶輸入的用戶名和密碼，與數(shù)據(jù)庫(kù)中的用戶名和密碼進(jìn)行比較，如果一樣則進(jìn)入網(wǎng)站，否則不可以進(jìn)入。 在制作這一功能時(shí)需要 ASP+Access 的配合使用。同時(shí)需要用到HTML、 VBScript 等語(yǔ)言。 ASP（ Active Server Pages）是微軟開發(fā)的一套服務(wù)端腳本環(huán)境。 ASP 是用服務(wù)器端腳本、對(duì)象和組件擴(kuò)展了的標(biāo)準(zhǔn)的 HTML 頁(yè)。也就是說， ASP 對(duì)標(biāo)準(zhǔn)的 HTML 文件增加了一些附加特征， ASP 像標(biāo)準(zhǔn)的 HTML 文件一樣包含 HTML 語(yǔ)句并且在一個(gè)瀏覽器上解釋并顯示。 ASP 文件的后綴是 .asp，其中包含 實(shí)現(xiàn)動(dòng)態(tài)功能的 VBScript 或Jscript 語(yǔ)句，如果去掉這些語(yǔ)句，它和標(biāo)準(zhǔn)的 HTML 文件沒有區(qū)別。ASP 提供了一些內(nèi)建對(duì)象，利用這些對(duì)象可以進(jìn)一步擴(kuò)展 HTML，使腳本更加強(qiáng)大。 ASP 還可以通過 ADO 對(duì)后臺(tái)數(shù)據(jù)庫(kù)進(jìn)行操作，這是ASP 一個(gè)非常強(qiáng)大的功能。 要想在網(wǎng)頁(yè)中插入 ASP 程序，首先需要安裝 ASP 程序的調(diào)試環(huán)境。也說是說需要安裝 Windows2000 自帶的“ Internet 信息管理”組件，安 21 裝并不復(fù)雜，但是需要注意的是安裝好以后各參數(shù)要正確設(shè)置，如果設(shè)置不正確可能會(huì)導(dǎo)致 ASP 程序無法正常調(diào)試。 5.2 Internet 信息服務(wù)（ IIS） 5.0 概述 Internet 信息服務(wù) （ IIS） 提供了一些服務(wù)器管理選項(xiàng)，用于控制網(wǎng)站或 FTP 站點(diǎn)的內(nèi)容以及對(duì)這些站點(diǎn)的訪問。例如，如果您是一位開發(fā)人員，在將站點(diǎn)上載到公司 Intranet 或 Internet 之前要對(duì)站點(diǎn)進(jìn)行測(cè)試，則可以使用此工具測(cè)試您的設(shè)置并查看這些設(shè)置在最終服務(wù)器上 的精確效果。 Internet 信息服務(wù)管理單元包含下列功能： 服務(wù)器的一些附加設(shè)置，如管理 FTP 站點(diǎn)。 新建虛擬目錄的向?qū)А?管理 Internet 信息服務(wù)網(wǎng)絡(luò)安裝的能力。 5.3 安裝 IIS 服務(wù)器 Windows2000 的 IIS 是 5.0 版。安裝方法是，插入 Win2000 安裝盤，執(zhí)行 “ 添加 /刪除程序 添加 /刪除 Windows 組件 ” ，然后出現(xiàn)下圖，把第一項(xiàng) IIS 打上勾就可： 22 圖 2.1 然后有 2 次提示插入光盤： 圖 2.2 這時(shí)一定要找到 I386 這個(gè)目錄，并且這兩次都需要你重新查找路徑，一路確定就安裝完畢了 5.4 配置服務(wù)器 新建虛擬空間： 1、打開“ Internet 服務(wù)管理器”窗口； 23 圖 2.3 2、選擇“默認(rèn) Web 服務(wù)”，執(zhí)行“操作” “新建” “虛擬目錄”如下圖； 圖 2.4 3、此時(shí)將打開“虛擬目錄創(chuàng)建向?qū)А比缦聢D，按向?qū)У奶崾具M(jìn)行相應(yīng)的選擇； 24 圖 2.5 圖 2.6 4、完成設(shè)置后，就可以 在虛擬目錄中調(diào)試網(wǎng)頁(yè)了。 5.5 后臺(tái)詳細(xì)設(shè)計(jì) 在 Dreamweaver 中為表單中的兩個(gè)文本框分別命名： username、password，下面要使用 ASP 程序?qū)斎氲男畔⑦M(jìn)行獲取和判斷。 獲取信息所使用的語(yǔ)句是 Request 語(yǔ)句， Request.Form(username)但在使用時(shí)需要考慮大小寫的問題，代碼實(shí)現(xiàn)如下： 接下來需要對(duì) 獲取的信息與數(shù)據(jù)庫(kù)中的數(shù)據(jù)進(jìn)行比較判斷； 這段代碼用于實(shí)現(xiàn)對(duì)用戶輸入的用戶名和密碼進(jìn)行判斷，如果錯(cuò)誤則給出相應(yīng)的提示，如果正確則記錄下用戶的標(biāo)識(shí)，并存放在 Session中。 用戶通過身份驗(yàn)證后就可以進(jìn)入網(wǎng)站后臺(tái)管理程序的首頁(yè)，在這一頁(yè)中可以分成兩個(gè)部分，左邊是后臺(tái)管理的導(dǎo)航，右邊是具體的管理頁(yè)面，管理功能包括：產(chǎn)品發(fā)布與修改、訂單管理、用戶管理， 產(chǎn)品管理包括，產(chǎn)品的發(fā)布、修改和刪除，本 頁(yè)制作時(shí)需要注意所添加的產(chǎn)品項(xiàng)目應(yīng)和網(wǎng)站產(chǎn)品信息頁(yè)面所列的項(xiàng)目一至，代碼實(shí)現(xiàn)，在原有數(shù)據(jù)后面增加一條新記錄 rs.addnew，把產(chǎn)品信息寫到對(duì)應(yīng)的字段中 rs(Content)=Content，寫入完以后需要加入代碼： rs.update 26 網(wǎng) 站 中 的 產(chǎn) 品 數(shù) 據(jù) 需 要 放 與 數(shù) 據(jù) 庫(kù) 中 ， 本 站 用 到 一 個(gè) 數(shù) 據(jù) 庫(kù)dksh.mdb。數(shù)據(jù)庫(kù)中表 adminuser，用于存放網(wǎng)站管理員的個(gè)人信息。表中各字段定義如下： 27 表 Product 用于存放產(chǎn)品信息，各字段定義如下： 以下用代碼實(shí)現(xiàn)在信息添加到數(shù)據(jù)中 % dim rs,sql,ErrMsg,FoundErr ArticleID,Product_Id,BigClassName,SmallClassName,Title,Content,key,UpdateTime,Hits,t dim IncludePic,DefaultPicUrl,UploadFiles,Elite,Passed,arrUploadFiles dim ObjInstalled ObjInstalled=IsObjInstalled(Scripting.FileSystemObject) FoundErr=false t=Trim(Request.Form(t) ArticleID=Trim(Request.Form(ArticleID) Product_Id=trim(request.form(Product_Id) BigClassName=trim(request.form(BigClassName) SmallClassName=trim(request.form(SmallClassName) 28 Title=trim(request.form(Title) Key=trim(request.form(Key) Content=trim(request.form(Content) UpdateTime=trim(request.form(UpdateTime) IncludePic=trim(request.form(IncludePic) DefaultPicUrl=trim(request.form(DefaultPicUrl) UploadFiles=trim(request.form(UploadFiles) Passed=trim(request.form(Passed) Elite=trim(request.form(Elite) Hits=trim(request.form(Hits) if Title= then founderr=true errmsg=文章標(biāo)題不能為空 end if if Content= then founderr=true errm