影視專題網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)樣本

華東理工大學(xué)繼續(xù)教誨學(xué)院?？飘厴I(yè)綜合訓(xùn)練題目影訊專項(xiàng)網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)專業(yè)計(jì)算機(jī)信息管理年級(jí)計(jì)信110學(xué)號(hào)24112460姓名張厚才導(dǎo)師唐瑋完畢日期年8月摘要當(dāng)前，隨著計(jì)算機(jī)技術(shù)與通信技術(shù)發(fā)展，網(wǎng)絡(luò)規(guī)模也逐漸增大。網(wǎng)絡(luò)元素也隨之而不斷增長(zhǎng)。有運(yùn)用其進(jìn)行通信，有運(yùn)用其作為商業(yè)用途，在網(wǎng)絡(luò)上進(jìn)行出售、收購(gòu)、宣傳等用途。從而使得網(wǎng)絡(luò)越來(lái)越成為現(xiàn)今社會(huì)上必不可少元素，而網(wǎng)站就是這個(gè)網(wǎng)絡(luò)里一種很大元素。所謂網(wǎng)站(Website)，就是指在網(wǎng)際網(wǎng)路（因特網(wǎng)）上，依照一定規(guī)則，使用HTML等工具制作用于展示特定內(nèi)容有關(guān)網(wǎng)頁(yè)集合。簡(jiǎn)樸地說(shuō)，網(wǎng)站是一種通訊工具，就像布告欄同樣，人們可以通過(guò)網(wǎng)站來(lái)發(fā)布自己想要公開(kāi)資訊（信息），或者運(yùn)用網(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ù)。隨著時(shí)代發(fā)展，生活水平提高，人民對(duì)于娛樂(lè)方式也越發(fā)豐富，而電影則是其中一種較為受廣大人民群眾愛(ài)慕娛樂(lè)方式。而本作品就是一種詳細(xì)簡(jiǎn)介電影專項(xiàng)網(wǎng)站。本作品作為一種簡(jiǎn)介電影專項(xiàng)網(wǎng)站，其內(nèi)容涉及六個(gè)欄目：《當(dāng)年今日》：本欄目詳細(xì)簡(jiǎn)介了電影發(fā)展歷程，并按類別再細(xì)分為八個(gè)類別；《國(guó)際電影》：本欄目詳細(xì)簡(jiǎn)介了幾種電影事業(yè)發(fā)展比發(fā)達(dá)地區(qū)，并略分為五大流派；《電影商機(jī)》：本欄目詳細(xì)簡(jiǎn)介了現(xiàn)今社會(huì)上與電影有關(guān)商業(yè)，并按行業(yè)分為五個(gè)類別；《代表作》：本欄目詳細(xì)展示了電影歷史上某些代表作，并按類別分為八個(gè)類別；《電影有關(guān)》：本欄目詳細(xì)簡(jiǎn)介了由電影衍生出來(lái)產(chǎn)物，并略分為五個(gè)類別；《討論專區(qū)》：本欄是給與喜歡電影顧客去討論專區(qū)；本作品在內(nèi)容組織安排上盡量做到構(gòu)造合理、內(nèi)容翔實(shí)、通俗易懂，有助于讀者理解本作品制作流程、構(gòu)造等。核心詞：網(wǎng)站設(shè)計(jì)，網(wǎng)站，電影

目錄摘要 2目錄 3第一章概述 51.1網(wǎng)站背景 51.2網(wǎng)站目的 51.3網(wǎng)站分類 51.3.1搜索引擎類 61.3.2資源共享類 61.3.3專項(xiàng)網(wǎng)站類 6第二章網(wǎng)站分析 72.1技術(shù)可行性分析 72.2經(jīng)濟(jì)可行性分析 72.3操作可行性分析 7第三章核心技術(shù)簡(jiǎn)介 83.1Struts概述 83.2JSP概述 83.3SQL語(yǔ)言簡(jiǎn)樸簡(jiǎn)介 8第四章系統(tǒng)分析 104.1框架概述 104.2系統(tǒng)功能概述 104.3系統(tǒng)任務(wù)可行性分析 134.3.1技術(shù)可行性 134.3.2系統(tǒng)安全可行性 14第五章總體設(shè)計(jì) 155.1站點(diǎn)設(shè)計(jì) 155.2版塊設(shè)計(jì) 155.2.1首頁(yè)版塊 165.2.2當(dāng)年今日版塊 185.2.3代表作版塊 195.3特殊代碼 21第六章網(wǎng)站設(shè)計(jì)環(huán)境 236.1硬件環(huán)境 236.2軟件環(huán)境 236.3軟件工具簡(jiǎn)介 236.3.1網(wǎng)站設(shè)計(jì)工具 236.3.2多媒體解決工具 236.3.3音頻解決工具 246.3.4數(shù)據(jù)庫(kù) 246.3.5網(wǎng)頁(yè)腳本 256.3.6測(cè)試工具 25第七章網(wǎng)站運(yùn)營(yíng) 267.1設(shè)立“數(shù)據(jù)源(ODBC)” 267.2運(yùn)用IIS瀏覽網(wǎng)站 277.2.1運(yùn)用IIS瀏覽網(wǎng)站 277.2.2運(yùn)用ASP測(cè)試工具模仿IIS環(huán)境 29總結(jié) 30道謝 31參照文獻(xiàn) 33

