計(jì)算機(jī)網(wǎng)站設(shè)計(jì)畢業(yè)論文--網(wǎng)頁(yè)設(shè)計(jì)與制作

1、<p><b>　　畢業(yè)論文</b></p><p><b>　　網(wǎng)頁(yè)設(shè)計(jì)與制作</b></p><p>　　論文作者：______ _____________</p><p>　　專 業(yè)：______計(jì)算機(jī)多媒體技術(shù)_________</p><p>　　學(xué) 號(hào)：__

2、____ _________</p><p>　　班 級(jí)：_____ ____________</p><p>　　指導(dǎo)教師:_______ _________________</p><p>　　答辯委員會(huì)主席____________ 評(píng)閱人______________</p><p>　　論

3、文答辯日期______________</p><p><b>　　摘要</b></p><p>　　隨著網(wǎng)絡(luò)技術(shù)的迅猛發(fā)展, 當(dāng)代企業(yè)紛紛建立自己的網(wǎng)站,借助于互聯(lián)網(wǎng)擴(kuò)大自己的影響、推廣自己的產(chǎn)品,同時(shí)通過(guò)互聯(lián)網(wǎng)快速的信息傳遞加速自身的發(fā)展。因此我選擇將公司網(wǎng)頁(yè)的設(shè)計(jì)與制作作為我的項(xiàng)目。</p><p>　　本論文所研究的是如何建設(shè)一個(gè)符合大

4、眾化要求的企業(yè)網(wǎng)站及前段版面設(shè)計(jì)的過(guò)程，前端的開發(fā)中，在頁(yè)面的布局時(shí)，HTML將元素進(jìn)行定義，div+css對(duì)展示的元素進(jìn)行定位，再通過(guò)JavaScript實(shí)現(xiàn)相應(yīng)的效果和交互。雖然表面看起來(lái)這些很簡(jiǎn)單，但這里面需要掌握的東西絕對(duì)不會(huì)少。在進(jìn)行開發(fā)前，需要對(duì)這些概念弄清楚，弄明白，這樣在開發(fā)的過(guò)程中才會(huì)得心應(yīng)手</p><p>　　通過(guò)對(duì)企業(yè)需求的了解和對(duì)其他企業(yè)網(wǎng)站的參考，最終成功完成了一個(gè)虛擬的企業(yè)網(wǎng)站。通過(guò)

5、這次建站的過(guò)程不僅讓我對(duì)前段div+css有了更深的了解，更讓我熟練的運(yùn)用了Photoshop這個(gè)軟件，不過(guò)還有很大的提升空間，我會(huì)繼續(xù)努力。</p><p>　　關(guān)鍵詞：網(wǎng)站設(shè)計(jì)，HTML，div+css，dreamweaver</p><p><b>　　目 錄</b></p><p><b>　　摘要III</b>

6、;</p><p><b>　　目錄IV</b></p><p><b>　　第1章 緒論V</b></p><p><b>　　1.1 概述6</b></p><p>　　第2章 企業(yè)網(wǎng)站開發(fā)相關(guān)技術(shù)及工具7</p><p>　　2.1 Dr

7、eamweaver簡(jiǎn)介7</p><p>　　2.2 HTML語(yǔ)言簡(jiǎn)介8</p><p>　　2.3 div+css簡(jiǎn)介9</p><p>　　2.4 Photoshop簡(jiǎn)介10</p><p>　　第3章 網(wǎng)站整體設(shè)計(jì)12</p><p>　　3.1需求分析12</p><p>　

8、　3.2網(wǎng)站功能結(jié)構(gòu)圖12</p><p>　　3.3前臺(tái)功能模塊設(shè)計(jì)13</p><p>　　第4章 網(wǎng)站各項(xiàng)功能的實(shí)現(xiàn)及效果分析15</p><p>　　4.1網(wǎng)站功能的實(shí)現(xiàn)16</p><p>　　4.2前后臺(tái)效果分析16</p><p><b>　　第五章 總結(jié)36</b>&l

9、t;/p><p><b>　　參考文獻(xiàn)37</b></p><p><b>　　致謝37</b></p><p><b>　　第1章 緒論</b></p><p><b>　　1.1 概述</b></p><p>　　現(xiàn)在網(wǎng)絡(luò)的發(fā)

10、展已呈現(xiàn)商業(yè)化、全民化、全球化的趨勢(shì)。目前，幾乎世界上所有的公司都在利用網(wǎng)絡(luò)傳遞商業(yè)信息，進(jìn)行商業(yè)活動(dòng)，從宣傳企業(yè)、發(fā)布廣告、招聘雇員、傳遞商業(yè)檔乃至拓展市場(chǎng)、網(wǎng)上銷售等，無(wú)所不能。如今網(wǎng)絡(luò)已成為企業(yè)進(jìn)行競(jìng)爭(zhēng)的戰(zhàn)略手段。企業(yè)經(jīng)營(yíng)的多元化拓展，企業(yè)規(guī)模的進(jìn)一步擴(kuò)大，對(duì)于企業(yè)的管理、業(yè)務(wù)擴(kuò)展、企業(yè)品牌形象等提供了更高的要求。在以資訊技術(shù)為支撐的新經(jīng)濟(jì)條件下，越來(lái)越多的企業(yè)利用起網(wǎng)絡(luò)這個(gè)有效的工具。網(wǎng)站早已由論證階段進(jìn)入了實(shí)質(zhì)階段，尤其為企業(yè)

11、提供一個(gè)展示自己的舞臺(tái)、為消費(fèi)者創(chuàng)造一個(gè)了解企業(yè)的捷徑。公司可以通過(guò)建立商業(yè)平臺(tái)，實(shí)行全天候銷售服務(wù)，借助網(wǎng)絡(luò)推廣企業(yè)的形象、宣傳企業(yè)的產(chǎn)品、發(fā)布公司新聞，同時(shí)通過(guò)信息反饋使公司更加了解顧客的心理和需求，網(wǎng)站虛擬公司與實(shí)體公司的經(jīng)營(yíng)運(yùn)作有機(jī)的結(jié)合，將會(huì)有利于公司產(chǎn)品銷售管道的拓展，并節(jié)省大量的廣告宣傳和經(jīng)營(yíng)運(yùn)營(yíng)成本，更好地把握商機(jī)。隨著全球信息網(wǎng)絡(luò)的發(fā)展，Internet在世界上已不僅僅是一種技術(shù)，更重要的是它已成為一種新的經(jīng)營(yíng)模式。&

