【正文】 第一章 緒 論網(wǎng)絡(luò)發(fā)展得太快，網(wǎng)站設(shè)計(jì)跟不上時(shí)代的發(fā)展，互聯(lián)網(wǎng)上很大一部分企業(yè)網(wǎng)站缺乏設(shè)計(jì)思想和技術(shù)含量，還遠(yuǎn)遠(yuǎn)停留在幾年前的水平，沒有發(fā)揮網(wǎng)站應(yīng)有的作用。頗具設(shè)計(jì)思想、富于企業(yè)文化信息、技術(shù)含量高、交互性強(qiáng)、可自主維護(hù)、令人流連忘返、過目難忘、能夠起到營(yíng)銷作用的網(wǎng)站更是鳳毛麟角。隨著網(wǎng)絡(luò)的發(fā)展，人們的要求也越來越高，對(duì)于網(wǎng)站的設(shè)計(jì)制作也越來越在意，我們的網(wǎng)站應(yīng)該不僅僅是信息的簡(jiǎn)單羅列，否則就會(huì)很容易被淹沒在浩如煙海的互聯(lián)網(wǎng)之中。我們隨便在一個(gè)搜索引擎上查找某一行業(yè)的企業(yè)網(wǎng)站，都會(huì)找到成千上萬條信息，試想，在這么多的網(wǎng)站中，沒有自己企業(yè)特色、平庸無奇的網(wǎng)站是不會(huì)令人感到興趣的，更不用說進(jìn)入詳細(xì)瀏覽了。我們知道，好的衣服能提高一個(gè)人的身價(jià)，好的網(wǎng)站也會(huì)提高一個(gè)企業(yè)的形象。一個(gè)好的網(wǎng)站在結(jié)構(gòu)，導(dǎo)航，用色，內(nèi)容，功能，效率等各個(gè)方面都是很講究的，它給瀏覽者一種吸引力，讓瀏覽者觀賞的同時(shí)了解了企業(yè)信息，并及時(shí)與客戶進(jìn)行交流和溝通，有助于提升企業(yè)形象、促進(jìn)品牌宣傳、提高服務(wù)質(zhì)量、增強(qiáng)企業(yè)的競(jìng)爭(zhēng)力、提高企業(yè)生產(chǎn)效率、降低經(jīng)營(yíng)成本、優(yōu)化資源配置。1．1 設(shè)計(jì)思想浙江博元建設(shè)工程有限公司為國(guó)家房屋建筑施工總承包貳級(jí)企業(yè)，始創(chuàng)建于1978年的浙江省東陽市建筑營(yíng)造公司，施工區(qū)域主要分布在沿長(zhǎng)江三角洲地區(qū)以及海南、四川、湖北等地。隨著公司業(yè)務(wù)的不斷拓展，市場(chǎng)信息網(wǎng)絡(luò)已遍及全國(guó)各地。為順應(yīng)時(shí)代發(fā)展，提升博元公司的企業(yè)形象，增強(qiáng)企業(yè)競(jìng)爭(zhēng)力，促進(jìn)企業(yè)發(fā)展，特編寫該企業(yè)的動(dòng)態(tài)網(wǎng)上形象展示系統(tǒng)。系統(tǒng)從建筑工程類公司的特點(diǎn)出發(fā)，基于ASP技術(shù)，利用個(gè)性化的精美設(shè)計(jì)，并結(jié)合了Access數(shù)據(jù)庫、Flash動(dòng)畫軟件、Dreamweaver網(wǎng)頁開發(fā)軟件、Fireworks圖像編輯軟件等多種先進(jìn)的技術(shù)手段，涵蓋了企業(yè)介紹、企業(yè)理念、領(lǐng)導(dǎo)致辭、企業(yè)榮譽(yù)、工程業(yè)績(jī)、機(jī)械裝備、在線反饋、聯(lián)系方式、企業(yè)動(dòng)態(tài)、行業(yè)新聞等功能模塊，是一個(gè)設(shè)計(jì)與技術(shù)并重的動(dòng)態(tài)數(shù)據(jù)庫網(wǎng)站。通過這樣一個(gè)網(wǎng)絡(luò)平臺(tái)，提升企業(yè)形象，開拓更大市場(chǎng)，建立新型的商務(wù)管理模式，引領(lǐng)企業(yè)進(jìn)入電子商務(wù)領(lǐng)域，為客戶提供更完善的服務(wù)，加強(qiáng)企業(yè)與社會(huì)之間的信息聯(lián)系，改善內(nèi)部管理，提高運(yùn)營(yíng)效率。1．2 開發(fā)工具的選用及介紹1．2．1 ASP簡(jiǎn)介 ASP的全稱是：Active Server Pages，是在服務(wù)器端腳本編譯環(huán)境，使用它可以創(chuàng)建和運(yùn)行動(dòng)態(tài)、交互的Web服務(wù)器應(yīng)用程序。ASP可以與HTML頁、腳本命令和ActiveX組件組合創(chuàng)建交互的Web頁和基于Web的功能強(qiáng)大的應(yīng)用程序。ASP應(yīng)用程序很容易開發(fā)和修改。以下羅列了 Active Server Pages 所獨(dú)具的一些特點(diǎn)：　 1. 使用 VBScript ，JScript 等簡(jiǎn)單易用的腳本語言，結(jié)合 HTML 代碼，即可快速地完成網(wǎng)站的應(yīng)用程序的編寫。 　 2. 無須編譯，容易編寫，調(diào)試方便可在服務(wù)器端直接執(zhí)行。 　 3. 使用普通的文本編輯器，如 Windows 的記事本，或在Dreamweaver、Frontpage等流行軟件中都可進(jìn)行編輯設(shè)計(jì)。 　 4. 與瀏覽器無關(guān) (Browser Independence)。用戶端只要使用可執(zhí)行 HTML 碼的瀏覽器，即可瀏覽 ASP 網(wǎng)頁的內(nèi)容。 ASP所使用的腳本語言 (VBScript 、 Jscript) 均在 WEB 服務(wù)器端執(zhí)行，用戶端的瀏覽器不要求能夠執(zhí)行這些腳本語言。 　 5. ASP 能與任何 ActiveX scripting 語言相容。除了可使用 VBScript 或 JScript 語言來設(shè)計(jì)外，還通過 plugin 的方式，使用由第三方所提供的其他腳本語言，如：REXX 、 Perl 、 Tcl 等。腳本引擎是處理腳本程序的 COM(Component Object Model) 物件。 　 6. Active Server Pages 的源程序，不會(huì)被傳到客戶瀏覽器，因而可以避免所寫的源程序被他人直接剽竊，提高了程序的安全性。 　 7. 可使用服務(wù)器端的腳本來控制產(chǎn)生客戶端的腳本。 　 8. ActiveX Server Components(ActiveX 服務(wù)器元件 ) 具有無限可擴(kuò)充性?？梢允褂?Visual Basic 、 Java 、 Visual C++ 、 COBOL 等編程語言來編寫你所需要的 ActiveX Server Component 。由此可見，將ASP技術(shù)用于展示形象的企業(yè)網(wǎng)站是最適合的。1．2．2 Access簡(jiǎn)介Access是Office里面的一個(gè)組件，正如Office方便性和易使用性一樣，Access 是設(shè)計(jì)中小企業(yè)所用數(shù)據(jù)庫的良好工具,利用Access的動(dòng)態(tài)頁面能力，可以比較容易地達(dá)到用它來構(gòu)造WWW應(yīng)用環(huán)境的目標(biāo)。Access 的優(yōu)點(diǎn)在于它能使用數(shù)據(jù)表示圖或自定義窗體收集信息。數(shù)據(jù)表示圖提供了一種類似于Excel的電子表格，可以使數(shù)據(jù)庫一目了然。另外，Access 允許創(chuàng)建自定義報(bào)表用于打印或輸出數(shù)據(jù)庫中的信息。Access也提供了數(shù)據(jù)存儲(chǔ)庫，可以使用桌面數(shù)據(jù)庫文件把數(shù)據(jù)庫文件置于網(wǎng)絡(luò)文件服務(wù)器，與其他網(wǎng)絡(luò)用戶共享數(shù)據(jù)庫。Access是一種關(guān)系數(shù)據(jù)庫工具，關(guān)系數(shù)據(jù)庫是已開發(fā)的最通用的數(shù)據(jù)庫之一。如上所述，Access 作為關(guān)系數(shù)據(jù)庫開發(fā)具備了許多優(yōu)點(diǎn)，可以在一個(gè)數(shù)據(jù)包中同時(shí)擁有桌面數(shù)據(jù)庫的便利和關(guān)系數(shù)據(jù)庫的強(qiáng)大功能。另外，中小型企業(yè)網(wǎng)站很少有買或租服務(wù)器的，租用虛擬主機(jī)的話，如果選擇SQL Server數(shù)據(jù)庫就沒辦法直接用了，必須額外購買數(shù)據(jù)庫空間，所以，對(duì)于中小型企業(yè)網(wǎng)站來說，Access是最經(jīng)濟(jì)實(shí)用的選擇。由此可見，選擇Access數(shù)據(jù)庫用于展示形象的企業(yè)網(wǎng)站是最適合的。1．2．3 Flash簡(jiǎn)介Flash是Macromedia公司出品的，用在互聯(lián)網(wǎng)上動(dòng)態(tài)的、可互動(dòng)的shockwave。它的優(yōu)點(diǎn)是體積小，可邊下載邊播放，這樣就避免了用戶長(zhǎng)時(shí)間的等待。FLASH可以用其生成動(dòng)畫，還可在網(wǎng)頁中加入聲音。這樣你就能生成多媒體的圖形和界面，而使文件的體積卻很小。Flash雖然不可以象一門語言一樣進(jìn)行編程，但用其內(nèi)置的ActionScript語句，您也可作出互動(dòng)性很強(qiáng)的主頁來。Flash另外一個(gè)特點(diǎn)就是必須安裝插件Plugin，才能被瀏覽器所接受，當(dāng)然這也避免了瀏覽器之間的差異，使之一視同仁。以下羅列了Flash所獨(dú)具的一些特點(diǎn)：1. Flash動(dòng)畫受網(wǎng)絡(luò)資源的制約一般比較短小，所以在情節(jié)和畫面上往往更夸張起伏，致力在最短時(shí)間內(nèi)傳達(dá)最深感受。 2. Flash動(dòng)畫具有交互性優(yōu)勢(shì)，更好的滿足的受眾的需要，他可以讓欣賞者的動(dòng)作成為動(dòng)畫的一部分，通過點(diǎn)擊、選擇等動(dòng)作決定動(dòng)畫的運(yùn)行過程和結(jié)果。這一點(diǎn)是傳統(tǒng)動(dòng)畫所無法比擬的。 3. 不僅如此，由于只需要掌握一些特定的軟件就可以嘗試，F(xiàn)LASH動(dòng)畫的制作相對(duì)比較簡(jiǎn)單，一個(gè)愛好者很容易就能成為一個(gè)制作者。全新的Flash動(dòng)畫(Flash)使動(dòng)畫制作變得非常簡(jiǎn)單：一套電腦軟件，一個(gè)人，一臺(tái)電腦就可以制作出一段有聲有色的動(dòng)畫片段。 4. Flash動(dòng)畫可以放在網(wǎng)上供人欣賞和下載，由于使用的是矢量圖，文件小，傳輸速度快的特點(diǎn)，助長(zhǎng)了高速動(dòng)畫的崛起，可以利用獨(dú)有的優(yōu)勢(shì)在網(wǎng)上廣泛，有著可比擬的傳播性。Flash制作的MV比傳統(tǒng)的MV就易于在網(wǎng)絡(luò)上傳播。 5. Flash動(dòng)畫雖然現(xiàn)在還是比較粗糙、簡(jiǎn)陋，但Flash有新的視覺效果，比傳統(tǒng)的動(dòng)漫更加輕易與靈巧,更加的酷。它不可否認(rèn)已經(jīng)成為了一種新時(shí)代的藝術(shù)表現(xiàn)形式。 6. 用Flash制作動(dòng)畫會(huì)大幅度降低制作成本，減少人力，物力資源的消耗。同時(shí)，在制作時(shí)間上也會(huì)大大減少。半小時(shí)的節(jié)目，若用Flash技術(shù)制作，大約3至4個(gè)月就可殺青，若用其它技術(shù)通常需用1014個(gè)月。 7. Flash制作的動(dòng)畫可以同時(shí)在網(wǎng)絡(luò)與電視臺(tái)播出，實(shí)現(xiàn)一片兩播。本人使用最新版Flash 8作為企業(yè)形象網(wǎng)站Flash動(dòng)畫的制作工具。1．2．4 Dreamweaver簡(jiǎn)介Dreamweaver是美國(guó)Macromedia公司開發(fā)的集網(wǎng)頁制作和管理網(wǎng)站于一身的所見即所得網(wǎng)頁編輯器，它是第一套針對(duì)專業(yè)網(wǎng)頁設(shè)計(jì)師特別發(fā)展的視覺化網(wǎng)頁開發(fā)工具，利用它可以輕而易舉地制作出跨越平臺(tái)限制和跨越瀏覽器限制的充滿動(dòng)感的網(wǎng)頁。Dreamweaver的特點(diǎn)如下：1. 最佳的制作效率Dreamweaver可以用最快速的方式將Fireworks，F(xiàn)reeHand或Photoshop等文檔移到網(wǎng)頁上。使用檢色吸管工具選擇熒屏上的顏色，可設(shè)定最接近的網(wǎng)頁安全色。對(duì)于選擇菜單、快捷鍵以及格式控制，都只需一個(gè)簡(jiǎn)單步驟便可完成。Dreamweaver能與你喜愛的設(shè)計(jì)工具，如Playback ,Flash，Shockwave及其他外掛模組等搭配，用戶不需離開Dreamweaver便可完成他們需要完成的工作。此外，只要單擊便可使Dreamweaver自動(dòng)開啟Fireworks或Photoshop，從而實(shí)現(xiàn)編輯與設(shè)定圖檔的最佳化。2. 網(wǎng)站管理使用網(wǎng)站地圖可以快速制作網(wǎng)站雛形，設(shè)計(jì)、更新和重組網(wǎng)頁。改變網(wǎng)頁位置或文檔名稱，Dreamweaver會(huì)自動(dòng)更新所有鏈接。使用資源文字、HTML代碼、HTML屬性標(biāo)簽和一般語法的搜尋及置換功能，可使復(fù)雜的網(wǎng)站更新變得迅速又簡(jiǎn)單。3. 無可比擬的控制能力Dreamweaver是惟一提供Roundtrip HTML、可視化編輯與原始代碼編輯同步的設(shè)計(jì)工具。他包含HomeSite和BBEdit等主流文字編輯器。幀(Frames)和表格的制作速度快得令你無法想象。進(jìn)階表格編輯功能可使你簡(jiǎn)單地選擇單元格、行、欄或作不連續(xù)的選取。用戶甚至可以排序或格式化表格群組。Dreamweaver支持精確定位，利用他可輕易地將表格轉(zhuǎn)換成表格的圖層以拖拉置放的方式進(jìn)行版面設(shè)計(jì)。4. 所供即所得Dreamweaver成功整合動(dòng)態(tài)式出版視覺編輯及電子商務(wù)功能，提供超強(qiáng)的支援能力給hireparty廠商，包含ASP， Apache，BroadVision， Cold Fusion，iCAT， Tango與自行發(fā)展的應(yīng)用軟件。當(dāng)你正使用Dreamweaver設(shè)計(jì)動(dòng)態(tài)網(wǎng)頁時(shí)，所供即所得的功能讓你不需要透過瀏覽器就能預(yù)覽網(wǎng)頁。5. 夢(mèng)幻樣版和XMLDreamweaver將內(nèi)容與設(shè)計(jì)分開，應(yīng)用快速網(wǎng)頁更新和團(tuán)隊(duì)合作網(wǎng)頁編輯。建立網(wǎng)頁外觀的模板，指定可編輯或不可編輯的部分，內(nèi)容提供者可直接編輯以樣式為主的內(nèi)容,卻不會(huì)因不小心而改變既定的樣式。用戶也可以使用模板正確地導(dǎo)入或?qū)С鯴ML內(nèi)容。6. 全方位的呈現(xiàn)利用Dreamweaver設(shè)計(jì)的網(wǎng)頁，可以全方位地呈現(xiàn)在任何平臺(tái)的瀏覽器上。對(duì)于Cascading Style Sheets的動(dòng)態(tài)HTML支持和鼠標(biāo)換圖效果，聲音和動(dòng)畫的DHTML效果資料庫可在Netscape和Microsoft瀏覽器上執(zhí)行。用戶可以使用不同瀏覽器檢查展示，隨之Dreamweaver就列出你在不同瀏覽器上執(zhí)行的成效如何。當(dāng)有新的瀏覽器上市時(shí)，只需從Dreamweaver的網(wǎng)站下載他的描述文檔，便可得知詳盡的成效報(bào)告。(1) Macromedia的Dreamweaver 提供了可視化網(wǎng)頁開發(fā)工具的生產(chǎn)力，卻不會(huì)降低HTML原代碼的控制，Dreamweaver 提供的Roundtrip HTML 功能，讓你無誤地切換于可視化界面與HTML原代碼編輯器之間；拖放式的表格、框架設(shè)計(jì)；以及通過站點(diǎn)地圖來管理網(wǎng)站，并進(jìn)行內(nèi)容的更新。 Dreamweaver 支持跨瀏覽器的 Dynamic HTML，階層式樣式表單、絕對(duì)坐標(biāo)定位以及JavaScript 的動(dòng)畫，使你更容易編輯網(wǎng)頁。(2) Roundtrip HTML 功能完全控制HTML原始代碼，著名的BBEdit 與 Home Site 編輯器分別內(nèi)含于 Macintosh 與 Windows 版本的軟體中。(3) 當(dāng)開啟其他編輯器產(chǎn)生的網(wǎng)頁時(shí)，他會(huì)保存既有的 HTML 格式。使用絕對(duì)坐標(biāo)可獲得精確且彈性的設(shè)計(jì)。 Dynamic HTML、直覺式時(shí)間軸界面以及JavaScrip 行為庫，可以不需要其他程序的支持，卻能讓 HTML元件動(dòng)起來。(4) 以全網(wǎng)站內(nèi)容管理的方式讓你擺脫逐頁更新管理的缺點(diǎn)，提高你的工作效率。當(dāng)你要編輯自己既有的網(wǎng)頁時(shí)，Dreamweaver會(huì)尊重你在其他編輯器所做出的原始代碼，不會(huì)任意地改變他。 而在使用Dreamweaver的可視化編輯環(huán)境時(shí)，你可以在HTML監(jiān)視器上同步地看到Dreamweaver為你所產(chǎn)生的原始代碼。如果想要在可視化編輯模式和原始代碼編輯模式之間跳換的話，只要按一下所需的視窗就可以了。如上所述，Dreamweaver是一款優(yōu)秀的網(wǎng)站開發(fā)及管理軟件，此次開發(fā)企業(yè)形象展示系統(tǒng)，本人使用最新版Dreamweaver 8生成網(wǎng)站模板及編寫HTML、ASP和CSS代碼。1．2．5 Fireworks簡(jiǎn)介Fireworks是Macromedia公司推出的專門針對(duì)網(wǎng)絡(luò)圖形設(shè)計(jì)的工具軟件。在繪圖方面，F(xiàn)ireworks結(jié)合了位圖以及矢量圖處理的特點(diǎn)，不僅具備復(fù)雜的圖象處理功能，并且還能輕松地把圖形輸出到Flash，Dreamweaver 以及第三方的應(yīng)用程序。它既可以編輯Web圖像，又可以編輯We