第一章概述1.1網(wǎng)站背景當(dāng)前，隨著計(jì)算機(jī)技術(shù)與通信技術(shù)發(fā)展，網(wǎng)絡(luò)規(guī)模也逐漸增大。網(wǎng)絡(luò)元素也隨之而不斷增長(zhǎng)。有運(yùn)用其進(jìn)行進(jìn)行通信，有運(yùn)用其作為商業(yè)用途，在網(wǎng)絡(luò)上進(jìn)行出售、收購(gòu)、宣傳等用途。從而使得網(wǎng)絡(luò)越來(lái)越成為現(xiàn)今社會(huì)上必不可少元素，而網(wǎng)站就是這個(gè)網(wǎng)絡(luò)一種很大元素。所謂網(wǎng)站(Website)，就是指在網(wǎng)際網(wǎng)路（因特網(wǎng)）上，依照一定規(guī)則，使用HTML等工具制作用於展示特定內(nèi)容有關(guān)網(wǎng)頁(yè)集合。簡(jiǎn)樸地說(shuō)，網(wǎng)站是一種通訊工具，就像布告欄同樣，人們可以通過(guò)網(wǎng)站來(lái)發(fā)布自己想要公開(kāi)資訊（信息），或者運(yùn)用網(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ù)。而電影，也稱映畫(huà)。是由活動(dòng)照相術(shù)和幻燈放映術(shù)結(jié)合發(fā)展起來(lái)一種當(dāng)代藝術(shù)。是一門(mén)可以容納文學(xué)戲劇、照相、繪畫(huà)、音樂(lè)、舞蹈等各種藝術(shù)綜合藝術(shù)，但它又具備獨(dú)自藝術(shù)特性。電影在藝術(shù)體現(xiàn)力上不但具備其他各種藝術(shù)特性，又因可以運(yùn)用蒙太奇這種藝術(shù)性極強(qiáng)電影組接技巧，具備超越其他一切藝術(shù)體現(xiàn)手段，并且影片可以大量復(fù)制放映。1.2網(wǎng)站目的（1）本設(shè)計(jì)重要目的是開(kāi)發(fā)名為《當(dāng)代電影》電影網(wǎng)站，顧客可通過(guò)本網(wǎng)站瀏覽某些關(guān)于電影資信或信息，例如：歷史、各國(guó)行程或有關(guān)等。并且還可以通過(guò)留言板刊登留言、互相討論。（2）準(zhǔn)時(shí)保質(zhì)地完畢《當(dāng)代電影》網(wǎng)站，并掌握到制作系統(tǒng)過(guò)程與技術(shù)（3）通過(guò)制作軟件過(guò)程中，學(xué)會(huì)合力分派人員工作，培養(yǎng)團(tuán)隊(duì)協(xié)助能力。1.3網(wǎng)站分類當(dāng)今時(shí)代,隨著計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)飛速發(fā)展，如果按用途來(lái)分類，筆者以為網(wǎng)站基本可以分為三大類；1.3.1搜索引擎類這一類網(wǎng)站是最為普遍，并且商業(yè)用途也很廣泛。無(wú)論對(duì)于普通網(wǎng)民，或者辦公人員都是必不可少網(wǎng)站。（如http：//www.百度.com這是一種名為“百度”搜索引擎網(wǎng)站）1.3.2資源共享類這一類網(wǎng)站重要體現(xiàn)于視頻網(wǎng)站、論壇（即BBS）、社區(qū)、下載平臺(tái)和電子郵件（即Email）網(wǎng)站。這種類型網(wǎng)站是當(dāng)今時(shí)代計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)代表。（如“廣州視窗”社區(qū)）1.3.3專項(xiàng)網(wǎng)站類這一類網(wǎng)站依照性質(zhì)可分為兩類；公司商品類，這一類網(wǎng)站重要是環(huán)繞一種商品或一種公司而產(chǎn)生專項(xiàng)網(wǎng)站。（如“完美世界”網(wǎng)絡(luò)游戲官方網(wǎng)站））。個(gè)人專項(xiàng)類，這一類網(wǎng)站重要是由某些有一定網(wǎng)站設(shè)計(jì)基本人員，設(shè)計(jì)出來(lái)某些無(wú)商業(yè)涉及專項(xiàng)網(wǎng)站。而設(shè)計(jì)這一類網(wǎng)站人員基本上都是按自己喜好來(lái)設(shè)計(jì)。（本網(wǎng)站就是這一類網(wǎng)站）。