12、lt;/p><p>　　在新經(jīng)濟(jì)條件下，商業(yè)規(guī)則已經(jīng)發(fā)生了一些改變，電子商務(wù)對(duì)企業(yè)的基本構(gòu)架在速度和效率上提出了更高的要求。電子商務(wù)的環(huán)境和競(jìng)爭(zhēng)狀況變化如此之快，網(wǎng)上商品交易系統(tǒng)及售后服務(wù)系統(tǒng)，該系統(tǒng)提高了社會(huì)資源利用率，同時(shí)也為個(gè)人商品交易提供了方面，所以，企業(yè)建立網(wǎng)站的意義如下:</p><p>　　一、擁有企業(yè)自己的域名，建立企業(yè)自己的網(wǎng)站，樹立企業(yè)在科技信息時(shí)代的完美形象。作為第四媒體

13、的互聯(lián)網(wǎng)，其特點(diǎn)就是可以跨越時(shí)空，正常情況下， 網(wǎng)站無(wú)時(shí)無(wú)刻 不在工作通過(guò)企業(yè)的網(wǎng)站，用戶可以跨越時(shí)空了解企業(yè)，利用多媒體技術(shù)，企業(yè)可以 向用戶展示產(chǎn)品、技術(shù)、經(jīng)營(yíng)理念、企業(yè)文化、企業(yè)形象，樹立現(xiàn)代企業(yè)形象，增值 企業(yè)無(wú)形資產(chǎn)。 </p><p>　　二、宣傳企業(yè)，創(chuàng)造銷售機(jī)會(huì)據(jù)調(diào)查，有超過(guò)30%的人是通過(guò)上網(wǎng)查詢企業(yè)的電話和地址的，這一比例和通過(guò)114查詢的比例相接近，可見(jiàn)企業(yè)網(wǎng)站已成為許多人首次接觸企業(yè)

14、、了解相關(guān)信息的選擇。 </p><p>　　三、加強(qiáng)客戶溝通宣傳企業(yè)產(chǎn)品企業(yè)可以通過(guò)網(wǎng)站建立與客戶溝通的便捷渠道，全面展示企業(yè)的所有產(chǎn)品。網(wǎng)絡(luò)科技足以令您的產(chǎn)品與品牌形象更加立體地</p><p>　　呈現(xiàn)在用戶面前，就算企業(yè)僅僅把網(wǎng)站當(dāng)成電子宣傳冊(cè)來(lái)使用，也較傳統(tǒng)的宣傳模式更加的多姿多彩、更加地易于發(fā)布與傳播、更加的經(jīng)濟(jì)與環(huán)保。 '</p><p>

15、　　四、豐富營(yíng)銷手段，擴(kuò)大產(chǎn)品銷售渠道企業(yè)網(wǎng)站可以滿足一部分客戶網(wǎng)上查詢與采購(gòu)的需要，抓住網(wǎng)絡(luò)商機(jī)。企業(yè)通過(guò)網(wǎng)站可以開展電子營(yíng)銷。首先，電子營(yíng)銷作為傳統(tǒng)營(yíng)銷的補(bǔ)充；其次， 電子營(yíng)銷可以拓展新的空間，增加銷售渠道，接觸更大的消費(fèi)群體，獲得更多的新顧 客，擴(kuò)大市場(chǎng)；再次，電子營(yíng)銷可以減少環(huán)節(jié)，減少人員，節(jié)約費(fèi)用，降低成本，有利于提高營(yíng)銷效率。 </p><p>　　五、有利于了解顧客的意見(jiàn)，掌握顧客的需求在不干擾顧

16、客正常工作和生活的條件下，企業(yè)通過(guò)網(wǎng)站上的調(diào)查表、留言薄、定 制服務(wù)以及E-MAIL可以傾聽(tīng)顧客的意見(jiàn)，了解顧客的心聲，加強(qiáng)企業(yè)與顧客間的聯(lián)系 建立良好的顧客關(guān)系。</p><p>　　六、有利于改善服務(wù)，提高企業(yè)服務(wù)質(zhì)量利用網(wǎng)站，通過(guò)電子溝通方式，企業(yè)開展的在線服務(wù)是傳統(tǒng)的溝通方式（如，郵 件、電話、傳真等）所無(wú)比擬的，在線服務(wù)能夠更加及時(shí)準(zhǔn)確地掌握用戶的需求，通過(guò)網(wǎng)站的交互式服務(wù)使得被動(dòng)提供和主動(dòng)獲得統(tǒng)一起來(lái)

17、，從而實(shí)現(xiàn)售前、售中、售后的全過(guò)程和全方位的服務(wù)。</p><p>　　我們所處的時(shí)代是高度信息化的互聯(lián)網(wǎng)時(shí)代，互聯(lián)網(wǎng)正在滲透到我們生活中的方方面面，并且在以十倍甚至百倍的速度提高著我們的工作效率?；ヂ?lián)網(wǎng)的發(fā)展帶來(lái)了一場(chǎng)規(guī)模空前的行業(yè)革命，他不僅改變了許多傳統(tǒng)行業(yè)的運(yùn)作模式，同時(shí)也產(chǎn)生了許多新的行業(yè)，并且可以重新排定行業(yè)內(nèi)各個(gè)企業(yè)的地位?？梢哉f(shuō)互聯(lián)網(wǎng)時(shí)代是一個(gè)資源和財(cái)富再分配的時(shí)代?；ヂ?lián)網(wǎng)絡(luò)真正的內(nèi)涵在于其內(nèi)容的

