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

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