第二章網(wǎng)站分析2.1技術(shù)可行性分析在制作電影網(wǎng)站過(guò)程中需要考慮到技術(shù)可行性問(wèn)題，對(duì)制作人員普通都規(guī)定掌握計(jì)算機(jī)技術(shù)，具備一定數(shù)據(jù)庫(kù)基本，至少熟悉運(yùn)用一種網(wǎng)頁(yè)制作軟件（如：Dreamweaver），并對(duì)多媒體軟件具備一定熟悉（如：Photoshop、Flash等等）。2.2經(jīng)濟(jì)可行性分析本作品制作全程都是由本小組自發(fā)研制，因而無(wú)需太多人力和物力，管理以便，因此無(wú)需龐大費(fèi)用，甚至可以所是零費(fèi)用。同步本作品是一種動(dòng)態(tài)網(wǎng)頁(yè)，每次瀏覽都需要一種Web服務(wù)器支持，為了以便顧客瀏覽本網(wǎng)站在網(wǎng)上申請(qǐng)了一種域名，并運(yùn)用這個(gè)提供域名商家Web服務(wù)器作為本網(wǎng)站W(wǎng)eb服務(wù)器。因此從經(jīng)濟(jì)上完全是可行。2.3操作可行性分析本作品操作簡(jiǎn)樸、界面簡(jiǎn)潔清晰，對(duì)于那些有普通計(jì)算機(jī)知識(shí)人員就可以輕松上手。并兼容與所有網(wǎng)頁(yè)瀏覽軟件(如：InternetExplorer)由此可見(jiàn)，該網(wǎng)站操作是可行，有必要開(kāi)發(fā)本網(wǎng)站。綜合以上方面，本網(wǎng)站具備很高開(kāi)發(fā)可行性，無(wú)論是從技術(shù)上，經(jīng)濟(jì)上或者社會(huì)因素方面還是操作上都是可行。

第三章核心技術(shù)簡(jiǎn)介3.1Struts概述Struts是采用JavaServlet/JavaServerPages技術(shù)，開(kāi)發(fā)Web應(yīng)用程序開(kāi)放源碼framework。Struts就是在JSPModel2基本實(shí)現(xiàn)了MVC設(shè)計(jì)模式WEBFramework。采用Struts能開(kāi)發(fā)出基于MVC(Model-View-Controller)設(shè)計(jì)模式應(yīng)用構(gòu)架。

基于Struts構(gòu)架WEB應(yīng)用程序基本上符合JSPModel2設(shè)計(jì)原則，可以說(shuō)是MVC設(shè)計(jì)模式一種變化類型。Struts目是為了協(xié)助你減少在運(yùn)用MVC設(shè)計(jì)模型來(lái)開(kāi)發(fā)Web應(yīng)用時(shí)間。你依然需要學(xué)習(xí)和應(yīng)用該架構(gòu)，但是它將可以完畢其中某些繁重工作。如果想混合使用Servlets和JSP長(zhǎng)處來(lái)建立可擴(kuò)展應(yīng)用，Struts是一種不錯(cuò)選取。3.2JSP概述使用JSP技術(shù)，Web頁(yè)面開(kāi)發(fā)人員可以使用HTML或者XML標(biāo)記來(lái)設(shè)計(jì)和格式化最后頁(yè)面。使用JSP標(biāo)記或者小腳本來(lái)產(chǎn)生頁(yè)面上動(dòng)態(tài)內(nèi)容。產(chǎn)生內(nèi)容邏輯被封裝在標(biāo)記和JavaBeans群組件中，并且捆綁在小腳本中，所有腳本在服務(wù)器端執(zhí)行。如果核心邏輯被封裝在標(biāo)記和Beans中，那么其他人，如Web管理人員和頁(yè)面設(shè)計(jì)者，可以編輯和使用JSP頁(yè)面，而不影響內(nèi)容產(chǎn)生。在服務(wù)器端，JSP引擎解釋JSP標(biāo)記，產(chǎn)生所祈求內(nèi)容（例如，通過(guò)存取JavaBeans群組件，使用JDBC技術(shù)存取數(shù)據(jù)庫(kù)），并且將成果以HTML（或者XML）頁(yè)面形式發(fā)送回瀏覽器。這有助于作者保護(hù)自己代碼，而又保證任何基于HTMLWeb瀏覽器完全可用性。3.3SQL語(yǔ)言簡(jiǎn)樸簡(jiǎn)介SQL是英文Structured

Query

Language縮寫(xiě)，意思為構(gòu)造化查詢語(yǔ)言。

SQL語(yǔ)言重要功能就是同各種數(shù)據(jù)庫(kù)建立聯(lián)系，進(jìn)行溝通。按照ANSI（美國(guó)國(guó)標(biāo)協(xié)會(huì)）規(guī)定，SQL被作為關(guān)系型數(shù)據(jù)庫(kù)管理系統(tǒng)原則語(yǔ)言。SQL語(yǔ)句可以用來(lái)執(zhí)行各種各樣操作，例如更新數(shù)據(jù)庫(kù)中數(shù)據(jù)，從數(shù)據(jù)庫(kù)中提取數(shù)據(jù)等。當(dāng)前，絕大多數(shù)流行關(guān)系型數(shù)據(jù)庫(kù)管理系統(tǒng)，如Oracle、Sybase、Microsoft

SQL

Server、Access等都采用了SQL語(yǔ)言原則。雖然諸多數(shù)據(jù)庫(kù)都對(duì)SQL語(yǔ)句進(jìn)行了再開(kāi)發(fā)和擴(kuò)展，但是涉及Select、Insert、Update、Delete、Create