18、豐富性，幾乎無(wú)所不包。對(duì)于一個(gè)企業(yè)來(lái)說(shuō)，其具有網(wǎng)絡(luò)溝通能力的標(biāo)志是公司擁有自己的獨(dú)立網(wǎng)站</p><p>　　第2章 企業(yè)網(wǎng)站開發(fā)相關(guān)技術(shù)及工具</p><p>　　2.1 Dreamweaver簡(jiǎn)介</p><p>　　Adobe Dreamweaver，簡(jiǎn)稱“DW”，中文名稱 "夢(mèng)想編織者"，是美國(guó)MACROMEDIA公司開發(fā)的集網(wǎng)頁(yè)制作和管

19、理網(wǎng)站于一身的所見(jiàn)即所得網(wǎng)頁(yè)編輯器，DW是第一套針對(duì)專業(yè)網(wǎng)頁(yè)設(shè)計(jì)師特別發(fā)展的視覺(jué)化網(wǎng)頁(yè)開發(fā)工具，利用它可以輕而易舉地制作出跨越平臺(tái)限制和跨越瀏覽器限制的充滿動(dòng)感的網(wǎng)頁(yè)。Macromedia公司成立于1992年，2005年被Adobe公司收購(gòu)。Adobe Dreamweaver使用所見(jiàn)即所得的接口，亦有HTML（標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用）編輯的功能。它有Mac和Windows系統(tǒng)的版本。Macromedia被Adobe收購(gòu)后，Ado

20、be也開始計(jì)劃開發(fā)Linux版本的Dreamweaver了。 Dreamweaver自MX版本開始，使用了Opera的排版引擎"Presto" 作為網(wǎng)頁(yè)預(yù)覽</p><p>　　Dreamweaver是一個(gè)功能強(qiáng)大的網(wǎng)頁(yè)設(shè)計(jì)工具，有著方便實(shí)用的工具和所見(jiàn)即所得的排版功能，見(jiàn)面十分友好，使用方便。在不需要掌握HTML語(yǔ)言的情況下，即可利用其強(qiáng)大的功能開發(fā)出專業(yè)的網(wǎng)頁(yè)。Dreamweaver也是一

21、個(gè)方便的編程工具，可以方便地編寫ASP、PHP、JSP代碼，軟件的自動(dòng)提示填充功能和代碼染色功能可以有效地幫助用戶編寫和調(diào)試各種代碼。它集網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站開發(fā)和站點(diǎn)管理功能于一身，具有可視化、支持多平臺(tái)和跨瀏覽器的特性，是目前網(wǎng)站設(shè)計(jì)、開發(fā)、制作的首選工具。借助于Dreamweaver可以快速方便地開發(fā)出各種動(dòng)態(tài)或靜態(tài)網(wǎng)站。。</p><p><b>　　發(fā)展歷程：</b></p>

22、<p>　　Dreamweaver1.0發(fā)布于1997年12月，由之前的Macromedia公司發(fā)布。</p><p>　　Dreamweaver2.0，發(fā)布于1998年12月。</p><p>　　Dreamweaver3.0，發(fā)布于1999年12月。</p><p>　　Dreamweaver3.0不足3M，是個(gè)經(jīng)典版本。無(wú)論是多破的機(jī)器，速度特快

23、，功能夠用。此時(shí)的Dreamweaver已經(jīng)是一個(gè)集網(wǎng)頁(yè)創(chuàng)作和站點(diǎn)管理兩大利器于一身的超重量級(jí)的創(chuàng)作工具。</p><p><b>　　功能介紹：</b></p><p>　　借助共享型用戶界面設(shè)計(jì),在AdobeCreativeSuite4的不同組件之間更快、更明智地工作。使用工作區(qū)切換器可以從一個(gè)工作環(huán)境快速切換到下一個(gè)環(huán)境。</p><p>

24、;　　2.2 HTML語(yǔ)言簡(jiǎn)介</p><p>　　HTML（Hyper Text Markup Language 超文本置標(biāo)語(yǔ)言）是一種用來(lái)制作超文本文檔的簡(jiǎn)單標(biāo)記語(yǔ)言。用HTML編寫的超文本文檔稱為HTML文檔，它能獨(dú)立于各種操作系統(tǒng)平臺(tái)（如UNIX，WINDOWS等）。自1990年以來(lái)HTML就一直被用作World Wide Web上的信息表示語(yǔ)言，用于描述Homepage的格式設(shè)計(jì)和它與WWW上其它Hom

25、epage的連結(jié)信息。</p><p>　　HTML文檔（即Homepage的源文件）是一個(gè)放置了標(biāo)記的ASCII文本文件，通常它帶有.html或.htm的文件擴(kuò)展名。生成一個(gè)HTML文檔主要有以下三種途徑：</p><p>　　1、手工直接編寫（例如用你所喜愛(ài)的ASCII文本編輯器或其它HTML的編輯工具）。</p><p>　　2、通過(guò)某些格式轉(zhuǎn)換工具將現(xiàn)有的其

26、它格式文檔（如WORD文檔）轉(zhuǎn)換成HTML文檔。</p><p>　　3、由Web服務(wù)器（或稱HTTP 服務(wù)器）一方實(shí)時(shí)動(dòng)態(tài)地生成。</p><p>　　HTML語(yǔ)言是通過(guò)利用各種標(biāo)記（tags）來(lái)標(biāo)識(shí)文檔的結(jié)構(gòu)以及標(biāo)識(shí)超鏈（Hyperlink）的信息。雖然HTML語(yǔ)言描述了文檔的結(jié)構(gòu)格式，但并不能精確地定義文檔信息必須如何顯示和排列，而只是建議Web瀏覽器（如Mosiac，Netscap

27、e等）應(yīng)該如何顯示和排列這些信息，最終在用戶面前的顯示結(jié)果取決于Web瀏覽器本身的顯示風(fēng)格及其對(duì)標(biāo)記的解釋能力。這就是為什么同一文檔在不同的瀏覽器中展示的效果會(huì)不一樣。</p><p>　　目前HTML語(yǔ)言的版本是2.0，它是基于SGML（Standard Generalized Markup Language）標(biāo)準(zhǔn)廣義置標(biāo)語(yǔ)言，是一套用來(lái)描述數(shù)字化文檔的結(jié)構(gòu)并管理其內(nèi)容的復(fù)雜的規(guī)范）中的一個(gè)子集演變而來(lái)的。雖然

