畢業(yè)設(shè)計(jì)指導(dǎo)網(wǎng)站
《畢業(yè)設(shè)計(jì)指導(dǎo)網(wǎng)站》由會(huì)員分享，可在線閱讀，更多相關(guān)《畢業(yè)設(shè)計(jì)指導(dǎo)網(wǎng)站（26頁(yè)珍藏版）》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。
1、前 言 二十世紀(jì)進(jìn)入信息發(fā)展高速路，數(shù)碼化革命給所有領(lǐng)域帶來(lái)新的改變。隨著電腦辦公自動(dòng)化的普及，電子商務(wù)應(yīng)運(yùn)而生，一切都?xì)w功于internet的巨大貢獻(xiàn)，互聯(lián)網(wǎng)的世界里蘊(yùn)藏?zé)o限生機(jī)，這里只有想不到的、沒(méi)有做不到的。由于國(guó)際互聯(lián)網(wǎng)是一個(gè)不受時(shí)空限制的信息交換系統(tǒng)，所以它是目前最直接、最豐富和最快捷的聯(lián)系方式，信息溝通的高效率為企業(yè)帶來(lái)了最大的方便。所以在現(xiàn)今社會(huì)對(duì)于一個(gè)企業(yè)來(lái)說(shuō)，網(wǎng)站已經(jīng)是不可缺少的一部分了。 現(xiàn)今，知識(shí)產(chǎn)權(quán)越來(lái)越被人們關(guān)注，隨著就業(yè)壓力的加重，越來(lái)越多的年輕人選擇自己創(chuàng)業(yè)開(kāi)公司，大學(xué)生也占了一定的比例，由于專(zhuān)業(yè)的限定，有些大學(xué)生在?；旧辖佑|不到知識(shí)產(chǎn)權(quán)的知識(shí)，當(dāng)然在
2、社會(huì)上的人群也不一定都了解知識(shí)產(chǎn)權(quán)。同時(shí)隨著互聯(lián)網(wǎng)的快速發(fā)展和不斷普及，網(wǎng)站成了傳播信息最有效的平臺(tái)。所以我制作了一個(gè)專(zhuān)門(mén)針對(duì)知識(shí)產(chǎn)權(quán)行業(yè)的企業(yè)網(wǎng)站，給這些人群提供了一個(gè)了解和學(xué)習(xí)知識(shí)產(chǎn)權(quán)的平臺(tái)，當(dāng)然對(duì)于一個(gè)針對(duì)知識(shí)產(chǎn)權(quán)的服務(wù)性企業(yè)本身而言，這個(gè)網(wǎng)站將會(huì)對(duì)其自身帶來(lái)不可估量的效用。 當(dāng)前，隨著計(jì)算機(jī)技術(shù)與通信技術(shù)的發(fā)展，網(wǎng)絡(luò)的規(guī)模也逐漸增大。網(wǎng)絡(luò)的元素也隨之而不斷增加。有的利用其進(jìn)行通信，有的利用其作為商業(yè)用途，在網(wǎng)絡(luò)上進(jìn)行出售、收購(gòu)、宣傳等用途。從而使得網(wǎng)絡(luò)越來(lái)越成為現(xiàn)今社會(huì)上必不可少的元素，而網(wǎng)站就是這個(gè)網(wǎng)絡(luò)里的一個(gè)很大的元素。 所謂網(wǎng)站(Website)，就是指在網(wǎng)際網(wǎng)路（因特網(wǎng)
3、）上，根據(jù)一定的規(guī)則，使用HTML等工具制作的用于展示特定內(nèi)容的相關(guān)網(wǎng)頁(yè)的集合。簡(jiǎn)單地說(shuō)，網(wǎng)站是一種通訊工具，就像布告欄一樣，人們可以通過(guò)網(wǎng)站來(lái)發(fā)布自己想要公開(kāi)的資訊（信息），或者利用網(wǎng)站來(lái)提供相關(guān)的網(wǎng)路服務(wù)（網(wǎng)絡(luò)服務(wù)）。人們可以通過(guò)網(wǎng)頁(yè)瀏覽器來(lái)訪問(wèn)網(wǎng)站，獲取自己需要的資訊（信息）或者享受網(wǎng)路服務(wù)。 目錄 前 言 1 第一章 3 1.1技術(shù)可行性分析 3 1.2經(jīng)濟(jì)可行性分析 3 1.3操作可行性分析 3 第二章 網(wǎng)站需求分析 4 2.1網(wǎng)站需求設(shè)計(jì)概述 4 2.2 開(kāi)發(fā)工具的選用及介紹 4 2.2.1 Dreamweaver8.0 4
4、 2.2.2 Photoshop CS 5 2.2.3 ASP動(dòng)態(tài)網(wǎng)站腳本語(yǔ)言 6 2.3 關(guān)系型數(shù)據(jù)庫(kù)的選擇 7 2.3.1 Microsoft Office Access簡(jiǎn)介 7 第三章 網(wǎng)站概要分析 8 3.1系統(tǒng)構(gòu)思 8 3.2項(xiàng)目需求分析 9 1．學(xué)生 9 第四章 項(xiàng)目詳細(xì)設(shè)計(jì) 10 4.1 網(wǎng)站欄目簡(jiǎn)介 10 4.2.1 logo的制作過(guò)程 11 4.2.2 banner的制作過(guò)程 12 4.2.3 主頁(yè)制作過(guò)程(詳見(jiàn)圖4-3) 13 4.3 數(shù)據(jù)庫(kù)的設(shè)計(jì) 14 第五章 項(xiàng)目編碼 15 第六章 項(xiàng)目測(cè)試 23 6、1登陸頁(yè)面 23 第七章 項(xiàng)目管理
5、 25 第六章 總結(jié) 26 第一章 1.1技術(shù)可行性分析 在制作網(wǎng)站的過(guò)程中需要考慮到技術(shù)可行性的問(wèn)題，對(duì)制作人員一般都要求掌握計(jì)算機(jī)技術(shù)，具有一定的數(shù)據(jù)庫(kù)基礎(chǔ)，至少熟悉運(yùn)用一個(gè)網(wǎng)頁(yè)制作的軟件（如：Dreamweaver），并對(duì)多媒體軟件具有一定的熟悉（如：Photoshop、Flash等等）。用戶營(yíng)運(yùn)過(guò)程中信息的系統(tǒng)化管理，權(quán)威的數(shù)據(jù)統(tǒng)計(jì)，為企業(yè)的經(jīng)營(yíng)決策提供了大量的、權(quán)威的科學(xué)依據(jù)（數(shù)據(jù)）；強(qiáng)大的畢業(yè)指導(dǎo)功能，簡(jiǎn)化了學(xué)生的日常學(xué)習(xí)，提高了寫(xiě)作效率，避免了人工管理過(guò)程中數(shù)據(jù)易錯(cuò)所帶來(lái)的一系列的連鎖反映，提高用戶的畢業(yè)論文能力 1.2經(jīng)濟(jì)可行性分析 本作品制作
6、全程都是由本小組自發(fā)研制，因此無(wú)需太多的人力和物力，管理方便，所以無(wú)需龐大的費(fèi)用，甚至可以所是零費(fèi)用。同時(shí)本作品是一個(gè)動(dòng)態(tài)網(wǎng)頁(yè)，每次瀏覽都需要一個(gè)Web服務(wù)器支持，為了方便用戶瀏覽本網(wǎng)站在網(wǎng)上申請(qǐng)了一個(gè)域名，并利用這個(gè)提供域名的商家的Web服務(wù)器作為本網(wǎng)站的Web服務(wù)器。所以從經(jīng)濟(jì)上完全是可行的。實(shí)際情況下，在高系統(tǒng)配置、高網(wǎng)絡(luò)帶寬服務(wù)，各個(gè)級(jí)別管理員很容易通過(guò)網(wǎng)站對(duì)其操作范圍內(nèi)的系統(tǒng)內(nèi)容信息進(jìn)行操作管理，完全滿足日常查詢、管理的要求。 1.3操作可行性分析 本作品操作簡(jiǎn)單、界面簡(jiǎn)潔清晰, 對(duì)于那些有一般的計(jì)算機(jī)知識(shí)的人員就可以輕松上手。并兼容與所有網(wǎng)頁(yè)瀏覽的軟件(如: Inter
7、net Explorer) 由此可見(jiàn)，該網(wǎng)站的操作是可行的，有必要開(kāi)發(fā)本網(wǎng)站。 綜合以上方面，本網(wǎng)站具有很高的開(kāi)發(fā)可行性，無(wú)論是從技術(shù)上，經(jīng)濟(jì)上或者社會(huì)因素方面還是操作上都是可行的。 第二章 網(wǎng)站需求分析 2.1網(wǎng)站需求設(shè)計(jì)概述 網(wǎng)站首頁(yè)可以說(shuō)是網(wǎng)站的門(mén)面，大家瀏覽你的網(wǎng)站首先看到的就是網(wǎng)站首頁(yè)，所以首頁(yè)不僅要做得美觀，引人瀏覽，還要有豐富的內(nèi)容。所以我們?cè)谑醉?yè)就首頁(yè)聚集了大量的信息，除了最基本的法律法規(guī)、法界動(dòng)態(tài)、法律服務(wù)這些欄目外，我還將公司的公告用滾動(dòng)文字的形式展現(xiàn)出來(lái)，這樣靜中有“動(dòng)”的效果可以抓住人的眼球，吸引人去點(diǎn)擊。每頁(yè)左下方都有我們的聯(lián)系方式，
8、這樣就不用轉(zhuǎn)到聯(lián)系我們這張頁(yè)面都能獲取到公司的聯(lián)系方式了，當(dāng)然若想更深入的了解就可以轉(zhuǎn)到聯(lián)系我們頁(yè)面。子頁(yè)面的框架基本上是符合整個(gè)網(wǎng)站的整體風(fēng)格的，banner，導(dǎo)航等都是和首頁(yè)一樣的，不一樣的只是正文的內(nèi)容，這個(gè)可以通過(guò)模板來(lái)實(shí)現(xiàn)。出于排除對(duì)模板可編輯區(qū)域排版的復(fù)雜性起見(jiàn)，我這里沒(méi)有運(yùn)用模板，而是用另存為的方式實(shí)現(xiàn)網(wǎng)頁(yè)風(fēng)格“統(tǒng)一化”的。在網(wǎng)站的各頁(yè)面制作好后，我在Dreamweaver中與Access數(shù)據(jù)庫(kù)建立連接，通過(guò)在Dreamweaver的一系列操作實(shí)現(xiàn)注冊(cè)登錄的功能，而留言板功能我是通過(guò)一張空白的寫(xiě)有后臺(tái)代碼的頁(yè)面轉(zhuǎn)接過(guò)去的，名為handle.asp，用戶可以通過(guò)“在線留言”在網(wǎng)站上
9、發(fā)表自己的見(jiàn)解或疑問(wèn)，達(dá)到互動(dòng)的效果。 2.2 開(kāi)發(fā)工具的選用及介紹 2.2.1 Dreamweaver8.0 Dreamweaver是創(chuàng)建和管理網(wǎng)頁(yè)的專(zhuān)業(yè)化可視編輯器，在網(wǎng)頁(yè)設(shè)計(jì)與制作領(lǐng)域中用戶最多、應(yīng)用最廣、功能最強(qiáng)大的軟件，隨著Dreamweaver 8的發(fā)布，更堅(jiān)定Dreamweaver在該領(lǐng)域的地位。它集網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站開(kāi)發(fā)和站點(diǎn)管理功能于一身，具有可視化、支持多平臺(tái)和跨瀏覽器的特性，是目前網(wǎng)站設(shè)計(jì)、開(kāi)發(fā)、制作的首選工具。 1、靈活的編寫(xiě)方式 Dreamweaver具有靈活編寫(xiě)網(wǎng)頁(yè)的特點(diǎn)，不但將世界一流水平的“設(shè)計(jì)”和“代碼”編輯器合二為一，而且在設(shè)計(jì)窗口中還精化了源代碼，能
10、幫助用戶按工作需要定制自己的用戶界面。 2、可視化編輯界面 Dreamweaver是一種所見(jiàn)即所得的HTML編輯器，可實(shí)現(xiàn)頁(yè)面元素的插入和生成。或視化編輯環(huán)境大量減少了代碼的編寫(xiě)，同時(shí)亦保證了其專(zhuān)業(yè)性和兼容性，并且可以對(duì)內(nèi)部的HTML編輯器和任何第三方的HTML編輯器進(jìn)行實(shí)時(shí)的訪問(wèn)。無(wú)論用戶習(xí)慣手工輸入HTML源代碼還是使用可視化的編輯界面，Dreamweaver都能提供便捷的方式使用戶設(shè)計(jì)網(wǎng)頁(yè)和管理網(wǎng)站變得更容易。 3、功能更多的CSS支持——CSS可視化設(shè)計(jì)、CSS檢查工具 4、動(dòng)態(tài)跨瀏覽器驗(yàn)證 當(dāng)保存時(shí)系統(tǒng)自動(dòng)檢查當(dāng)前文檔的跨瀏覽器有效性，可以指定何種瀏覽器為測(cè)試用瀏覽器，同時(shí)
11、系統(tǒng)自動(dòng)檢驗(yàn)以確定頁(yè)面有沒(méi)有目標(biāo)瀏覽器不支持的tags或CSS結(jié)構(gòu)。動(dòng)態(tài)跨瀏覽器有效性檢查功能可以自動(dòng)核對(duì)tags和CSS規(guī)則是否適應(yīng)目前的主瀏覽器。 5、強(qiáng)大的WEB站點(diǎn)管理功能 6、內(nèi)建的圖形編輯引擎 7、Dreamweaver的集成特性 Dreamweaver 8繼承了Fireworks、Flash和Shockwave的集成特性，可以在這些Web創(chuàng)作工具之間自由地切換，輕松地創(chuàng)建美觀實(shí)用的網(wǎng)頁(yè)。 8、豐富的媒體支持能力 可以方便地加入Java、Flash、Shockwave、ActiveX以及其他媒體。Dreamweaver具有強(qiáng)大的多媒體處理功能，在設(shè)計(jì)DHTML和CSS方
12、面表現(xiàn)得極為出色，它利用JavaScript和DHTML語(yǔ)言代碼輕松地實(shí)現(xiàn)網(wǎng)頁(yè)元素的動(dòng)作和交互操作。Dreamweaver還提供行為和時(shí)間線兩種控件來(lái)產(chǎn)生交互式響應(yīng)和進(jìn)行動(dòng)畫(huà)處理。 9、超強(qiáng)的擴(kuò)展能力 Dreamweaver還支持第三方插件，任何人都可以根據(jù)自己的需要擴(kuò)展Dreamweaver的功能，并且可以發(fā)布這些插件。 2.2.2 Photoshop CS Photoshop CS是一款圖形、圖像編輯軟件，在網(wǎng)頁(yè)設(shè)計(jì)領(lǐng)域被廣泛得應(yīng)用。以下是其10大最新功能： 1、改進(jìn)的文件瀏覽器 使用功能強(qiáng)大文件瀏覽器的可以快速預(yù)覽、標(biāo)注和排序圖片；搜索或編輯圖像的數(shù)據(jù)元或關(guān)鍵詞；并且可以自動(dòng)
13、批量共享文件。 2、匹配顏色命令 可以迅速?gòu)囊粡垐D片的顏色校正另外一張圖像的顏色。 3、直方圖調(diào)色板 隨時(shí)根據(jù)對(duì)圖像的調(diào)整更新直方圖調(diào)色板(Histogram Palette)。 4、陰影/加亮區(qū)修正 使用“陰影/加亮區(qū)修正(hadow/Highlight correction)”可以快速調(diào)整照片中曝光過(guò)渡或欠缺的區(qū)域。 5、沿路徑放置文本 可以像在Illustrator中一樣把文本沿著路徑放置，并且你還可以在Illustrator直接編輯文本。 6、支持?jǐn)?shù)碼相機(jī)的raw模式 支持多款數(shù)碼相機(jī)得raw模式，讓用戶可以得到更真實(shí)的圖像輸入。 7、全面支持16位圖像 可以在
14、主要功能、層、比刷、文字、圖形等中精確的編輯、潤(rùn)飾16位的圖像。 8、Layer Comps 可以在一個(gè)文件中保存不同層的合并效果，以便對(duì)各種效果進(jìn)行快速察看。 9、輸入Flash文件 使用ImageReady可以創(chuàng)建flash矢量文件。 10、自定義快捷鍵 用戶可以按照自己的習(xí)慣定義Photoshop的快捷鍵。 2.2.3 ASP動(dòng)態(tài)網(wǎng)站腳本語(yǔ)言 ASP是Active Server Page的縮寫(xiě)，意為“動(dòng)態(tài)服務(wù)器頁(yè)面”。ASP是微軟公司開(kāi)發(fā)的代替CGI腳本程序的一種應(yīng)用,它可以與數(shù)據(jù)庫(kù)和其它程序進(jìn)行交互，是一種簡(jiǎn)單、方便的編程工具。ASP的網(wǎng)頁(yè)文件的格式是.asp，現(xiàn)在常用
15、于各種動(dòng)態(tài)網(wǎng)站中。ASP采用腳本語(yǔ)言VBScript（Java script）作為自己的開(kāi)發(fā)語(yǔ)言。 ASP是一種服務(wù)器端腳本編寫(xiě)環(huán)境，可以用來(lái)創(chuàng)建和運(yùn)行動(dòng)態(tài)網(wǎng)頁(yè)或Web應(yīng)用程序。使用 ASP 可以組合 HTML頁(yè)、VBScript腳本命令和JavaScript腳本命令等，以創(chuàng)建交互的 Web 頁(yè)和基于 Web 的功能強(qiáng)大的應(yīng)用程序。ASP網(wǎng)頁(yè)可以包含HTML標(biāo)記、普通文本、腳本命令以及COM組件等。利用ASP可以向網(wǎng)頁(yè)中添加交互式內(nèi)容（如在線表單），也可以創(chuàng)建使用HTML網(wǎng)頁(yè)作為用戶界面的web應(yīng)用程序。 ASP的文件后綴名為.asp，以區(qū)別于同樣可以包含Script的HTML 文件。一個(gè)
16、.asp文件是一個(gè)文本文件，可以包括下列元素的任意組合： 文本（text）、HTML標(biāo)志（tags）、Script命令 由于腳本程序是在服務(wù)器上而不是在客戶端運(yùn)行，傳送到瀏覽器上的 Web 頁(yè)是在 Web 服務(wù)器上生成的。所以不必?fù)?dān)心瀏覽器能否處理腳本：Web 服務(wù)器已經(jīng)完成了所有腳本的處理，并將標(biāo)準(zhǔn)的 HTML 頁(yè)面?zhèn)鬏數(shù)綖g覽器。由于只有腳本的結(jié)果返回到瀏覽器，所以服務(wù)器端腳本不易被別人復(fù)制。用戶看不到創(chuàng)建他們正在瀏覽的頁(yè)的腳本命令。 2.3 關(guān)系型數(shù)據(jù)庫(kù)的選擇 2.3.1 Microsoft Office Access簡(jiǎn)介 Microsoft Office Access是由微軟發(fā)布
17、的關(guān)聯(lián)式數(shù)據(jù)庫(kù)管理系統(tǒng),是集成在microsoft公司開(kāi)發(fā)的產(chǎn)品更新?lián)Q代office系統(tǒng)中的集成軟件。它之所以被集成到Office中而不是Visual Studio中，是因?yàn)樗c其它的數(shù)據(jù)庫(kù)管理系統(tǒng)（如Visual FoxPro）相比更加簡(jiǎn)單易學(xué)，一個(gè)普通的計(jì)算機(jī)用戶即可掌握并使用它。而且最重要的一點(diǎn)是Access的功能足夠強(qiáng)大，足以應(yīng)付一般的數(shù)據(jù)管理及處理需要。 Assess能夠存取 Access/Jet、Microsoft SQL Server、Oracle，或者任何 ODBC兼容數(shù)據(jù)庫(kù)內(nèi)的資料。ODBC（Open Database Connectivity開(kāi)放式數(shù)據(jù)庫(kù)互聯(lián)）是微軟推出的
18、一種工業(yè)標(biāo)準(zhǔn)，一種開(kāi)放的獨(dú)立于廠商的API應(yīng)用程序接口，可以跨平臺(tái)訪問(wèn)各種個(gè)人計(jì)算機(jī)、小型機(jī)以及主機(jī)系統(tǒng)。ODBC作為一個(gè)工業(yè)標(biāo)準(zhǔn)，絕大多數(shù)數(shù)據(jù)庫(kù)廠商、大多數(shù)應(yīng)用軟件和工具軟件廠商都為自己的產(chǎn)品提供了ODBC接口或提供了ODBC支持，這其中就包括常用的SQL SERVER、ORACAL、INFORMIX等，當(dāng)然也包括了Access。 在ASP中可以通過(guò)三種方式訪問(wèn)數(shù)據(jù)庫(kù)：1、IDC（Internet Database Connector）方式；2、ADO（ActiveX Data Objects）方式；3、RDS（Remote Data Service）方式。這三種訪問(wèn)方式對(duì)數(shù)據(jù)庫(kù)的訪問(wèn)都是
19、由Internet Information Server完成的。通過(guò)Web瀏覽器用HTTP協(xié)議向IIS（Internet信息服務(wù)器）發(fā)送請(qǐng)求，IIS執(zhí)行對(duì)數(shù)據(jù)庫(kù)的訪問(wèn)，并返回一個(gè)HTML格式的文檔響應(yīng)。以下是Access的優(yōu)點(diǎn)： 1．存儲(chǔ)方式單一 Access管理的對(duì)象有表、查詢、窗體、報(bào)表、頁(yè)、宏和模塊，以上對(duì)象都存放在后綴為（.mdb）的數(shù)據(jù)庫(kù)文件種，便于用戶的操作和管理。 2．面向?qū)ο? Access是一個(gè)面向?qū)ο蟮拈_(kāi)發(fā)工具，利用面向?qū)ο蟮姆绞綄?shù)據(jù)庫(kù)系統(tǒng)中的各種功能對(duì)象化，將數(shù)據(jù)庫(kù)管理的各種功能封裝在各類(lèi)對(duì)象中。它將一個(gè)應(yīng)用系統(tǒng)當(dāng)作是由一系列對(duì)象組成的，對(duì)每個(gè)對(duì)象它都定義一組方法
20、和屬性，以定義該對(duì)象的行為和外國(guó)，用戶還可以按需要給對(duì)象擴(kuò)展方法和屬性。通過(guò)對(duì)象的方法、屬性完成數(shù)據(jù)庫(kù)的操作和管理，極大地簡(jiǎn)化了用戶的開(kāi)發(fā)工作。同時(shí)，這種基于面向?qū)ο蟮拈_(kāi)發(fā)方式，使得開(kāi)發(fā)應(yīng)用程序更為簡(jiǎn)便。 3．界面友好、易操作 Access是一個(gè)可視化工具，是風(fēng)格與Windows完全一樣，用戶想要生成對(duì)象并應(yīng)用，只要使用鼠標(biāo)進(jìn)行拖放即可，非常直觀方便。系統(tǒng)還提供了表生成器、查詢生成器、報(bào)表設(shè)計(jì)器以及數(shù)據(jù)庫(kù)向?qū)?、表向?qū)?、查詢向?qū)А⒋绑w向?qū)?、?bào)表向?qū)У裙ぞ?，使得操作?jiǎn)便，容易使用和掌握。 4．集成環(huán)境、處理多種數(shù)據(jù)信息 Access基于Windows操作系統(tǒng)下的集成開(kāi)發(fā)環(huán)境，該環(huán)境集成了各
21、種向?qū)Ш蜕善鞴ぞ?，極大地提高了開(kāi)發(fā)人員的工作效率，使得建立數(shù)據(jù)庫(kù)、創(chuàng)建表、設(shè)計(jì)用戶界面、設(shè)計(jì)數(shù)據(jù)查詢、報(bào)表打印等可以方便有序地進(jìn)行。 5．Access支持ODBC（開(kāi)發(fā)數(shù)據(jù)庫(kù)互連，Open Data Base Connectivity）。利用Access強(qiáng)大的DDE（動(dòng)態(tài)數(shù)據(jù)交換）和OLE（對(duì)象的聯(lián)接和嵌入）特性，可以在一個(gè)數(shù)據(jù)表中嵌入位圖、聲音、Excel表格、Word文檔，還可以建立動(dòng)態(tài)的數(shù)據(jù)庫(kù)報(bào)表和窗體等。Access還可以將程序應(yīng)用于網(wǎng)絡(luò)，并與網(wǎng)絡(luò)上的動(dòng)態(tài)數(shù)據(jù)相聯(lián)接。利用數(shù)據(jù)庫(kù)訪問(wèn)頁(yè)對(duì)象生成HTML文件，輕松構(gòu)建Internet/Intranet的應(yīng)用。 第三章 網(wǎng)站概要分析
22、 3.1系統(tǒng)構(gòu)思 本網(wǎng)站前臺(tái)包括首頁(yè)、學(xué)生、教師、作品、論壇交流、學(xué)習(xí)交流、學(xué)生風(fēng)采、開(kāi)心一刻、情感基地等欄目。以下是系統(tǒng)構(gòu)思的圖解（如圖3-1） 首頁(yè) 后臺(tái)管理 學(xué)生信息 論壇交流 學(xué)習(xí)交流 情感基地 學(xué)生風(fēng)采 教師信息 作品集合 開(kāi)心一刻 圖3-1網(wǎng)站垂直系統(tǒng)圖 3.2項(xiàng)目需求分析 通過(guò)調(diào)查要求系統(tǒng)需要具有以下功能： 1. 由于操作人員的計(jì)算機(jī)知識(shí)普遍較差，要求有良好的人機(jī)界面。 2. 由于該系統(tǒng)的使用對(duì)象多，要求有較好的權(quán)限管理。 3. 方便的數(shù)據(jù)查詢，支持多條件查詢。 4. 基礎(chǔ)信息管理與查詢（包括商品信息、客戶信息、供應(yīng)商
23、信息）。 5. 通過(guò)計(jì)算機(jī)，能夠直接“透視”信息存儲(chǔ)情況。 6. 完善學(xué)生查詢信息、教師指導(dǎo)信息進(jìn)行管理。 7. 方便、健全的指導(dǎo)功能。 8. 圖表分析問(wèn)題需求狀況，對(duì)查詢問(wèn)題最多的進(jìn)行重點(diǎn)指導(dǎo) 9. 對(duì)受歡迎的教師，以及提問(wèn)較多的問(wèn)題進(jìn)行排行統(tǒng)計(jì)。 10.當(dāng)外界環(huán)境（停電、網(wǎng)絡(luò)病毒）干擾本系統(tǒng)時(shí)，系統(tǒng)可以自動(dòng)保護(hù)原始數(shù)據(jù)的安全。 11. 信息更新自動(dòng)完成，盡量減少人工干預(yù)。 功能需求如下： 1．學(xué)生 注冊(cè)/登陸/忘記密碼/管理個(gè)人信息 上傳文件和下載文件 向指導(dǎo)教師提問(wèn) 查詢問(wèn)題 2．教師 登陸/忘記密碼 管理所輔導(dǎo)學(xué)生的賬戶 上傳文件和下載文件 回
24、答問(wèn)題 群發(fā)消息 3．管理員 管理教師和學(xué)生信息 查詢統(tǒng)計(jì)數(shù)據(jù)（日問(wèn)題量，答疑率） 提醒教師答疑 發(fā)布公告 群發(fā)消息 要求： 1.加入評(píng)價(jià)機(jī)制（學(xué)生評(píng)價(jià)教師；系統(tǒng)根據(jù)網(wǎng)絡(luò)利用效率評(píng)價(jià)教師對(duì)學(xué)生的指導(dǎo)質(zhì)量等） 2.擴(kuò)展文檔管理功能（根據(jù)畢業(yè)設(shè)計(jì)的特點(diǎn)，催交/管理/評(píng)價(jià)學(xué)生在不同階段上交的畢業(yè)設(shè)計(jì)文檔） 3.考慮適應(yīng)所有學(xué)院/大學(xué)的畢業(yè)設(shè)計(jì)指導(dǎo)網(wǎng)站 第四章 項(xiàng)目詳細(xì)設(shè)計(jì) 4.2 4.1 網(wǎng)站欄目簡(jiǎn)介 網(wǎng)頁(yè)大致構(gòu)思如下： 1. 首頁(yè)： 我們的banner所要表現(xiàn)的就是希望大家能到我們大學(xué)生創(chuàng)業(yè)園來(lái)一起學(xué)習(xí)畢業(yè)設(shè)計(jì)，交流畢業(yè)經(jīng)驗(yàn)。因?yàn)檫@個(gè)作品是特別為大
25、學(xué)生設(shè)計(jì)的，所以我們的整個(gè)頁(yè)面都是顯示出一種大學(xué)生活潑、朝氣以及創(chuàng)業(yè)的激情。同時(shí)首頁(yè)包含了本站所涉及的主要內(nèi)容、組成元素、主要話題和網(wǎng)站精髓。 2. 學(xué)生信息： 主要介紹學(xué)生的個(gè)人信息，包括一些基本信息和所在院校等深度信息，還有他們的歷史文化及學(xué)習(xí)內(nèi)容。 3. 教師信息： 簡(jiǎn)單羅列了各個(gè)注冊(cè)教師的個(gè)人信息，如教師注冊(cè)注冊(cè)、專(zhuān)題、負(fù)責(zé)板塊、受歡迎程度等等。 4. 作品信息： 這個(gè)欄目主要是為了方便用戶了解有關(guān)作品、專(zhuān)利等知識(shí)產(chǎn)權(quán)方面的知識(shí)而建立的友情鏈接，在這里才是真正的知識(shí)領(lǐng)取地，學(xué)到很多你想要的知識(shí)，各種出其不意的設(shè)計(jì)信息。 5. 論壇交流： 我們特別收集了國(guó)家知識(shí)產(chǎn)權(quán)網(wǎng)上的最新信息
26、，讓大家能及時(shí)了解到我國(guó)知識(shí)產(chǎn)權(quán)的最新動(dòng)態(tài)。通過(guò)論壇達(dá)到更好的交流，學(xué)到更多的知識(shí)。 6. 學(xué)習(xí)交流： 這個(gè)欄目主要列舉了有關(guān)畢業(yè)設(shè)計(jì)方面的相關(guān)知識(shí)，如“怎么才能做出不平凡的設(shè)計(jì)”等，使用戶對(duì)畢業(yè)設(shè)計(jì)有一定的了解。 7. 學(xué)生風(fēng)采： 此欄目設(shè)立的主要目的是為了提供給想了解其他用戶一個(gè)互動(dòng)的平臺(tái)，用以解決設(shè)全交流相關(guān)問(wèn)題。這樣可以更方便的從其他人那學(xué)到更多，更重要的是可以認(rèn)識(shí)很多各色各樣的朋友 8. 開(kāi)心一刻： 通過(guò)這個(gè)欄目，可以讓眾多無(wú)聊的網(wǎng)友開(kāi)心一下，笑一笑十年少，雖然這個(gè)網(wǎng)站內(nèi)容有點(diǎn)枯燥，但是我們會(huì)盡心盡力的緩解大街的疲勞，達(dá)到勞逸結(jié)合。 9. 情感基地： 這里我們可以發(fā)泄自己的情
27、感問(wèn)題，學(xué)習(xí)基地并不一定只能是學(xué)，作為一個(gè)有血有肉的人，從這里找到感情的出口也是可以的圖4-1 4.2.1 logo的制作過(guò)程 本網(wǎng)站的Logo是把從網(wǎng)絡(luò)上找到的一些素材圖片，通過(guò)用Photoshop進(jìn)行編輯、修改、組合而完成的。為了突出該企業(yè)名稱(chēng)“畢業(yè)設(shè)計(jì)”，這個(gè)字母用一個(gè)龍頭月彎的形狀代替，自古以來(lái)月亮在人們的地位都是純潔無(wú)上的，同時(shí)也襯托出“知識(shí)產(chǎn)權(quán)”在當(dāng)今社會(huì)的重要地位。在整個(gè)以淡淡為主色調(diào)的網(wǎng)頁(yè)中，調(diào)劑整體頁(yè)面的色調(diào)，使頁(yè)面看起來(lái)更鮮活，很是醒目，讓人一眼就看到這個(gè)logo，了解主題。（如圖4-1） 圖4-2 網(wǎng)站logo 4.2.2 banner的制作過(guò)
28、程 1. 首先需要上網(wǎng)收集一些符合你的作品主題、創(chuàng)作思維以及整體風(fēng)格的網(wǎng)頁(yè)相關(guān)素材，對(duì)其進(jìn)行修改已獲得自己所需素材，或可在Photoshop中繪制出自己所需的圖片素材。 2. 接著打開(kāi)Photoshop，在Photoshop里面新建一個(gè)文件，調(diào)整底圖大小，根據(jù)網(wǎng)頁(yè)的總長(zhǎng)度，調(diào)節(jié)banner的長(zhǎng)度和寬度（一般banner不能太寬，不然會(huì)顯得頭重腳輕，當(dāng)然也不能太窄，都沒(méi)法讓人感覺(jué)到有banner存在，所以一定要調(diào)整至占整個(gè)網(wǎng)頁(yè)的適合比例。） 3. 設(shè)計(jì)banner的背景：選用一張藍(lán)色的微帶波橫的圖片為banner背景，將處理好的素材依次放入具體位子，像左邊的鏡頭光暈，右邊的發(fā)光矩形框等等，
29、按具體需求做具體的改動(dòng)和修改，這樣整個(gè)banner的背景就設(shè)計(jì)好了。 4. 具體內(nèi)容設(shè)計(jì)：先在banner左邊放入logo（這里為了美觀起見(jiàn)，我將logo放大放在了banner最左邊，若放在左上角一塊窄小的地方，反而凸顯不出“junhui”這個(gè)標(biāo)志），按具體情況驚醒調(diào)整修改至適當(dāng)部分，處理好每一處細(xì)節(jié)，這樣整個(gè)靜態(tài)的banner部分就設(shè)計(jì)好了。 5. 添加動(dòng)態(tài)的flash效果：動(dòng)態(tài)的flash效果要等到整個(gè)網(wǎng)頁(yè)的基本布局都設(shè)計(jì)好之后，就可以在Photoshop中按Shift+Ctrl+Alt+S存儲(chǔ)切片后所有圖片，將頁(yè)面轉(zhuǎn)換成.html格式，然后使用Dreamweaver打開(kāi)編輯，在ban
30、ner的區(qū)域加入Flash，將Flash轉(zhuǎn)換為透明flash形式，這樣整個(gè)banner部分就完成了。（如圖4-2） 4.2.3 主頁(yè)制作過(guò)程(詳見(jiàn)圖4-3) 1. 首先根據(jù)頁(yè)面要展示內(nèi)容的多少，在photoshop中新建一個(gè)適合的網(wǎng)頁(yè)寬度和長(zhǎng)度的文件（我設(shè)計(jì)的時(shí)候在寬屏的機(jī)子上，所以建的文檔較大，約為1280*1405）。 2. 在畫(huà)布上按自己的想法結(jié)合實(shí)際內(nèi)容，用各圖形工具在畫(huà)布上畫(huà)上整個(gè)網(wǎng)頁(yè)基本的布局。 3. 基本布局的設(shè)計(jì)定下之后再對(duì)各部分進(jìn)行具體設(shè)計(jì)，細(xì)化每個(gè)部分，特別是靜態(tài)的部分。 4. 在Photoshop里完成整個(gè)頁(yè)面的設(shè)計(jì)后，進(jìn)行切片，將要?jiǎng)討B(tài)顯示的地方切出來(lái)，還有就
31、是大的圖片要切一下，能提高網(wǎng)頁(yè)讀取速度。按Shift+Ctrl+Alt+S存儲(chǔ)為.html格式后，用Dreamweaver編輯，將需要作為背景的單元格中的圖片設(shè)為該單元格的背景，另存為index.asp。用相同的方法制作網(wǎng)站分頁(yè)。 5. 將所有頁(yè)面，拷到所屬文件夾，然后與后臺(tái)數(shù)據(jù)庫(kù)連接起來(lái)，即可通過(guò)對(duì)后臺(tái)數(shù)據(jù)庫(kù)內(nèi)容的添加、刪除、修改來(lái)對(duì)網(wǎng)頁(yè)的相關(guān)內(nèi)容進(jìn)行操作，例如在數(shù)據(jù)庫(kù)注冊(cè)登錄表中刪除一個(gè)用戶信息，那么這個(gè)用戶再次用原先的登錄信息登錄時(shí)就無(wú)法登錄成功了。 6. 在Dreamweaver中網(wǎng)頁(yè)的左側(cè)類(lèi)似“書(shū)卷”的區(qū)域插入一張表格，并在代碼相應(yīng)位置插入滾動(dòng)文字特效的代碼，實(shí)現(xiàn)文字至下而上滾動(dòng)
32、，鼠標(biāo)移過(guò)文字時(shí)滾動(dòng)停留的功能，鼠標(biāo)按下即跳轉(zhuǎn)到“網(wǎng)站公告”頁(yè)面；在網(wǎng)站首頁(yè)頂端插入滾動(dòng)的歡迎字幕，方法同上。 7. 在Dreamweaver8.0里打開(kāi)主頁(yè)面，在頁(yè)面中相對(duì)應(yīng)除插入圖片切換的代碼，實(shí)現(xiàn)新聞圖片的自動(dòng)切換的效果。 8. 在Dreamweaver8.0里打開(kāi)主頁(yè)面，切換到設(shè)計(jì)視圖，將雪花鼠標(biāo)特效代碼復(fù)制在
之間，保存并預(yù)覽，完成首頁(yè)鼠標(biāo)特效。 4.3 數(shù)據(jù)庫(kù)的設(shè)計(jì) 使用Access 2003實(shí)現(xiàn)關(guān)系型數(shù)據(jù)庫(kù)，以下是數(shù)據(jù)庫(kù)中幾個(gè)主要的表的設(shè)計(jì)： 1、 登錄注冊(cè)管理 存儲(chǔ)了注冊(cè)登錄用戶的基本信息，如用戶名、密碼、地址、郵箱等。（33、如圖4-5） 圖4-5 圖4-6 2、 留言板 存儲(chǔ)了留言的檔案，其中id是關(guān)鍵字，主要實(shí)現(xiàn)用戶信息管理、留言及回復(fù)等。（如圖4-7） （留言信息存儲(chǔ)表） （回復(fù)信息儲(chǔ)存表） 圖4-7 創(chuàng)建好數(shù)據(jù)庫(kù)之后，我們來(lái)用ASP把程序和數(shù)據(jù)庫(kù)連接起來(lái)，以后就可以連接到數(shù)據(jù)庫(kù)、在ASP中顯示數(shù)據(jù)庫(kù)中的數(shù)據(jù)。 第五章 項(xiàng)目編碼 主要功能代碼如下：