以及Drop在內(nèi)原則SQL命令依然可以被用來(lái)完畢幾乎所有數(shù)據(jù)庫(kù)操作。在眾多SQL命令中，select語(yǔ)句應(yīng)當(dāng)算是使用最頻繁。select語(yǔ)句重要被用來(lái)對(duì)數(shù)據(jù)庫(kù)進(jìn)行查詢并返回符合顧客查詢?cè)瓌t成果數(shù)據(jù)。select語(yǔ)句中位于select核心詞之后列名用來(lái)決定哪些列將作為查詢成果返回。顧客可以按照自己需要選取任意列，還可以使用通配符“*”來(lái)設(shè)定返回表格中所有列。select語(yǔ)句中位于from核心詞之后表格名稱用來(lái)決定將要進(jìn)行查詢操作目的表格。除了上面所提到運(yùn)算符外，LIKE運(yùn)算符在where條件從句中也非常重要。LIKE運(yùn)算符功能非常強(qiáng)大，通過(guò)使用LIKE運(yùn)算符可以設(shè)定只選取與顧客規(guī)定格式相似記錄。第四章系統(tǒng)分析4.1框架概述本系統(tǒng)采用是Struts構(gòu)造，Struts就是在JSPModel2基本實(shí)現(xiàn)了MVC設(shè)計(jì)模式WEBFramework。采用Struts能開(kāi)發(fā)出基于MVC(Model-View-Controller)設(shè)計(jì)模式應(yīng)用構(gòu)架。4.2系統(tǒng)功能概述在線購(gòu)物系統(tǒng)涉及到管理員管理和顧客登錄兩個(gè)方面，涉及顧客登錄，瀏覽商品，訂單。依照實(shí)際需求和詳細(xì)狀況，可以實(shí)現(xiàn)系統(tǒng)保密性及時(shí)性以及管理員和顧客相應(yīng)不同操作！在此系統(tǒng)開(kāi)發(fā)前，咱們模仿出整個(gè)系統(tǒng)中兩種不同身份顧客，即：管理員和顧客。如下所有分析和設(shè)計(jì)都是在此兩種身份前提下進(jìn)行。在滿足商品管理實(shí)際需求和在對(duì)商品管理系統(tǒng)逐漸結(jié)識(shí)下，現(xiàn)對(duì)商品管理系統(tǒng)功能分析如下：由于身份不同，顧客實(shí)現(xiàn)功能也就不同樣，因此在該系統(tǒng)中只有管理員才可以對(duì)商品進(jìn)行操作，顧客只能進(jìn)行瀏覽和購(gòu)物。顧客登錄后，不具備對(duì)商品操作，只有查看商品，管理員可以查看顧客購(gòu)物狀況，掌握顧客購(gòu)物狀況。網(wǎng)上購(gòu)物系統(tǒng)分為前臺(tái)和后臺(tái)管理。前臺(tái)涉及瀏覽商品、查詢商品、訂購(gòu)商品、購(gòu)物車(chē)、會(huì)員注冊(cè)、訂單查詢等。依照需求調(diào)研成果擬定本系統(tǒng)普通顧客和管理員活動(dòng)圖如圖3.1所示。圖4.1普通顧客和管理員活動(dòng)圖模塊功能描述（1）注冊(cè)功能該模塊實(shí)現(xiàn)顧客注冊(cè)功能，涉及添寫(xiě)個(gè)人信息及設(shè)定個(gè)人密碼?？蛻舳藢€(gè)人信息及密碼傳播到服務(wù)器端，服務(wù)器再將顧客信息保存至數(shù)據(jù)庫(kù)中，等待顧客修改或她人查找。個(gè)人信息涉及：顧客名，性別，E-Mail及備注。密碼設(shè)定涉及：輸入密碼，密碼確認(rèn)及密碼提示。點(diǎn)擊注冊(cè)按鈕，如果注冊(cè)成功頁(yè)面跳轉(zhuǎn)到注冊(cè)成功，如果注冊(cè)失敗則提示“注冊(cè)失敗后”返回上一頁(yè)。顧客注冊(cè)用例圖如圖3.2所示。圖4.2顧客注冊(cè)用例圖（2）登錄功能該模塊實(shí)現(xiàn)注冊(cè)后顧客登錄到網(wǎng)站。顧客輸入個(gè)人顧客名及密碼，ID存在且密碼對(duì)的后登錄網(wǎng)站。顧客登錄取例圖如圖3.3所示。圖4.3顧客登錄取例圖（3）影音商品添加功能影音管理模塊，該模塊屬于后臺(tái)管理模塊，涉及：添加影音和編輯影音，添加影音信息涉及商品類別、名稱、價(jià)格、圖片，編輯影音信息涉及：更改影音類別、名稱、價(jià)格、圖片、文字闡明。影音商品添加用例圖如圖3.4所示。圖4.4影音商品添加用例圖（4）購(gòu)物車(chē)模塊顧客查看影音商品，選取之后可以添加購(gòu)物車(chē)中，在購(gòu)物車(chē)中添加影音商品數(shù)量。訂單管理用例圖如圖3.5所示。圖4.5訂單管理用例圖4.3系統(tǒng)任務(wù)可行性分析4.3.1技術(shù)可行性本實(shí)例使用工具是Struts，Struts是采用JavaServlet/JavaServerPages技術(shù)，開(kāi)發(fā)Web應(yīng)用程序開(kāi)放源碼framework。Struts就是在JSPModel2基本實(shí)現(xiàn)了MVC設(shè)計(jì)模式WEBFramework。采用Struts能開(kāi)發(fā)出基于MVC(Model-View-Controller)4.3.2系統(tǒng)安全可行性服務(wù)器安全特性是相稱重要，它不但可以防止未授權(quán)顧客對(duì)網(wǎng)絡(luò)訪問(wèn)，同步保護(hù)Web站點(diǎn)內(nèi)容不受侵犯。典型安全特性涉及訪問(wèn)控制和加密。咱們可以使用防火墻技術(shù)來(lái)限制網(wǎng)絡(luò)上非法訪問(wèn)，保證WEB服務(wù)器安全完善顧客身份確認(rèn)機(jī)制。通過(guò)顧客身份確認(rèn)，容許合法顧客進(jìn)入網(wǎng)站，防止非法顧客訪問(wèn)。對(duì)顧客密碼采用MD5不可逆加密技術(shù)，保證網(wǎng)站安全。第五章總體設(shè)計(jì)5.1站點(diǎn)設(shè)計(jì)打開(kāi)Dreamweaver8→站點(diǎn)→新建站點(diǎn)；進(jìn)入【站點(diǎn)定義】窗口，點(diǎn)擊【高檔】選項(xiàng)卡進(jìn)入【本地信息】分類窗口分別輸入：站點(diǎn)名稱：DreamweaverBYSJ本地根文獻(xiàn)夾：E:\DreamweaverBYSJ進(jìn)入【測(cè)試服務(wù)器】窗口，分別選取服務(wù)器模型：ASPVBScript訪問(wèn)：本地/網(wǎng)絡(luò)點(diǎn)擊【擬定】按鈕完畢站點(diǎn)設(shè)立。完畢后右下角站點(diǎn)窗口會(huì)顯示一種新站點(diǎn)（如圖3.1-1）（圖5.1-1）5.2版塊設(shè)計(jì)本網(wǎng)站重要是讓某些愛(ài)慕電影顧客，對(duì)電影有更進(jìn)一步理解并理解一下當(dāng)代電影有關(guān)資訊。并且顧客可以免注冊(cè)，直接瀏覽該網(wǎng)站所有內(nèi)容。內(nèi)容涉及：首頁(yè)、當(dāng)年今日、國(guó)際電影、電影商機(jī)、代表作、電影有關(guān)、留言板等七個(gè)版塊而這七個(gè)版塊：Logo截圖（圖5.2-1）5.2.1首頁(yè)版塊該頁(yè)面作為整個(gè)網(wǎng)站首頁(yè)，為了顧客瀏覽以便，因此在進(jìn)行版面設(shè)計(jì)時(shí)，將本作品六個(gè)重要版塊內(nèi)容都濃縮在首頁(yè)界面里，從而令顧客可以迅速看到顧客所感興趣內(nèi)容，節(jié)約顧客瀏覽時(shí)間。此外由于本網(wǎng)站新增了一種留言板版塊，因此在顧客瀏覽本網(wǎng)站首頁(yè)時(shí)會(huì)自動(dòng)彈出一種歡迎留言板窗口，顧客可以點(diǎn)擊該窗口里面內(nèi)容從而進(jìn)入到留言板版塊里面；本版塊設(shè)計(jì)技術(shù)涉及：運(yùn)用Flash插件技術(shù)插入小動(dòng)畫(huà)，另看起來(lái)網(wǎng)站有生動(dòng)感覺(jué)運(yùn)用時(shí)間軸、行為和層控制作品展示欄（如圖3.2-2）（圖3.2-2）首頁(yè)版塊（圖5.2-3）留言板跳轉(zhuǎn)窗口（圖5.2-4）