28、下一版本的標(biāo)準(zhǔn)HTML3.0（也稱為HTML+）正在制訂之中，但其中某些部分的實(shí)驗(yàn)性標(biāo)準(zhǔn)草案已被廣泛采用，大多優(yōu)秀的Web瀏覽器（如Netscape等）都能解釋HTML3.0中的部分新標(biāo)記，因此在本章中介紹的一些HTML3.0新標(biāo)記均已被多數(shù)瀏覽器所接受。</p><p>　　2.3 div+css簡(jiǎn)介</p><p>　　HTML（Hyper Text Markup Language 超

29、文本置標(biāo)語(yǔ)言）是一種用來(lái)制作超文本文檔的簡(jiǎn)單標(biāo)記語(yǔ)言。用HTML編寫的超文本文檔稱為HTML文檔，它能獨(dú)立于各種操作系統(tǒng)平臺(tái)（如UNIX，WINDOWS等）。自1990年以來(lái)HTML就一直被用作World Wide Web上的信息表示語(yǔ)言，用于描述Homepage的格式設(shè)計(jì)和它與WWW上其它Homepage的連結(jié)信息。</p><p>　　HTML文檔（即Homepage的源文件）是一個(gè)放置了標(biāo)記的ASCII文本

30、文件，通常它帶有.html或.htm的文件擴(kuò)展名。生成一個(gè)HTML文檔主要有以下三種途徑：</p><p>　　1、手工直接編寫（例如用你所喜愛(ài)的ASCII文本編輯器或其它HTML的編輯工具）。</p><p>　　2、通過(guò)某些格式轉(zhuǎn)換工具將現(xiàn)有的其它格式文檔（如WORD文檔）轉(zhuǎn)換成HTML文檔。</p><p>　　3、由Web服務(wù)器（或稱HTTP 服務(wù)器）一方實(shí)

31、時(shí)動(dòng)態(tài)地生成。</p><p>　　HTML語(yǔ)言是通過(guò)利用各種標(biāo)記（tags）來(lái)標(biāo)識(shí)文檔的結(jié)構(gòu)以及標(biāo)識(shí)超鏈（Hyperlink）的信息。雖然HTML語(yǔ)言描述了文檔的結(jié)構(gòu)格式，但并不能精確地定義文檔信息必須如何顯示和排列，而只是建議Web瀏覽器（如Mosiac，Netscape等）應(yīng)該如何顯示和排列這些信息，最終在用戶面前的顯示結(jié)果取決于Web瀏覽器本身的顯示風(fēng)格及其對(duì)標(biāo)記的解釋能力。這就是為什么同一文檔在不同的瀏

32、覽器中展示的效果會(huì)不一樣。</p><p>　　目前HTML語(yǔ)言的版本是2.0，它是基于SGML（Standard Generalized Markup Language）標(biāo)準(zhǔn)廣義置標(biāo)語(yǔ)言，是一套用來(lái)描述數(shù)字化文檔的結(jié)構(gòu)并管理其內(nèi)容的復(fù)雜的規(guī)范）中的一個(gè)子集演變而來(lái)的。雖然下一版本的標(biāo)準(zhǔn)HTML3.0（也稱為HTML+）正在制訂之中，但其中某些部分的實(shí)驗(yàn)性標(biāo)準(zhǔn)草案已被廣泛采用，大多優(yōu)秀的Web瀏覽器（如Netsc

33、ape等）都能解釋HTML3.0中的部分新標(biāo)記，因此在本章中介紹的一些HTML3.0新標(biāo)記均已被多數(shù)瀏覽器所接受。</p><p>　　2.4 Photoshop簡(jiǎn)介</p><p>　　Adobe Photoshop是一個(gè)由Adobe Systems出品的專業(yè)圖像處理軟件。與該公司的其它軟件一樣，Photoshop適用于Mac OS及Microsoft Windows兩個(gè)操作系統(tǒng)，同時(shí)公

34、司也發(fā)布了Unix操作系統(tǒng)上的版本。Google也正在透過(guò)Wine資助Linux版Photoshop的研究。</p><p>　　Photoshop最初是由托馬斯·諾爾（Thomas Knoll）和約翰·諾爾（John Knoll）這對(duì)兄弟于1987年制作的，但直到1990年后，這個(gè)軟件才由Adobe公司首次發(fā)布。Photoshop最初用于處理那些在當(dāng)時(shí)價(jià)格不菲的掃描儀掃描下來(lái)的圖像。<

35、/p><p><b>　　特性：</b></p><p>　　Photoshop主要處理以像素（Pixels）所構(gòu)成的數(shù)字圖像。利用其廣泛的編修與繪圖工具，可以更有效的進(jìn)行圖片編輯工作。獨(dú)特的歷史紀(jì)錄浮動(dòng)視窗和可編輯的圖層效果功能使用戶可以方便的測(cè)試效果。對(duì)各種濾鏡的支持更令使用者能夠輕松創(chuàng)造出各種奇幻的效果。目前，Photoshop也正在被更多的用于處理網(wǎng)絡(luò)圖片。Pho

36、toshop的幾個(gè)后續(xù)版本中捆綁了一個(gè)獨(dú)立的軟件ImageReady，加強(qiáng)了Photoshop對(duì)網(wǎng)絡(luò)圖像（主要是GIF圖像文件）的支持功能。而在CS3中ImageReady被Fireworks所代替。Photoshop CS3允許用戶更容易升級(jí)到最新的硬件平臺(tái)，支持蘋果的Intel為內(nèi)核的系統(tǒng)。</p><p>　　Photoshop被人們認(rèn)為是最好的圖像處理軟件，但與著名的3D Studio Max一樣，昂貴的

