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