5.2.2當(dāng)年今日版塊因該版塊整體內(nèi)容非常繁多，并且又細(xì)提成八個(gè)類別，因此運(yùn)用錨點(diǎn)技術(shù)來(lái)控制頁(yè)面，從而令顧客能迅速查看想要看到內(nèi)容。本版塊設(shè)計(jì)技術(shù)涉及：運(yùn)用錨點(diǎn)技術(shù)控制頁(yè)面當(dāng)年今日版塊（圖5.2-5）假設(shè)顧客需要查看“電影初期”信息其操作如下：點(diǎn)擊細(xì)分類別按鈕層“電影初期”（如圖3.2-5），網(wǎng)站通過(guò)錨點(diǎn)技術(shù)立即跳轉(zhuǎn)到“電影初期”詳細(xì)信息（如圖3.2-6），若點(diǎn)擊“返回頂部”則可以返回細(xì)分類別按鈕層（圖3.2-6）（圖5.2-7）5.2.3代表作版塊該版塊作者運(yùn)用了某些，當(dāng)前網(wǎng)絡(luò)上在線看電影網(wǎng)站格局去設(shè)計(jì)，使用以便，并且有八個(gè)分類分別是：愛(ài)情、動(dòng)畫(huà)、驚悚、科幻、喜劇、懸疑、劫難和戰(zhàn)爭(zhēng)。本版塊設(shè)計(jì)技術(shù)涉及：運(yùn)用行為與層結(jié)合控制頁(yè)面分類；運(yùn)用表單中下拉菜單控制頁(yè)面中分類；代表作版塊（圖5.2-8）如下簡(jiǎn)樸演示一下：假設(shè)顧客需要查看一部名為“斯巴達(dá)300勇士”電影。要想迅速查詢一種電影最快辦法就是通過(guò)她分類去尋找。而“斯巴達(dá)300勇士”屬于一種戰(zhàn)爭(zhēng)片，因此戰(zhàn)爭(zhēng)分類去查找，辦法有兩個(gè)；辦法一：通過(guò)“分類內(nèi)容顯示欄”查找本板塊默認(rèn)分類是“愛(ài)情”分類（如圖3.2-8）。而顧客需要查詢“戰(zhàn)爭(zhēng)”分類則在“分類內(nèi)容顯示欄”最右側(cè)。把鼠標(biāo)指向“戰(zhàn)爭(zhēng)”分類，顧客會(huì)發(fā)現(xiàn)版塊中所顯示分類會(huì)立即變成“戰(zhàn)爭(zhēng)”分類（如圖3.2-9）。從而就可以輕松找出“斯巴達(dá)300勇士”這部電影了，最后點(diǎn)擊“斯巴達(dá)300勇士”這部電影標(biāo)題或者圖片（如圖3.2-10），立即就可以進(jìn)入“斯巴達(dá)300勇士”這部電影詳細(xì)信息了（如圖3.2.13）。（圖5.2-9）（圖5.2-10）（圖5.2-11）辦法二：通過(guò)“分類下拉選項(xiàng)卡”查找在本版塊上方（“l(fā)ogo”如下，“分類內(nèi)容顯示欄”以上）有八個(gè)“分類下拉選項(xiàng)卡”，分別相應(yīng)于本版塊八個(gè)分類。（如圖3.2-11）點(diǎn)擊“分類內(nèi)容顯示欄”上面戰(zhàn)爭(zhēng)下拉選項(xiàng)卡，點(diǎn)擊“斯巴達(dá)300勇士”這部電影選項(xiàng)（如圖3.2-12），這樣就可以進(jìn)入“斯巴達(dá)300勇士”這部電影詳細(xì)信息了。（如圖3.2.13）（圖3.2-12）（圖5.2-13）（圖5.2.14）本板塊提供兩種用法隨顧客喜歡那種都可以，兩種辦法都同樣以便。5.3特殊代碼一種網(wǎng)站構(gòu)成都基本都是由模版或者框架支撐起來(lái)，由于有一種統(tǒng)一風(fēng)格才干使一種網(wǎng)站看上去干凈、整潔、清晰。而本網(wǎng)站就是由一種模版支撐整個(gè)網(wǎng)頁(yè)，換句話來(lái)說(shuō)整個(gè)網(wǎng)頁(yè)都是由這個(gè)模版作為基本來(lái)設(shè)計(jì)。本網(wǎng)站基本操作都在MacromediaDreamweaver8這個(gè)網(wǎng)頁(yè)開(kāi)發(fā)軟件環(huán)境里操作，基本不需要接觸代碼。而本網(wǎng)站模版構(gòu)成，都是由大量背景透明png圖像文獻(xiàn)來(lái)支撐。但是由于MicrosoftInternetExplorer6這個(gè)瀏覽器版本太低因此瀏覽所有含透明背景png圖像文獻(xiàn)會(huì)浮現(xiàn)背景不透明現(xiàn)象（如圖3.3-1）因此在設(shè)計(jì)模版時(shí)候會(huì)在模板文獻(xiàn)中插入一下代碼：在模板文獻(xiàn)中找出第三行代碼，在<head>與</head>中間輸入如下代碼:便可以在MicrosoftInternetExplorer6&5.5這兩個(gè)版本瀏覽器下實(shí)現(xiàn)png圖形文獻(xiàn)背景透明化。（如圖3.3-2）未加代碼前（圖5.3-1）加入代碼后（圖5.3-2）