37、價(jià)格使其難以普及。這也令Jasc Software公司的Paint Shop Pro，GIMP小組的GIMP和友立信息的Ulead PhotoImpact占領(lǐng)了相當(dāng)?shù)氖袌?chǎng)份額。為了爭(zhēng)奪市場(chǎng)，Adobe發(fā)布了一個(gè)Photoshop的簡(jiǎn)易版本Photoshop Elements。雖然它對(duì)很多功能都作了限定，但繼承了原軟件的多數(shù)優(yōu)秀功能，價(jià)格比Photoshop便宜不少。</p><p>　　Photoshop CS是

38、一款圖形、圖像編輯軟件，在網(wǎng)頁(yè)設(shè)計(jì)領(lǐng)域被廣泛得應(yīng)用。以下是其10大最新功能：</p><p>　　1、改進(jìn)的文件瀏覽器</p><p>　　使用功能強(qiáng)大文件瀏覽器的可以快速預(yù)覽、標(biāo)注和排序圖片；搜索或編輯圖像的數(shù)據(jù)元或關(guān)鍵詞；并且可以自動(dòng)批量共享文件。</p><p><b>　　2、匹配顏色命令</b></p><p>

39、;　　可以迅速?gòu)囊粡垐D片的顏色校正另外一張圖像的顏色。</p><p><b>　　3、直方圖調(diào)色板</b></p><p>　　隨時(shí)根據(jù)對(duì)圖像的調(diào)整更新直方圖調(diào)色板(Histogram Palette)。</p><p>　　4、陰影/加亮區(qū)修正</p><p>　　使用“陰影/加亮區(qū)修正(hadow/Highligh

40、t correction)”可以快速調(diào)整照片中曝光過(guò)渡或欠缺的區(qū)域。</p><p><b>　　5、沿路徑放置文本</b></p><p>　　可以像在Illustrator中一樣把文本沿著路徑放置，并且你還可以在Illustrator直接編輯文本。</p><p>　　6、支持?jǐn)?shù)碼相機(jī)的raw模式</p><p>　

41、　支持多款數(shù)碼相機(jī)得raw模式，讓用戶可以得到更真實(shí)的圖像輸入。</p><p>　　7、全面支持16位圖像</p><p>　　可以在主要功能、層、比刷、文字、圖形等中精確的編輯、潤(rùn)飾16位的圖像。</p><p>　　8、Layer Comps</p><p>　　可以在一個(gè)文件中保存不同層的合并效果，以便對(duì)各種效果進(jìn)行快速察看。<

42、/p><p>　　9、輸入Flash文件</p><p>　　使用ImageReady可以創(chuàng)建flash矢量文件。</p><p><b>　　10、自定義快捷鍵</b></p><p>　　用戶可以按照自己的習(xí)慣定義Photoshop的快捷鍵。</p><p>　　第3章 網(wǎng)站整體設(shè)計(jì)</p&

43、gt;<p><b>　　3.1需求分析</b></p><p>　　如今，互連網(wǎng)對(duì)企業(yè)來(lái)說(shuō)已經(jīng)不再是新鮮的事物了，大多數(shù)的企業(yè)都已經(jīng)建立了自己的網(wǎng)站。隨著互連網(wǎng)的快速發(fā)展，網(wǎng)路已成為人們生活的一部分。電子商務(wù)、網(wǎng)路行銷已不在只是被炒做的概念，人們對(duì)其的認(rèn)識(shí)也在深入。不僅僅是大企業(yè)需要網(wǎng)站來(lái)開展電子商務(wù)，中小企業(yè)一樣也迫切需要自己的企業(yè)網(wǎng)站用以實(shí)現(xiàn)宣傳和聯(lián)系客戶等許多傳統(tǒng)媒介無(wú)

44、法完成的目標(biāo)</p><p>　　3.2網(wǎng)站功能結(jié)構(gòu)圖</p><p>　　根據(jù)業(yè)務(wù)流程，需要將網(wǎng)站劃分為前臺(tái)、后臺(tái)和數(shù)據(jù)庫(kù)。前臺(tái)中，客戶在登錄網(wǎng)站主頁(yè)后即可鏈接查看到產(chǎn)品信息等，還可以給企業(yè)留言。數(shù)據(jù)庫(kù)將要作為網(wǎng)站后臺(tái)重要的組成部分，管理員的主要操作幾乎全部圍繞數(shù)據(jù)庫(kù)，最后將更新的數(shù)據(jù)要顯示給前臺(tái)網(wǎng)站總體結(jié)構(gòu)圖如圖</p><p>　　圖3-1 網(wǎng)站整體結(jié)構(gòu)圖&

45、lt;/p><p>　　由于中小型企業(yè)網(wǎng)站的目標(biāo)重點(diǎn)在于展示企業(yè)的信息。因此系統(tǒng)的功能模塊相對(duì)單一，就是提供信息的顯示。前臺(tái)功能主要包括首頁(yè)、產(chǎn)品展示、新聞中心、技術(shù)討論、客戶留言這五個(gè)主要模塊；后臺(tái)包括：系統(tǒng)配置、公司簡(jiǎn)介、產(chǎn)品管理、新聞管理、留言管理這五個(gè)主要模塊。各主要模塊包括幾個(gè)子模塊，如下：</p><p>　　(1)新聞公告：標(biāo)題、公告時(shí)間、公告內(nèi)容。</p><

46、;p>　　(2)產(chǎn)品展示：產(chǎn)品名稱、產(chǎn)品介紹、產(chǎn)品特點(diǎn)、圖像檔、發(fā)布時(shí)間。</p><p>　　(3)客戶留言：姓名、性別、電話、通訊地址Email、主題、留言內(nèi)容。</p><p>　　3.3前臺(tái)功能模塊設(shè)計(jì)</p><p>　　容圖3-2 前臺(tái)功能結(jié)構(gòu)圖</p><p>　　網(wǎng)站前臺(tái)是面向網(wǎng)站訪問(wèn)用戶的，通俗的說(shuō)也就是給訪問(wèn)網(wǎng)站的

47、人看的內(nèi)和頁(yè)面，網(wǎng)站前臺(tái)訪問(wèn)可以瀏覽公開發(fā)布的內(nèi)容，如產(chǎn)品信息、公告信息、企業(yè)介紹、企業(yè)聯(lián)系方式、提交留言等操作，管理可以通過(guò)密碼進(jìn)到后臺(tái)的網(wǎng)頁(yè)，來(lái)發(fā)布新聞、查看留言等操作。</p><p><b>　　主要功能模塊介紹</b></p><p><b>　?。?）首頁(yè)功能模塊</b></p><p>　　企業(yè)簡(jiǎn)介，主要包括

48、企業(yè)背景、發(fā)展歷史、主要業(yè)績(jī)及組織結(jié)構(gòu)等，讓訪問(wèn)者對(duì)企業(yè)的情況有一個(gè)概括的了解。</p><p><b>　　（2）產(chǎn)品展示</b></p><p>　　產(chǎn)品展示是指對(duì)產(chǎn)品進(jìn)行詳細(xì)展示，包括規(guī)格，產(chǎn)品的款式顏色等所有產(chǎn)品詳細(xì)的信息。做到讓網(wǎng)站的產(chǎn)品展示能讓顧客更直觀的去了解網(wǎng)站上所展示的產(chǎn)品，讓顧客在看到產(chǎn)品的同時(shí)對(duì)產(chǎn)品的每一個(gè)信息都有一定的了解。</p>

49、<p><b>　?。?）新聞模塊</b></p><p>　　通過(guò)最新的新聞信息，發(fā)布企業(yè)動(dòng)態(tài)信息，可以讓用戶了解公司的發(fā)展動(dòng)向</p><p>　　加深對(duì)公司的印象，從而達(dá)到展示企業(yè)實(shí)力和形象的目的。也可以達(dá)到宣傳公司的目的。</p><p><b>　　（4）招聘界面</b></p>&l

50、t;p>　　公司在某一部門需要發(fā)展壯大,或者有員工離開時(shí),可以在這里發(fā)布招聘信息,然后通過(guò)應(yīng)聘者打電話給公司,選擇其中合適的人員通知其到公司面試.</p><p><b>　　（5）客戶留言模塊</b></p><p>　　留言板是一個(gè)商務(wù)網(wǎng)站中不可缺少的組成部分，它可以增進(jìn)用戶與網(wǎng)站之間的交流。客戶留言反饋對(duì)公司的意見(jiàn)和評(píng)價(jià)，根據(jù)客戶對(duì)公司的意見(jiàn)和評(píng)價(jià)，來(lái)修改

51、或是制定公司的發(fā)展方向。</p><p>　　第4章 網(wǎng)站各項(xiàng)功能的實(shí)現(xiàn)及效果分析</p><p>　　4.1網(wǎng)站功能的實(shí)現(xiàn)</p><p><b>　　首頁(yè)：</b></p><p><b>　　圖4-1 首頁(yè)</b></p><p><b>　　詳細(xì)制作過(guò)程：&

52、lt;/b></p><p>　　Title 如圖：</p><p><b>　　圖4-2 網(wǎng)站標(biāo)題</b></p><p><b>　　<tr></b></p><p>　　<td width="1002" height="43"

53、background="images/index_01.jpg" style="background-repeat:no-repeat" valign="top"></p><p>　　<table width="100%" border="0" cellspacing="0" ce

54、llpadding="0"></p><p><b>　　<tr></b></p><p>　　<td height="43"><div style="margin-top:3px; margin-left:20px; color:#333333;">歡迎光臨鄭州公衛(wèi)

55、環(huán)?？萍加邢薰?lt;/div></td></p><p>　　<td height="43" align="right"><font color="#333333">今天是：<% response.Write year(date())&"年"&month(date()

56、)&"月"&day(date())&"日"&" "&WeekdayName(Weekday(date())) %></font></td></p><p><b>　　</tr></b></p><p><b>　　&

57、lt;/table></b></p><p><b>　　</td></b></p><p><b>　　</tr></b></p><p>　?。?）導(dǎo)航欄 如圖：</p><p><b>　　圖4-3 導(dǎo)航欄 </b></p

58、><p><b>　　<tr></b></p><p>　　<td height="40" align="center"><a href="index.asp" class="dh" style="font-size:14px;">網(wǎng)站首

59、頁(yè)</a></td></p><p>　　<td height="40" align="center"><img src="images/dhf.jpg" width="6" height="40" /></td></p><p>

60、　　<td height="40" align="center"><a href="about.asp?id=1" class="dh" style="font-size:14px;">公司簡(jiǎn)介</a></td></p><p>　　<td height=&qu

61、ot;40" align="center"><img src="images/dhf.jpg" width="6" height="40" /></td></p><p>　　<td height="40" align="center"><

62、;a href="prolist.asp?bid=24" class="dh" style="font-size:14px;">產(chǎn)品展示</a></td></p><p>　　<td height="40" align="center"><img src="

63、images/dhf.jpg" width="6" height="40" /></td></p><p>　　<td height="40" align="center"><a href="newslist.asp?bid=20" class="dh&quo

64、t; style="font-size:14px;">行業(yè)資訊</a></td></p><p>　　<td height="40" align="center"><img src="images/dhf.jpg" width="6" height="40&

65、quot; /></td></p><p>　　<td height="40" align="center"><a href="newslist.asp?bid=28" class="dh" style="font-size:14px;">技術(shù)討論</a><

66、;/td></p><p>　　<td height="40" align="center"><img src="images/dhf.jpg" width="6" height="40" /></td></p><p>　　<td heigh

67、t="40" align="center"><a href="newslist.asp?bid=1" class="dh" style="font-size:14px;">新聞中心</a></td></p><p>　　<td height="40"

68、; align="center"><img src="images/dhf.jpg" width="6" height="40" /></td></p><p>　　<td height="40" align="center"><a href=&q

69、uot;feedback.asp" class="dh" style="font-size:14px;">客戶留言</a></td></p><p>　　<td height="40" align="center"><img src="images/dhf.jpg&q