第六章網(wǎng)站設(shè)計(jì)環(huán)境6.1硬件環(huán)境 電腦: X86兼容臺(tái)式電腦 硬件配備: 解決器: 英特爾Pentium(奔騰)雙核E5300@2.60GHz 主板: 華擎4Core1600-GLAN(英特爾P35/G33/G31/P31Express) 內(nèi)存: 2GB(威剛DDR2800MHz) 主硬盤(pán): 日立HDT721025SLA380(250GB) 顯卡: NVIDIAGeForce9600GT(128MB) 顯示屏: 宏碁ACR009DX203H(19.9英寸) 光驅(qū): 明基DVDDCDWDVD刻錄機(jī) 聲卡: 瑞昱ALC662@英特爾82801G(ICH7)高保真音頻 網(wǎng)卡: 瑞昱RTL8168C(P)/8111C(P)PCI-EGigabitEthernetNIC/華擎6.2軟件環(huán)境1)數(shù)據(jù)庫(kù)：MicrosoftAccess2)網(wǎng)頁(yè)腳本：VBScript3)網(wǎng)頁(yè)編輯工具：MicromediaDreamweaver84)操作系統(tǒng)：MicrosoftWindowsXPProfessional(32位/SP3/DirectX9.0c)5)其她支撐組件:ODBC數(shù)據(jù)源、Internet信息服務(wù)（IIS）6.3軟件工具簡(jiǎn)介6.3.1網(wǎng)站設(shè)計(jì)工具M(jìn)acromediaDreamweaver8Dreamweaver是美國(guó)MACROMEDIA公司開(kāi)發(fā)集網(wǎng)頁(yè)制作和管理網(wǎng)站于一身所見(jiàn)即所得網(wǎng)頁(yè)編輯器，它是第一套針對(duì)專業(yè)網(wǎng)頁(yè)設(shè)計(jì)師特別發(fā)展視覺(jué)化網(wǎng)頁(yè)開(kāi)發(fā)工具，運(yùn)用它可以輕而易舉地制作出跨越平臺(tái)限制和跨越瀏覽器限制布滿動(dòng)感網(wǎng)頁(yè)。6.3.2多媒體解決工具AdobePhotoShop(PS)CS4Photoshop是Adobe公司旗下最為出名圖像解決軟件之一，集圖像掃描、編輯修改、圖像制作、廣告創(chuàng)意，圖像輸入與輸出于一體圖形圖像解決軟件，深受廣大平面設(shè)計(jì)人員和電腦美術(shù)興趣者愛(ài)慕。CorelDrawX4CorelDRAWGraphicsSuite是一款由世界頂尖軟件公司之一加拿大Corel公司開(kāi)發(fā)圖形圖像軟件。其非凡設(shè)計(jì)能力廣泛地應(yīng)用于商標(biāo)設(shè)計(jì)、標(biāo)志制作、模型繪制、插圖描畫(huà)、排版及分色輸出等等諸多領(lǐng)域。其被愛(ài)慕限度可用事實(shí)闡明，用于商業(yè)設(shè)計(jì)和美術(shù)設(shè)計(jì)PC電腦上幾乎都安裝了CorelDRAW。AdobeFlash8Flash是美國(guó)Macromedia公司所設(shè)計(jì)一種二維矢量動(dòng)畫(huà)軟件（現(xiàn)Adobe公司產(chǎn)品），用于設(shè)計(jì)和編輯Flash文檔，最新版本為：AdobeFlashCS5。Flash普通也指MacromediaFlashPlayer（現(xiàn)AdobeFlashPlayer），用于播放Flash文檔AdobePremierePro1.5AdobePremierePro是當(dāng)前最流行非線性編輯軟件，是數(shù)碼視頻編輯強(qiáng)大工具，它作為功能強(qiáng)大多媒體視頻、音頻編輯軟件，應(yīng)用范疇不勝枚舉，制作效果美不勝收，足以協(xié)助顧客更加高效地工作。AdobePremierePro以其新合理化界面和通用高品位工具，兼顧了廣大視頻顧客不同需求，在一種并不昂貴視頻編輯工具箱中，提供了前所未有生產(chǎn)能力、控制能力和靈活性。AdobePremierePro是一種創(chuàng)新非線性視頻編輯應(yīng)用程序，也是一種功能強(qiáng)大實(shí)時(shí)視頻和音頻編輯工具，是視頻興趣者們使用最多視頻編輯軟件之一。6.3.3音頻解決工具WaveCNWaveCN是一款32位免費(fèi)音頻編輯軟件，可運(yùn)營(yíng)于Windows98//XP等版本操作系統(tǒng)，顧客可以通過(guò)本軟件對(duì)音頻數(shù)據(jù)進(jìn)行輯修改和創(chuàng)造特殊效果。6.3.4數(shù)據(jù)庫(kù)MicrosoftAccessMicrosoftOfficeAccess（前名MicrosoftAccess）是由微軟發(fā)布關(guān)聯(lián)式數(shù)據(jù)庫(kù)管理系統(tǒng)。它結(jié)合了MicrosoftJetDatabaseEngine和圖形顧客界面兩項(xiàng)特點(diǎn)，是MicrosoftOffice成員之一。其實(shí)Access也是微軟公司另一種通訊程序名字，想與ProComm以及其她類似程序來(lái)競(jìng)爭(zhēng)?？墒鞘潞笪④涀C明這是個(gè)失敗籌劃，并且將它中斷。數(shù)年后她們把名字重新命名于數(shù)據(jù)庫(kù)軟件。此外，Access還是c語(yǔ)言一種函數(shù)名和一種互換機(jī)主干道模式。6.3.5網(wǎng)頁(yè)腳本VBScriptVBScript是微軟開(kāi)發(fā)一種腳本語(yǔ)言，可以看作是VB語(yǔ)言簡(jiǎn)化版，與VBA關(guān)系也非常密切。它具備原語(yǔ)言容易學(xué)習(xí)特性。當(dāng)前這種語(yǔ)言廣泛應(yīng)用于網(wǎng)頁(yè)和ASP程序制作，同步還可以直接作為一種可執(zhí)行程序。用于調(diào)試簡(jiǎn)樸VB語(yǔ)句非常以便。6.3.6測(cè)試工具M(jìn)icrosoftInternetExplorer6MicrosoftInternetExplorer，簡(jiǎn)稱MSIE（普通稱成InternetExplorer，簡(jiǎn)稱IE），是微軟公司推出一款網(wǎng)頁(yè)瀏覽器。Internet信息服務(wù)（IIS）InternetInformationServices（IIS，互聯(lián)網(wǎng)信息服務(wù)），是由微軟公司提供基于運(yùn)營(yíng)MicrosoftWindows互聯(lián)網(wǎng)基本服務(wù)。最初是WindowsNT版本可選包，隨后內(nèi)置在Windows、WindowsXPProfessional和WindowsServer一起發(fā)行，但在普遍使用WindowsXPHome版本上并沒(méi)有IIS。