70、uot; width="6" height="40" /></td></p><p>　　<td height="40" align="center"><a href="about.asp?id=85" class="dh" style="font-

71、size:14px;">聯(lián)系我們</a></td></p><p><b>　　</tr></b></p><p><b>　　…….略</b></p><p>　　（3）flash滾動(dòng)功能</p><p>　　首頁(yè)菜單目錄下方的圖片滾動(dòng)效果是通過(guò)

72、SCRIPT 腳本語(yǔ)言來(lái)實(shí)現(xiàn)的。如圖所示(三張圖進(jìn)行滾動(dòng))：</p><p>　　圖4-4 flash滾動(dòng)效果</p><p><b>　　………</b></p><p>　　<script language='javascript'> </p><p>　　linkarr = new Arr

73、ay();</p><p>　　picarr = new Array();</p><p>　　textarr = new Array();</p><p>　　var swf_width=1002;</p><p>　　var swf_height=342;</p><p>　　//文字顏色|文字位置|文字背景顏色|

74、文字背景透明度|按鍵文字顏色|按鍵默認(rèn)顏色|按鍵當(dāng)前顏色|自動(dòng)播放時(shí)間|圖片過(guò)渡效果|是否顯示按鈕|打開方式</p><p>　　var configtg='0xffffff|0|0x3FA61F|5|0xffffff|0xC5DDBC|0x000033|2|3|1|_blank';</p><p>　　var files = "";</p>

75、<p>　　var links = "";</p><p>　　var texts = "";</p><p>　　//這里設(shè)置調(diào)用標(biāo)記</p><p>　　linkarr[1] = "";</p><p>　　picarr[1] = "images/d1.

76、jpg";</p><p>　　textarr[1] = "";</p><p>　　linkarr[2] = "";</p><p>　　picarr[2] = "images/d2.jpg";</p><p>　　textarr[2] = "";&

77、lt;/p><p>　　linkarr[3] = "";</p><p>　　picarr[3] = "images/d3.jpg";</p><p>　　textarr[3] = "";</p><p>　　for(i=1;i<picarr.length;i++){</p

78、><p>　　if(files=="") files = picarr[i];</p><p>　　else files += "|"+picarr[i];</p><p><b>　　}</b></p><p>　　for(i=1;i<linkarr.length;i++){&

79、lt;/p><p>　　if(links=="") links = linkarr[i];</p><p>　　else links += "|"+linkarr[i];</p><p><b>　　}</b></p><p>　　for(i=1;i<textarr.length

80、;i++){</p><p>　　if(texts=="") texts = textarr[i];</p><p>　　else texts += "|"+textarr[i];</p><p><b>　　}</b></p><p>　　document.write('

81、<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" </p><p>　　codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="'

82、;+ swf_width +'" height="'+ swf_height +'">');</p><p>　　document.write('<param name="movie" value="images/bcastr3.swf"><param name="qua

83、lity" value="high">');</p><p>　　document.write('<param name="menu" value="false"><param name=wmode value="opaque">');</p><p&

84、gt;　　document.write('<param name="FlashVars" value="bcastr_file='+files+'&bcastr_link='+links+'&bcastr_title='+texts+'">');</p><p>　　document

85、.write('<embed src="images/bcastr3.swf" wmode="opaque" FlashVars="bcastr_file='+files+'&bcastr_link='+links+'&bcastr_title='+texts+'& menu="false&q

86、uot; quality="high" width="'+ swf_width +'" height="'+ swf_height +'" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashpl

87、ayer" />'); document.write('</object>'); </p><p><b>　　</script></b></p><p><b>　　底部 如圖：</b></p><p><b>　　圖4-5底部導(dǎo)航欄</b

88、></p><p>　?。ㄓ亚殒溄硬糠执a：）</p><p>　　<td width="1002" height="51" background="images/index_28.jpg" style="background-repeat:no-repeat" valign="top&q

89、uot;></p><p>　　<%call link()%></p><p><b>　　</td></b></p><p>　?。ü竞?jiǎn)介部分代碼：（后面也是此方法））</p><p><b>　　<tr></b></p><p>

90、;　　<td width="164" height="174" background="images/index_30.jpg" style="background-repeat:no-repeat" valign="top"></p><p>　　<div style="margin-

91、left:50px; margin-top:30px;"></p><p>　　<div style="color:#333333; font-size:14px; font-weight:800; width:80px; margin-bottom:15px;">公司簡(jiǎn)介</div></p><p>　　<div styl

92、e="color:#666666; width:80px; margin-top:11px;"><a href="about.asp?id=1&sid=1" class="a6">關(guān)于我們</a></div> </p><p>　　<div style="col

93、or:#666666; width:80px; margin-top:11px;"><a href="about.asp?id=24&sid=1" class="a6">企業(yè)文化</a></div> </p><p>　　<div style="color:#666666

94、; width:80px; margin-top:11px;"><a href="about.asp?id=81&sid=1" class="a6">發(fā)展愿景</a></div> </p><p>　　<div style="color:#666666; width:80

95、px; margin-top:11px;"><a href="about.asp?id=87&sid=1" class="a6">發(fā)展戰(zhàn)略</a></div> </p><p><b>　　</div></b></p><p>&

96、lt;b>　　</td></b></p><p>　?。ǖ撞繉?dǎo)航部分代碼）</p><p>　　<div style="margin-top:17px; color:#333333;"></p><p>　　<a href="index.asp">網(wǎng)站首頁(yè)</a>

97、;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;<a href="about.asp">公司簡(jiǎn)介</a>&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;<a h

98、ref="prolist.asp?bid=24">產(chǎn)品展示</a>&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;<a href="newslist.asp?bid=20">行業(yè)資訊</a>&nbsp;&nbsp;&nb

99、sp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;<a href="newslist.asp?bid=28">技術(shù)討論</p><p>　　</a>&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&l

100、t;a href="newslist.asp?bid=1">新聞中心</a>&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;<a </p><p>　　href="feedback.asp">客戶留言</a>&n

101、bsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;<a href="about.asp?id=85">聯(lián)系我們</a></p><p>　　</div> </p><p>　　（4）客戶留言功能的實(shí)現(xiàn)</p&

102、gt;<p>　　<div style="margin-left:25px; line-height:20px; margin-top:10px; margin-right:15px; color:#333333"></p><p>　　<!--客戶留言 開始--></p><p><b>　　<div><

103、;/b></p><p>　　<table style="padding:5px;" border="0" cellpadding="0" cellspacing="0" width="100%" height="440" ></p><p><b

104、>　　<tr></b></p><p>　　<td valign="top" height="440" ></p><p>　　<table cellpadding="0" cellspacing="0" border="0" height=&

105、quot;500" width="100%"></p><p><b>　　<tr></b></p><p>　　<td height="10" colspan="3" style="line-height:30px;padding:10px 40px 20px 1

106、00px;"></td></p><p><b>　　</tr></b></p><p><b>　　<tr></b></p><p>　　<td width="15"></td></p><p>　　&

107、lt;td valign="top" ></p><p>　　<table width="600" > </p><p><b>　　</table></b></p><p>　　<form id=

108、"form1" name="form1" method="post" action="save.asp"></p><p>　　<table width="557" </p><p>　　height="407" align="center&quo

109、t; border="1" cellpadding="0" bordercolorlight="#c6bda2" bordercolordark="#FFFFFF" > </p><p><b>　　<tr&g

110、t;</b></p><p>　　<td width="183" height="30" align="center" >您的姓名：</td></p><p>　　<td width="367" height="30" >

111、 </p><p>　　&nbsp;<input type="text" name="Uname" class="input" id="Uname" style="border:1px #666666 solid" /></p&

112、gt;<p><b>　　</td></b></p><p><b>　　</tr></b></p><p><b>　　<tr></b></p><p>　　<td height="30" align="cente

113、r" >電話：</td></p><p>　　<td height="30" ></p><p>　　&nbsp;<input type="text" name="Uphone" class="input" id="Uphone" sty

114、le="border:1px #666666 solid" /></p><p><b>　　</td></b></p><p><b>　　</tr></b></p><p><b>　　<tr></b></p><p

115、>　　<td height="30" align="center" >QQ：</td></p><p>　　<td height="30" ></p><p>　　&nbsp;<input type="text" name="Uqq"

116、class="input" id="Uqq" style="border:1px #666666 solid" /></p><p><b>　　</td></b></p><p><b>　　</tr></b></p><p>　　

117、<tr> </p><p>　　<td height="30" align="center" >郵箱：</td></p><p>　　<td height="30" >

118、 </p><p>　　&nbsp;<input type="text" name="Uemail" class="input" id="Uemail" style="border:1px #666666 solid" /></p>

119、<p><b>　　</td></b></p><p><b>　　</tr></b></p><p><b>　　<tr></b></p><p>　　<td height="30" align="center&q

120、uot; >聯(lián)系地址：</td></p><p>　　<td height="30" ></p><p>　　&nbsp;<input type="text" name="Uaddress" class="input" id="Uaddress"

121、style="border:1px #666666 solid" /></p><p><b>　　</td></b></p><p><b>　　</tr></b></p><p><b>　　<tr></b></p>&l

122、t;p>　　<td height="30" align="center" >標(biāo)題：</td></p><p>　　<td height="30" ></p><p>　　&nbsp;<input type="text" name="Utitle&

123、quot; class="input" id="Utitle" style="border:1px #666666 solid" /></p><p><b>　　</td></b></p><p><b>　　</tr></b></p>&l

124、t;p><b>　　<tr></b></p><p>　　<td height="30" align="center" >留言內(nèi)容：</td></p><p>　　<td height="30" ></p><p>　　&n

125、bsp;<textarea name="Ucontent" cols="40" rows="10" id="Ucontent" style="border:1px #666666 solid"></textarea></p><p><b>　　</td></

126、b></p><p>　　</tr> </p><p><b>　　<tr></b></p><p>　　<td height="30" >&nbsp;</td></p>

127、<p>　　<td height="30" ></p><p>　　<input name="button" type="submit" style="background-color:#999999" value=" 提 交 " />

128、 </p><p>　　&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</p><p>　　<input name="button2" type="reset" style="background-color:#999999" v

129、alue=" 重 置 " /></td></p><p><b>　　</tr></b></p><p><b>　　</table></b></p><p>　　</form></td></p><p>　　&l

130、t;td width="15"></td></p><p><b>　　</tr></b></p><p><b>　　</table></b></p><p><b>　　</td></b></p><p&

131、gt;　　</tr> </p><p><b>　　</table></b></p><p><b>　　</div></b></p><p>　　<!--客戶留言 結(jié)束--></p><p><b>　　</div&

132、gt;</b></p><p>　　（5）產(chǎn)品管理功能的實(shí)現(xiàn)</p><p>　　產(chǎn)品管理:分為圖片模式和滾動(dòng)瀏覽模式。</p><p><b>　　1、列表模式：</b></p><p><b>　　部分代碼：</b></p><p>　　<div s

133、tyle="margin-left:15px; line-height:20px; margin-top:10px; </p><p>　　margin-right:15px; color:#333333"></p><p>　　<table style="padding:5px;" border="0" c

134、ellpadding="0" cellspacing="0" width="100%" height="440" > </p><p><b>　　<tr></b></p><p>　　<td valign="to

135、p" height="440" ></p><p><b>　　<div></b></p><p>　　<table cellpadding="0" cellspacing="0" width="700" align="center"

136、 height="100%" ></p><p><b>　　<%</b></p><p><b>　　num=12</b></p><p><b>　　set </b></p><p>　　rs=server.CreateObject(&qu

137、ot;adodb.recordset")</p><p>　　strsql="select * from products where 1=1 "</p><p>　　if bid<>0 then</p><p>　　strsql=strsql & " and pro_bigcid="&b

138、id&" "</p><p><b>　　end if</b></p><p>　　if sid<>0 then</p><p>　　strsql=strsql & " and pro_smallcid="&sid&" "</p>