第七章網(wǎng)站運(yùn)營(yíng)7.1設(shè)立“數(shù)據(jù)源(ODBC)”打開(kāi)【控制面板】→【管理工具】→【數(shù)據(jù)源(ODBC)】（如圖5.1-1）（圖7.1-1）進(jìn)入【數(shù)據(jù)源（ODBC）】打開(kāi)【系統(tǒng)DSN】選項(xiàng)卡點(diǎn)擊【添加】按鈕（如圖5.1-2）（圖7.1-2）進(jìn)入【創(chuàng)立新數(shù)據(jù)源】窗口，選取數(shù)據(jù)源驅(qū)動(dòng)程序【MicrosoftAccessDriver(*.mdb)】后，進(jìn)入【ODBCMicrosoftAccess安裝】窗口（如圖5.1-3），在數(shù)據(jù)源名（N）文本框輸入【liuyan】，（圖7.1-3）點(diǎn)擊【選取】按鈕進(jìn)入【選取數(shù)據(jù)庫(kù)】窗口（如圖5.1-4）找出數(shù)據(jù)庫(kù)點(diǎn)擊【擬定】（圖7.1-4）返回【ODBCMicrosoftAccess安裝】窗口點(diǎn)擊【擬定】完畢。7.2運(yùn)用IIS瀏覽網(wǎng)站筆者提供兩個(gè)運(yùn)用IIS瀏覽本網(wǎng)站辦法：7.2.1運(yùn)用IIS瀏覽網(wǎng)站打開(kāi)【控制面板】→【管理工具】→【Internet信息服務(wù)（IIS）】（如圖5.2-1）（圖7.2-1）進(jìn)入Internet信息服務(wù)（IIS）后打開(kāi)【本地計(jì)算機(jī)】→【網(wǎng)站】右鍵打開(kāi)【默認(rèn)網(wǎng)站】→【新建】→【虛擬目錄】進(jìn)入【歡迎使用虛擬目錄創(chuàng)立向?qū)А看翱冢ㄈ鐖D5.2-2），選取【下一步】繼續(xù)進(jìn)入【虛擬目錄別名】窗口輸入虛擬目錄別名（Web1）（如圖5.2-3），點(diǎn)擊【下一步】繼續(xù)（圖7.2-2）（圖7.2-3）進(jìn)入【網(wǎng)站內(nèi)容】窗口輸入網(wǎng)站本地文獻(xiàn)夾E:\DreamweaverBYSJ（如圖5.2-4）點(diǎn)擊【下一步】繼續(xù)進(jìn)入【訪問(wèn)權(quán)限】窗口全選所有選?。ㄈ鐖D5.2-5），點(diǎn)擊【下一步】繼續(xù)（圖7.2-4）（圖7.2-5）進(jìn)入【已成功完畢虛擬目錄創(chuàng)立向?qū)А看翱冢ㄈ鐖D5.2-6），點(diǎn)擊【完畢】按鈕完畢（圖7.2-6）在打開(kāi)【默認(rèn)網(wǎng)站】→【W(wǎng)eb1】虛擬目錄，找出【index.html】點(diǎn)擊右鍵，在右鍵菜單點(diǎn)擊瀏覽即可瀏覽網(wǎng)站7.2.2運(yùn)用ASP測(cè)試工具模仿IIS環(huán)境綠色專用ASP調(diào)試工具（7.2.2-1）一方面將綠色測(cè)試軟件【專用ASP調(diào)試工具.exe】移動(dòng)至與網(wǎng)頁(yè)文獻(xiàn)夾同一種目錄下。打開(kāi)測(cè)試軟件，點(diǎn)擊網(wǎng)頁(yè)文獻(xiàn)夾名稱“DreamweaverBYSJ”即可瀏覽網(wǎng)站

總結(jié)03月，我開(kāi)始了我畢業(yè)設(shè)計(jì)工作，時(shí)至今日，設(shè)計(jì)基本完畢。從最初茫然，到慢慢進(jìn)入狀態(tài)，再到對(duì)思路逐漸清晰，整個(gè)寫(xiě)作過(guò)程難以用語(yǔ)言來(lái)表達(dá)。歷經(jīng)了幾種月奮戰(zhàn)，緊張而又充實(shí)畢業(yè)設(shè)計(jì)終于落下了帷幕?；貞涍@段日子經(jīng)歷和感受，我感觸萬(wàn)千，在這次畢業(yè)設(shè)計(jì)過(guò)程中，我擁有了無(wú)數(shù)難忘回憶和收獲。3月初，在與成員交流討論中我題目定了下來(lái)，以本人1月完畢靜態(tài)網(wǎng)站修改為動(dòng)態(tài)網(wǎng)站，作為本次畢業(yè)設(shè)計(jì)主題。由于動(dòng)態(tài)網(wǎng)站我沒(méi)學(xué)過(guò)因此，因此當(dāng)畢業(yè)設(shè)計(jì)任務(wù)目的定下來(lái)時(shí)候，我當(dāng)時(shí)便立即著手資料收集工作中，當(dāng)時(shí)面對(duì)浩瀚書(shū)海真是有些茫然，不知如何下手。我將這一困難告訴了項(xiàng)榮建教師，在教師細(xì)心指引下，終于使我對(duì)自己當(dāng)前工作方向和辦法有了掌握。在收集資料過(guò)程中，我破天荒去到學(xué)校圖書(shū)館收集資料，還在網(wǎng)上查找各類有關(guān)資料，將這些寶貴資料所有記在U盤(pán)上，盡量使我資料完整、精準(zhǔn)、數(shù)量多，這有助于論文撰寫(xiě)。然后我將收集到資料仔細(xì)整頓分類，及時(shí)拿給教師與同窗進(jìn)行