《畢業(yè)論文——綜合網(wǎng)站設(shè)計(jì)》由會(huì)員分享，可在線閱讀，更多相關(guān)《畢業(yè)論文——綜合網(wǎng)站設(shè)計(jì)（50頁(yè)珍藏版）》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。

1、設(shè)計(jì)題目：綜合網(wǎng)站設(shè)計(jì)設(shè)計(jì)題目：綜合網(wǎng)站設(shè)計(jì) 姓名：姓名： 學(xué)號(hào)：學(xué)號(hào)： 導(dǎo)師：導(dǎo)師： 寫作日期：寫作日期： 綜合網(wǎng)站設(shè)計(jì) I 摘要與關(guān)鍵詞摘要與關(guān)鍵詞 在 Internet 飛速發(fā)展的今天，互聯(lián)網(wǎng)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道， 它在人們政治、經(jīng)濟(jì)、生活等各個(gè)方面發(fā)揮著重要的作用。Internet 上發(fā)布信息主要是通 過網(wǎng)站來實(shí)現(xiàn)的，獲取信息也是要在 Internet“海洋”中按照一定的檢索方式將所需要的 信息從網(wǎng)站上下載下來。因此網(wǎng)站建設(shè)在 Internet 應(yīng)用上的地位顯而易見，它已成為政府、 企事業(yè)單位信息化建設(shè)中的重要組成部分，從而倍受人們的重視。網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)是伴隨著 計(jì)

2、算機(jī)互聯(lián)網(wǎng)絡(luò)的產(chǎn)生而形成的視聽設(shè)計(jì)新課題，是網(wǎng)頁(yè)設(shè)計(jì)者以所處時(shí)代所能獲取的技 術(shù)和藝術(shù)經(jīng)驗(yàn)為基礎(chǔ)，依照設(shè)計(jì)目的和要求自覺地對(duì)網(wǎng)頁(yè)的構(gòu)成元素進(jìn)行藝術(shù)規(guī)劃的創(chuàng)造 性思維活動(dòng)，必然要成為設(shè)計(jì)藝術(shù)的重要組成部分，并隨著網(wǎng)絡(luò)技術(shù)的發(fā)展而發(fā)展。表面 上看，它不過是關(guān)于網(wǎng)頁(yè)版式編排的技巧與方法，而實(shí)際上，它不僅是一種技能，更是藝 術(shù)與技術(shù)的高度統(tǒng)一。 關(guān)鍵詞：關(guān)鍵詞：Asp;Asp; FrontPage;FrontPage; AdobeAdobe PhotoshopPhotoshop 7.07.0; ; flashflash 5.0;5.0; MicrosoftMicrosoft AccessAccess

3、20002000 綜合網(wǎng)站設(shè)計(jì) II AbstractAbstract andand keywordkeyword In the Internet application status is obvious, it has become the government, in business unit information construction important constituent, thus time peoples value. The homepage art design follows the seeing and hearing which the computer i

4、nternet production forms to design the new task, is the homepage designer take locates the technology and the artistic experience which the time can gain as the foundation, on own initiative carries on the artistic plan according to the design goal and the request to the homepage constitution elemen

5、t the creative thinking activity, inevitably must become the design art the important constituent, and develops along with the network technology development. On the surface looked that, it only is about the homepage format arrangement skill and the method, but in fact, it not only is one kind of sk

6、ill, is artistic and the technical high unification. keywordkeyword：Asp;Asp; FrontPage;FrontPage; AdobeAdobe PhotoshopPhotoshop 7.07.0; ; flashflash 5.0;5.0; MicrosoftMicrosoft AccessAccess 20002000 綜合網(wǎng)站設(shè)計(jì) 目錄目錄 摘要與關(guān)鍵詞摘要與關(guān)鍵詞I I ABSTRACTABSTRACT ANDAND KEYWORDKEYWORDIIII 第一章第一章 前言前言1 1 第二章第二章 理論知識(shí)與開發(fā)工

7、具介紹理論知識(shí)與開發(fā)工具介紹3 3 2.1 設(shè)計(jì)思想 .3 2.2 開發(fā)工具的選用及介紹 .3 2.3 網(wǎng)頁(yè)結(jié)構(gòu)布局說明 .4 2.4 網(wǎng)頁(yè)布局的技術(shù) .7 2.5 ASP 的技術(shù)特點(diǎn)與靜態(tài)網(wǎng)頁(yè)的區(qū)別 .8 第三章第三章 網(wǎng)站總體分析網(wǎng)站總體分析1616 3.1 ASP 程序設(shè)計(jì)準(zhǔn)備 16 3.2 WEB SERVICE簡(jiǎn)介 16 3.3 網(wǎng)站系統(tǒng)分析 18 3.4 主頁(yè)設(shè)計(jì) 18 3.5 數(shù)據(jù)庫(kù)設(shè)計(jì) 18 3.6 圖形界面設(shè)計(jì) 19 第四章第四章 詳細(xì)設(shè)計(jì)與實(shí)現(xiàn)詳細(xì)設(shè)計(jì)與實(shí)現(xiàn)2020 4.1 網(wǎng)頁(yè)設(shè)計(jì)的內(nèi)容 20 4.2 網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)的原則 20 4.2.1 主題鮮明.21 4.2.2 形式

8、與內(nèi)容統(tǒng)一.21 4.2.3 強(qiáng)調(diào)整體.21 4.3 科技新聞的設(shè)計(jì) 22 4.4 論壇設(shè)計(jì) 22 4.5 代碼實(shí)現(xiàn) 24 第五章第五章 系統(tǒng)的系統(tǒng)的運(yùn)運(yùn)行環(huán)境與測(cè)試分析行環(huán)境與測(cè)試分析2929 5.1 運(yùn)行環(huán)境 .29 5.2 測(cè)試分析 .29 第六章第六章 結(jié)束語(yǔ)結(jié)束語(yǔ)3131 致謝致謝3232 參考文獻(xiàn)參考文獻(xiàn)3333 附錄附錄 部分程序源代碼部分程序源代碼3434 綜合網(wǎng)站設(shè)計(jì) 1 第一章第一章 前言前言 ASP 技術(shù) ASP（Active Server Pages 動(dòng)態(tài)網(wǎng)頁(yè)）是微軟公司推出的一種用以取代 CGI（Common Gateway Interface 通用網(wǎng)關(guān)接口）的技術(shù)。

9、目前，Internet 上的許多基于 Windows 平臺(tái)的 Web 站點(diǎn)已開始應(yīng)用 ASP 來替換 CGI。簡(jiǎn)單地講，ASP 是一個(gè)位于服務(wù)器端 的腳本運(yùn)行環(huán)境，通過這種環(huán)境，用戶可以創(chuàng)建和運(yùn)行動(dòng)態(tài)的交互式 Web 服務(wù)器應(yīng)用程序， 如交互式動(dòng)態(tài)網(wǎng)頁(yè)，包括使用 HTML 表單收集和處理信息，上傳與下載等等。通常情況下， 用戶通過瀏覽器看到的網(wǎng)頁(yè)大多是靜態(tài)的，目前 Internet 上的許多站點(diǎn)，仍然提供“靜態(tài) “（static）的主頁(yè)內(nèi)容。所謂“靜態(tài)“，指的就是站點(diǎn)的主頁(yè)內(nèi)容是“固定不變“的。當(dāng)瀏覽 器通過 Internet 的 HTTP(Hypertext Transport Protoc

10、ol)協(xié)議，向站點(diǎn)服務(wù)器(Web Server)要求提供主頁(yè)的內(nèi)容時(shí)，站點(diǎn)服務(wù)器收到要求后，就傳送原已設(shè)計(jì)好的靜態(tài)的 HTML 的文件數(shù)據(jù)給瀏覽器。一個(gè)“靜態(tài)“的站點(diǎn)，若要更新主頁(yè)的內(nèi)容，必須手動(dòng)的來更新 其 HTML 的文件數(shù)據(jù)。而隨著 Web 應(yīng)用的發(fā)展，用戶希望能夠看到根據(jù)要求而動(dòng)態(tài)生成的主 頁(yè)，例如響應(yīng)用戶查詢數(shù)據(jù)庫(kù)的要求、生成報(bào)表等。當(dāng)在瀏覽器上填好表單(form)的輸入 數(shù)據(jù)，以提供 HTTP 要求時(shí)，可以在站點(diǎn)服務(wù)器中執(zhí)行的應(yīng)用程序，而不只是一個(gè) HTML 文 件。站點(diǎn)服務(wù)器收到要求執(zhí)行的應(yīng)用程序，分析表單(form)的輸入數(shù)據(jù)，將執(zhí)行的結(jié)果以 HTML 的格式傳送給瀏覽器。根據(jù)

11、用戶請(qǐng)求生成動(dòng)態(tài)主頁(yè)的傳統(tǒng)方法有 CGI、ISAPI 等。CGI 是根據(jù)瀏覽器端的 http 請(qǐng)求激活響應(yīng)進(jìn)程，每一個(gè)請(qǐng)求對(duì)應(yīng)一個(gè)進(jìn)程。當(dāng)同時(shí)有很多請(qǐng)求 時(shí)，程序擠占系統(tǒng)資源，造成效率低下；ISAPI 針對(duì)這一缺點(diǎn)進(jìn)行改進(jìn)，利用 dl l（動(dòng)態(tài) 鏈接庫(kù)）技術(shù)，以線程代替進(jìn)程，提高了性能和速度，但要考慮線程的同步問題，而且開 發(fā)步驟煩瑣。這兩種技術(shù)和另一普遍使用的開發(fā)動(dòng)態(tài)網(wǎng)頁(yè)的技術(shù) Java 都還存在著另外一個(gè) 問題，那就是開發(fā)困難，程序的開發(fā)和 HTML 寫作是兩個(gè)完全不同的過程，需要專門的程序 員開發(fā)。而較簡(jiǎn)單的開發(fā)技術(shù)如 java script 和 IDC(Internet Databas

12、e Connector)等功 能有限，不敷使用。ASP 使用的 ActiveX 技術(shù)基于開放設(shè)計(jì)環(huán)境，用戶可以自己定義和制 作組件加入其中，使自己的動(dòng)態(tài)網(wǎng)頁(yè)幾乎具有無(wú)限的擴(kuò)充能力，這是傳統(tǒng)的 CGI 等程序所 遠(yuǎn)遠(yuǎn)不及的地方。ASP 與常見的在 Client 端實(shí)現(xiàn)動(dòng)態(tài)主頁(yè)的技術(shù)如 Java applet、ActiveX Control、VBScript、java script 等不同，ASP 中的命令和 Script 語(yǔ)句都是由服務(wù)器來解 釋執(zhí)行的，執(zhí)行結(jié)果產(chǎn)生動(dòng)態(tài)生成的 Web 頁(yè)面并送到瀏覽器；而 Client 端技術(shù)的 Script 綜合網(wǎng)站設(shè)計(jì) 2 命令則是由瀏覽器來解釋執(zhí)行。由于

13、ASP 是在服務(wù)器端解釋執(zhí)行，開發(fā)者可以不必考慮瀏 覽器是否支持 ASP；同時(shí)由于它在服務(wù)器端執(zhí)行，開發(fā)者也不必?fù)?dān)心別人下載程序從而竊 取編程邏輯。ASP 通過后綴名為.asp 的 ASP 文件來實(shí)現(xiàn)，一個(gè).asp 文件相當(dāng)于一個(gè)可執(zhí)行 文件，因此必須放在 Web 服務(wù)器上有可執(zhí)行權(quán)限的目錄下。當(dāng)用戶從瀏覽器輸入了.asp 文 件的地址后，瀏覽器就將這個(gè) URL 請(qǐng)求發(fā)給 Web Server，如果 Web Server 上裝了 ASP，就 調(diào)用 ASP。ASP 讀出相應(yīng).asp 文件，解釋并執(zhí)行命令，動(dòng)態(tài)生成一個(gè) HTML 頁(yè)面回傳 Web Server，然后 Web Server 再把結(jié)果

14、發(fā)送給瀏覽器。ASP 文件的制作和 HTML 類似，且和 HTML 開發(fā)集成，可以在同一個(gè)過程完成，利用 ASP 將可以執(zhí)行的腳本嵌入到 HTML 文件中 (將 HTML 文件的后綴名改為.asp)，這使得 HTML 文件的編寫與腳本的開發(fā)融合在一起。通 過 ASP 內(nèi)置的對(duì)象、服務(wù)器組件（Server Component）可以完成非常復(fù)雜的任務(wù)，而且用 戶還可以自己開發(fā)或利用別人開發(fā)的服務(wù)器組件完成專門的任務(wù)。 綜合網(wǎng)站設(shè)計(jì) 3 第二章第二章 理論知識(shí)與開發(fā)工具理論知識(shí)與開發(fā)工具介紹介紹 2.12.1 設(shè)計(jì)思想設(shè)計(jì)思想 通過網(wǎng)站，全面宣傳，展示公司風(fēng)格、優(yōu)點(diǎn)與特色，發(fā)布公司的業(yè)務(wù)和動(dòng)向，及一

15、些 web、asp、flash、hank 等的最新消息。在 Internet 上實(shí)現(xiàn)完成部分業(yè)務(wù)，提高辦事效率。 2.22.2 開發(fā)工具的選用及介紹開發(fā)工具的選用及介紹 我選擇了 ASP 結(jié)合 Front page 架構(gòu)綜合網(wǎng)站 ASP 的優(yōu)勢(shì)： Active Server Pages：“動(dòng)態(tài)服務(wù)器網(wǎng)頁(yè)” ，一般簡(jiǎn)稱為“ASP” ，ASP 之所以能受到 大家的重視與使用的原因，主要在于所產(chǎn)生的執(zhí)行結(jié)果都是標(biāo)準(zhǔn)的 HTML 格式，而且這些程 序是在網(wǎng)絡(luò)服務(wù)端中執(zhí)行，使用一般的瀏覽器（如 IE 或 Netscape）都可以正確地獲得 ASP 的“執(zhí)行”結(jié)果，并且將這 ASP 執(zhí)行的結(jié)果直接在瀏覽器

16、中“瀏覽” ，不像 VBScript 或 JavaScript 是在客戶端（Client）的瀏覽器上執(zhí)行，若使用 VBScript 來設(shè)計(jì)程序，客戶 端（Client）在瀏覽器中可以顯示程序執(zhí)行的結(jié)果，可是，客戶端（Client）若使用 Netscape 瀏覽器就無(wú)法顯示 VBScript 的執(zhí)行結(jié)果。 2.2.12.2.1 ASPASP 的特點(diǎn)的特點(diǎn) （1）任何開發(fā)工具皆可發(fā)展 ASP （2）只要使用一般的文書編輯程序，如 Windows 記事本，就可以編輯。當(dāng)然，其他網(wǎng)頁(yè)發(fā) 展工具，例如，F(xiàn)ront Page Express、Front Page 等也都可以。 （3）語(yǔ)言相容性高 （4）易

17、于操控?cái)?shù)據(jù)庫(kù) （5）ASP 可以輕易地通過DBC(Open Database Connectivity)驅(qū)動(dòng)程序連接各種不同的 數(shù)據(jù)庫(kù)，例如：Access、FoxPro、dBase、Oracle 等等，另外，ASP 亦可將“文本文件”或 是” “ Excel”文件當(dāng)成數(shù)據(jù)庫(kù)用。 2.2.22.2.2 ASPASP 的六大內(nèi)部對(duì)象的六大內(nèi)部對(duì)象 對(duì)象名稱功能描述： 綜合網(wǎng)站設(shè)計(jì) 4 Request Response Server Session Application Object Context 從客戶端取 得信息將信息送給客戶端提供一些 Web 服務(wù)器工具儲(chǔ)存在一個(gè) Session 內(nèi)的用戶

18、信息，該 信息僅可被該用戶訪問在一個(gè) ASP-Application 中讓不同的客戶端共享信息可以用來配合 Microsoft Transaction 服務(wù)器進(jìn)行分布式事務(wù)處理 本系統(tǒng)是基于 Web 的，所以系統(tǒng)的界面設(shè)計(jì)也就是系統(tǒng)網(wǎng)頁(yè)的設(shè)計(jì)。Photoshop 產(chǎn)品 對(duì)網(wǎng)頁(yè)設(shè)計(jì)的強(qiáng)大處理功能，用戶通過在頁(yè)面上僅用拖曳控件的方式就可輕松創(chuàng)建網(wǎng)頁(yè)。 但若要想制作出方便實(shí)用的精美網(wǎng)頁(yè)，必須在開始之前做出詳細(xì)設(shè)計(jì)，這樣就會(huì)大大提高 網(wǎng)頁(yè)質(zhì)量，進(jìn)一步改善應(yīng)用程序的可用性。設(shè)計(jì)時(shí)可以將設(shè)計(jì)的頁(yè)面畫在紙上，然后考慮 哪些控件是所需要的，以及不同元素的重要性、控件之間的聯(lián)系等。頁(yè)面的設(shè)計(jì)和規(guī)劃不 僅影響到它

19、本身外觀的藝術(shù)性，而且對(duì)應(yīng)用程序的可用性也有很重要的作用。組織頁(yè)面的 工作包括控件的位置、大小、一致性等。這一點(diǎn)我們的設(shè)計(jì)師做得比較有突出的圖片來表 現(xiàn)! 圖片的處理用到的軟件是 Adobe Photoshop adobe, adobe Image Ready Photoshop 可以說 是無(wú)所不能的軟件，有很多功能。加上 Image Ready 是制作動(dòng)畫圖片的好工具，在這兩個(gè) 軟件的組合下，我在網(wǎng)站所做的圖片和動(dòng)畫都是非常好的，但也算不上是完美，因前在做 此網(wǎng)站之前我還沒用得很熟。擔(dān)在這次設(shè)計(jì)中，讓我更了解 Adobe Photoshop adobe, Adobe Image Ready

20、這兩個(gè)軟件。不過也多得老師和同學(xué)的指導(dǎo)和幫助。 2.32.3 網(wǎng)頁(yè)結(jié)構(gòu)布局說明網(wǎng)頁(yè)結(jié)構(gòu)布局說明 最開始，網(wǎng)頁(yè)呈現(xiàn)在你面前的時(shí)候，它就好像一張白紙，它需要你任意揮灑你的設(shè)計(jì) 才思。在開始的時(shí)候，你需要明白，雖然你能控制一切你所能控制的東西，但假如你知道 什么是一種約定俗成的標(biāo)準(zhǔn)或者說大多數(shù)訪問者的瀏覽習(xí)慣，那么你可以在此基礎(chǔ)上加上 自己的東西。你當(dāng)然也可以創(chuàng)造出自己的設(shè)計(jì)方案，但如果你是初學(xué)者，那么最好明白網(wǎng) 頁(yè)布局的基本概念。 2.3.12.3.1 頁(yè)面尺寸頁(yè)面尺寸 由于頁(yè)面尺寸和顯示器大小及分辨率有關(guān)系，網(wǎng)頁(yè)的局限性就在于你無(wú)法突破顯示器 的范圍，而且因?yàn)闉g覽器也將占去不少空間，留下給你的頁(yè)

21、面范圍變得越來越小。一般分 辨率在 800 x600 的情況下，頁(yè)面的顯示尺寸為：780 x428 個(gè)象素；分辨率在 640 x480 的情 況下，頁(yè)面的顯示尺寸為:620X311 個(gè)象素；分辨率在 1024X768 的情況下，頁(yè)面的顯示尺 綜合網(wǎng)站設(shè)計(jì) 5 寸為：1007x600。從以上數(shù)據(jù)可以看出，分辨率越高頁(yè)面尺寸越大。 瀏覽器的工具欄也是影響頁(yè)面尺寸的原因。一般目前的瀏覽器的工具欄都可以取消或 者增加，那么當(dāng)你顯示全部的工具欄時(shí)，和關(guān)閉全部工具欄時(shí)，頁(yè)面的尺寸是不一樣的。 在網(wǎng)頁(yè)設(shè)計(jì)過程中，向下拖動(dòng)頁(yè)面是惟一給網(wǎng)頁(yè)增加更多內(nèi)容(尺寸)的方法。但我想 提醒大家除非你能肯定站點(diǎn)的內(nèi)容能吸引

22、大家拖動(dòng)，否則不要讓訪問者拖動(dòng)頁(yè)面超過三屏。 如果需要在同一頁(yè)面顯示超過三屏的內(nèi)容，那么你最好能在上面做上頁(yè)面內(nèi)部連接，方便 訪問者瀏覽。 2.3.22.3.2 整體造型整體造型 什么是造型，造型就是創(chuàng)造出來的物體形象。這里是指頁(yè)面的整體形象，這種形象應(yīng) 該是一個(gè)整體，圖形與文本的接合應(yīng)該是層疊有序。雖然，顯示器和瀏覽器都是矩形，但 對(duì)于頁(yè)面的造型，你可以充分運(yùn)用自然界中的其它形狀以及它們的組合：矩形，圓形，三 角形，菱形等。 對(duì)于不同的形狀，它們所代表的意義是不同的。比如矩形代表著正式，規(guī)則，你注意 到很多 ICP 和政府網(wǎng)頁(yè)都是以矩形為整體造型；圓形帶表著柔和，團(tuán)結(jié)，溫暖，安全等， 許多時(shí)

23、尚站點(diǎn)喜歡以圓形為頁(yè)面整體造型；三角形代表著力量，權(quán)威，牢固，侵略等，許 多大型的商業(yè)站點(diǎn)為顯示它的權(quán)威性常以三角形為頁(yè)面整體造型；菱形代表著平衡，協(xié)調(diào)， 公平，一些交友站點(diǎn)常運(yùn)用菱形作為頁(yè)面整體造型。雖然不同形狀帶表著不同意義，但目 前的網(wǎng)頁(yè)制作多數(shù)是接合多個(gè)圖形加以設(shè)計(jì)，在這其中某種圖形的構(gòu)圖比例可能占的多一 些。 2.3.32.3.3 頁(yè)頭頁(yè)頭 頁(yè)頭又可稱之為頁(yè)眉，頁(yè)眉的作用是定義頁(yè)面的主題。比如一個(gè)站點(diǎn)的名字多數(shù)都顯 示在頁(yè)眉里。這樣，訪問者能很快知道這個(gè)站點(diǎn)是什么內(nèi)容。頁(yè)頭是整個(gè)頁(yè)面設(shè)計(jì)的關(guān)鍵， 它將牽涉到下面的更多設(shè)計(jì)和整個(gè)頁(yè)面的協(xié)調(diào)性。頁(yè)頭常放置站點(diǎn)名字的圖片和公司標(biāo)志 以及旗幟

24、廣告。 2.3.42.3.4 文本文本 文本在頁(yè)面中出現(xiàn)都數(shù)以行或者塊(段落)出現(xiàn)，它們的擺放位置決定者整個(gè)頁(yè)面布局 的可視性。在過去因?yàn)轫?yè)面制作技術(shù)的局限，文本放置的位置的靈活性非常小. 頁(yè)腳： 頁(yè)腳和頁(yè)頭相呼應(yīng)。頁(yè)頭是放置站點(diǎn)主題的地方，而頁(yè)腳是放置制作者或者公司信息 的地方。你能看到，許多制作信息都是放置在頁(yè)腳的。 綜合網(wǎng)站設(shè)計(jì) 6 2.3.52.3.5 圖片圖片 圖片和文本是網(wǎng)頁(yè)的兩大構(gòu)成元素，缺一不可。如何處理好圖片和文本的位置成了整 個(gè)頁(yè)面布局的關(guān)鍵。而你的布局思維也將體現(xiàn)在這里。 2.3.62.3.6 多媒體多媒體 除了文本和圖片，還有聲音，動(dòng)畫，視頻等等其它媒體。雖然它們不是經(jīng)

25、常能被利用 到，但隨著動(dòng)態(tài)網(wǎng)頁(yè)的興起，它們?cè)诰W(wǎng)頁(yè)布局上也將變得更重要。 2.3.72.3.7 網(wǎng)頁(yè)布局的方法網(wǎng)頁(yè)布局的方法 網(wǎng)頁(yè)布局的方法有兩種，第一種為紙上布局；第二種為軟件布局。下面分別加以介紹： 1.紙上布局法 許多網(wǎng)頁(yè)制作者不喜歡先畫出頁(yè)面布局的草圖，而是直接在網(wǎng)頁(yè)設(shè)計(jì)器里邊設(shè)計(jì)布局 邊加內(nèi)容。這種不打草稿的方法不能讓你設(shè)計(jì)出優(yōu)秀的網(wǎng)頁(yè)來。所以在開始制作網(wǎng)頁(yè)時(shí)， 要先在紙上畫出你頁(yè)面的布局草圖來。 準(zhǔn)備若干張白紙和一只鉛筆，你要設(shè)計(jì)一個(gè)時(shí)尚站點(diǎn)。 (1)尺寸選擇 目前一般 800X600 的分辨率為約定俗成的瀏覽模式。所以為了照顧大多數(shù)訪問者，你 頁(yè)面的尺寸以 800X600 的分辨率

26、為準(zhǔn)。 (2)造型的選擇 先在白紙上畫出象征瀏覽器窗口的矩形，這個(gè)矩形就是你布局的范圍了。選擇一個(gè)形 狀作為整個(gè)頁(yè)面的主題造型，我們選擇圓形，因?yàn)樗碚呷岷停蜁r(shí)尚流行比較相稱， 然后在矩形框架里隨意畫出來，你可以試者在增加一些圓形或者其它形狀。這樣畫下來， 你會(huì)發(fā)現(xiàn)很亂。其實(shí)，如果你一開始就想設(shè)計(jì)出一個(gè)完美的布局來是比較困難的，而你要 在這看似很亂的圖形中找出隱藏在其中的特別的造型出來。還要注意一點(diǎn)，你不要擔(dān)心你 設(shè)計(jì)的布局是否能夠?qū)崿F(xiàn)。事實(shí)上，只要你能想到的布局都能靠現(xiàn)今的 HTML 技術(shù)實(shí)現(xiàn)。 考慮到左邊向左凹的弧線，為了取得平衡我們?cè)陧?yè)面右邊增加了一個(gè)矩形(也可以是一 條線段)。 (

27、3)增加頁(yè)頭 .jpg 是我們從.jpg 和 2.jpg 得到的布局造型，那么我們?cè)撛黾禹?yè)頭了。一般頁(yè)頭都 是位于頁(yè)面頂部，所以我們?yōu)?.jpg 增加了一個(gè)頁(yè)頭，為了和左邊的弧線和右邊的矩形取 得平衡，我們?cè)黾恿艘粋€(gè)矩形頁(yè)頭并讓頁(yè)頭相交與左邊的弧線。 (4)增加文本 綜合網(wǎng)站設(shè)計(jì) 7 頁(yè)面的空白部分加入文本和圖形。因?yàn)樵陧?yè)面右邊有矩形作為陪襯，所以文本放置在 空白部分不會(huì)因?yàn)樽筮叺幕【€而顯得不協(xié)調(diào)。 (5)增加圖片 圖片是美化頁(yè)面和說明內(nèi)容必須的媒體。在這里把圖片加入到適當(dāng)?shù)牡胤?。?jīng)過以上 的幾個(gè)步驟，一個(gè)時(shí)尚頁(yè)面的大概布局就出現(xiàn)了。當(dāng)然，它不是最后的結(jié)果，而是你以后 制作時(shí)的重要參考依據(jù)。

28、2.軟件布局法 如果你不喜歡用紙來畫出你的布局意圖，那么你還可以利用軟件來完成這些工作。這 個(gè)軟件就是 Photoshop。Photoshop 所具有的對(duì)圖像的編輯功能用到設(shè)計(jì)網(wǎng)頁(yè)布局上更顯得 心應(yīng)手。不像用紙來設(shè)計(jì)布局，利用 Photoshop 可以方便的使用顏色，使用圖形，并且可 以利用層的功能設(shè)計(jì)出用紙張無(wú)法實(shí)現(xiàn)的布局意念。 2.42.4 網(wǎng)頁(yè)布局的技術(shù)網(wǎng)頁(yè)布局的技術(shù) 2.4.12.4.1 層疊樣式表的應(yīng)用層疊樣式表的應(yīng)用 在新的 HTML4.0 標(biāo)準(zhǔn)中，CSS(層疊樣式表)被提出來，它能完全精確的定位文本和圖片。 CSS 對(duì)于初學(xué)者來說顯得有點(diǎn)復(fù)雜，但它的確是一個(gè)好的布局方法。你曾經(jīng)無(wú)

29、法實(shí)現(xiàn)的想 法利用 CSS 都能實(shí)現(xiàn)。目前在許多站點(diǎn)上，層疊樣式表的運(yùn)用是一個(gè)站點(diǎn)優(yōu)秀的體現(xiàn)。你 可以在網(wǎng)上找到許多關(guān)于 CSS 的介紹和使用方法。 2.4.22.4.2 表格布局表格布局 表格布局好像已經(jīng)成為一個(gè)標(biāo)準(zhǔn)，隨便瀏覽一個(gè)站點(diǎn)，它們一定是用表格布局的。表 格布局的優(yōu)勢(shì)在于它能對(duì)不同對(duì)象加以處理，而又不用擔(dān)心不同對(duì)象之間的影響。而且表 格在定位圖片和文本上比起用 CSS 更加方便。表格布局唯一的缺點(diǎn)是，當(dāng)你用了過多表格 時(shí)，頁(yè)面下載速度受到影響。對(duì)于表格布局，你可以隨便找一個(gè)站點(diǎn)的首頁(yè)，然后保存為 HTML 文件，利用網(wǎng)頁(yè)編輯工具打開它(要所見即所得的軟件)，你會(huì)看到這個(gè)頁(yè)面是如何利

30、用表格的。 2.4.32.4.3 框架布局框架布局 不知道什么原故，框架結(jié)構(gòu)的頁(yè)面開始被許多人不喜歡，可能是因?yàn)樗募嫒菪?。?從布局上考慮，框架結(jié)構(gòu)不失為一個(gè)好的布局方法。它如同表格布局一樣，把不同對(duì)象放 置到不同頁(yè)面加以處理，因?yàn)榭蚣芸梢匀∠吙?，所以一般來說不影響整體美觀。 綜合網(wǎng)站設(shè)計(jì) 8 我今天來介紹的布局指南并不是全部的網(wǎng)頁(yè)布局技術(shù)，從某種意義上來說，我想引導(dǎo)你在 制作網(wǎng)頁(yè)的時(shí)侯，怎樣把圖片和文本放置的恰到好處，而且如何擁有一個(gè)跳越的設(shè)計(jì)思維。 2.52.5 ASPASP 的技術(shù)特點(diǎn)與靜態(tài)網(wǎng)頁(yè)的區(qū)別的技術(shù)特點(diǎn)與靜態(tài)網(wǎng)頁(yè)的區(qū)別 2.5.12.5.1 ASPASP 的工作原理和配置的工

31、作原理和配置 當(dāng)用戶申請(qǐng)一個(gè)*.asp 主頁(yè)時(shí)，Web 服務(wù)器響應(yīng) HTTP 請(qǐng)求,調(diào)用 ASP 引擎，解釋被申請(qǐng) 文件。當(dāng)遇到任何與 ActiveX Scripting 兼容的腳本（如 VBScript 和 J Script）時(shí)，ASP 引擎會(huì)調(diào)用相應(yīng)的腳本引擎進(jìn)行處理。若腳本指令中含有訪問數(shù)據(jù)庫(kù)的請(qǐng)求，就通過 ODBC 與后臺(tái)數(shù)據(jù)庫(kù)相連，由數(shù)據(jù)庫(kù)訪問組件執(zhí)行訪庫(kù)操作。ASP 腳本是在服務(wù)器端解釋執(zhí)行的， 它依據(jù)訪庫(kù)的結(jié)果集自動(dòng)生成符合 HTML 語(yǔ)言的主頁(yè)，去響應(yīng)用戶的請(qǐng)求。所有相關(guān)的發(fā)布 工作由 Web 服務(wù)器負(fù)責(zé)。 有必要注意訪庫(kù)的具體運(yùn)作細(xì)節(jié)。當(dāng)遇到訪庫(kù)的腳本命令時(shí)，ASP 通過 A

32、ctiveX 組件 ADO(ActiveX Data Objects)與數(shù)據(jù)庫(kù)對(duì)話(ADO 是建立在微軟新的數(shù)據(jù)庫(kù) API,即 OLEDB 之 上的，目前的 OLEDB 通過 ODBC 引擎與現(xiàn)存的 ODBC 數(shù)據(jù)庫(kù)交互，進(jìn)一步的 OLEDB 版本將直 接與數(shù)據(jù)庫(kù)打交道，不再通過 ODBC 引擎),并將執(zhí)行結(jié)果動(dòng)態(tài)生成一個(gè) HTML 頁(yè)面來返回服 務(wù)器端，以響應(yīng)瀏覽器的請(qǐng)求。在用戶端瀏覽器所見到的是純 HTML 表現(xiàn)的畫面，例如用表 格來表現(xiàn)的后臺(tái)數(shù)據(jù)庫(kù)表中的字段內(nèi)容。由于 ASP 結(jié)合了腳本語(yǔ)言，可以通過編程訪問 ActiveX 組件，并且具有現(xiàn)場(chǎng)自動(dòng)生成 HTML 的能力，所以它成為建立動(dòng)

33、態(tài) Web 站點(diǎn)的有效 工具。 在結(jié)構(gòu)關(guān)系上，ASP 是通過 ODBC 與數(shù)據(jù)庫(kù)打交道。因此，向上層可兼容各類數(shù)據(jù)庫(kù)系 統(tǒng)。而對(duì)于下層，ASP 產(chǎn)生的 HTML 對(duì)客戶端的瀏覽器又有廣泛的適應(yīng)性。但 ASP 對(duì) Web 服 務(wù)器本身有所挑剔，這看起來似乎是一種缺陷，而實(shí)際上也許是一種商業(yè)策略它只支 持微軟各種操作系統(tǒng)下的 Web 服務(wù)器，它們的最低版本是： WindowsNTServer4.0：Microsoft IIS（Internet Information Server）3.0； WindowsNTWorkstation4.0：MicrosoftPeerWebServices3.0； W

34、indows95：Microsoft PWS（Personal Web Server）1.0，中文 Win95 應(yīng)配中文的 PWS。 ASP 的安裝分為 Windows NT 和 Windows95 兩種情況。對(duì)于 NT，IIS 及 ActiveX Server 綜合網(wǎng)站設(shè)計(jì) 9 Pages 都包含在 ServicePack3 中；對(duì)于 Win95，可使用 Visual Studio 服務(wù)器構(gòu)件下的 ActiveX Server Pages 安裝選項(xiàng)。安裝成功之后，在程序管理器中會(huì)找到一個(gè) ActiveX Server Pages Roadmap 主頁(yè)，引導(dǎo)你學(xué)習(xí)和使用 ASP。 2.5.22

35、.5.2 ASPASP 的特點(diǎn)與功能的特點(diǎn)與功能 1.從軟件的技術(shù)層面看，ASP 有如下的特點(diǎn)：1.無(wú)需編譯 ASP 腳本集成于 HTML 當(dāng)中，容易 生成，無(wú)需編譯或鏈接即可直接解釋執(zhí)行。 2.易于生成使用常規(guī)文本編輯器（如 WINDOWS 下的記事本） ，即可進(jìn)行*.asp 頁(yè)面的設(shè)計(jì)。 若從工作效率來考慮，不妨選用具有可視化編輯能力的 Visual InterDev。 3.獨(dú)立于瀏覽器用戶端只要使用可解釋常規(guī) HTML 碼的瀏覽器，即可瀏覽 ASP 所設(shè)計(jì)的主頁(yè)。 ASP 腳本是在站點(diǎn)服務(wù)器端執(zhí)行的，用戶端的瀏覽器不需要支持它。因此，若不通過從服 務(wù)器下載來觀察*.asp 主頁(yè)，在瀏覽器

36、端見不到正確的頁(yè)面內(nèi)容。 4.面向?qū)ο笤?ASP 腳本中可以方便地引用系統(tǒng)組件和 ASP 的內(nèi)置組件，還能通過定制 ActiveX Server Component（ActiveX 服務(wù)器組件）來擴(kuò)充功能。 5.與任何 ActiveX scripting 語(yǔ)言兼容除了可使用 VBScript 和 J Script 語(yǔ)言進(jìn)行設(shè)計(jì)外， 還可通過 Plug in 的方式，使用由第三方所提供的其它 scripting 語(yǔ)言。 6.源程序碼不會(huì)外漏 ASP 腳本在服務(wù)器上執(zhí)行，傳到用戶瀏覽器的只是 ASP 執(zhí)行結(jié)果所生 成的常規(guī) HTML 碼，這樣可保證辛辛苦苦編寫出來的程序代碼不會(huì)被他人盜取。 2.5

37、.32.5.3 從應(yīng)用的層面看，從應(yīng)用的層面看，ASPASP 有如下的功能有如下的功能 1、處理由瀏覽器傳送到站點(diǎn)服務(wù)器的表單輸入； 2、訪問和編輯服務(wù)器端的數(shù)據(jù)庫(kù)表。使用瀏覽器即可輸入、更新和刪除站點(diǎn)服務(wù)器的數(shù)據(jù) 庫(kù)中的數(shù)據(jù)； 3、讀寫站點(diǎn)服務(wù)器的文件，實(shí)現(xiàn)訪客計(jì)數(shù)器、座右銘等功能； 4、提供廣告輪播器、取得瀏覽器信息、URL 表管理等內(nèi)置功能； 5、由 cookies 讀寫用戶端的硬盤文件，以記錄用戶的數(shù)據(jù)； 6、可以實(shí)現(xiàn)在多個(gè)主頁(yè)間共享信息，以開發(fā)復(fù)雜的商務(wù)站點(diǎn)應(yīng)用程序； 7、使用 VBScript 或 J Script 等簡(jiǎn)易的腳本語(yǔ)言，結(jié)合 HTML 碼，快速完成站點(diǎn)的應(yīng)用程 序；通

38、過站點(diǎn)服務(wù)器執(zhí)行腳本語(yǔ)言，產(chǎn)生或更改在客戶端執(zhí)行的腳本語(yǔ)言； 8、擴(kuò)充功能的能力強(qiáng)，可通過使用 Visual Basic、Java、Visual C等多種程序語(yǔ)言 制作 ActiveX Server Component 以滿足自己的特殊需要。 2.5.42.5.4 ADOADO 訪庫(kù)的技術(shù)實(shí)現(xiàn)方法訪庫(kù)的技術(shù)實(shí)現(xiàn)方法 綜合網(wǎng)站設(shè)計(jì) 10 ADO（ActiveX Data Objects）是一組優(yōu)化的訪問數(shù)據(jù)庫(kù)專用對(duì)象集，為 ASP 提供了完 整的站點(diǎn)數(shù)據(jù)庫(kù)訪問解決方案。它可作用于服務(wù)器端，以提供含有數(shù)據(jù)庫(kù)信息的主頁(yè)內(nèi)容。 通過執(zhí)行 SQL 命令，讓用戶在瀏覽器畫面中輸入、更新和刪除站點(diǎn)服務(wù)器的數(shù)

39、據(jù)庫(kù)信息。 ADO 使用內(nèi)置的 Record Sets 對(duì)象作為數(shù)據(jù)的主要接口。ADO 可使用 VBScript、J Script 語(yǔ)言來控制對(duì)數(shù)據(jù)庫(kù)的訪問，以及查詢結(jié)果的輸出顯示。 ADO 可連接多種支持 ODBC 的數(shù)據(jù)庫(kù)，如 SQL Server、Oracle、Informix 等。 在使用時(shí)，首先需在控制面板的 ODBC 中建立相應(yīng)的 DSN（數(shù)據(jù)源名） 。要選擇系統(tǒng)數(shù) 據(jù)源名，指定所用的驅(qū)動(dòng)程序，如“SQL Server” ，在數(shù)據(jù)來源名稱中輸入 DSN 名，并選定 服務(wù)器和數(shù)據(jù)庫(kù)。 使用 ADO 訪問數(shù)據(jù)庫(kù)的設(shè)計(jì)要領(lǐng)是掌握 ASP 腳本的幾個(gè)典型語(yǔ)句，它們是： 1、定義數(shù)據(jù)庫(kù)組件。

40、有兩種定義方法： 使用“Server. Create Object” 建立連接的對(duì)象。 Set Con n=Server. Create Object “ADODB. Connection”. 使用標(biāo)記建立連接的對(duì)象。 2、用“Open”打開數(shù)據(jù)庫(kù)： Con n. Open“DSN 名稱” 3、設(shè)定 SQL 語(yǔ)句，使用“Execute”命令，即可開始執(zhí)行訪問數(shù)據(jù)庫(kù)的動(dòng)作： Set RS=Con n. Execute（“SQL 語(yǔ)句” ） 其中 RS 為結(jié)果集對(duì)象（Record Sets） 。 4、利用 Record Sets 對(duì)象所提供的屬性顯示查詢結(jié)果，如下例將查詢結(jié)果顯示于一個(gè)表格 中：（

41、其中是 ASP 腳本的專用定界符） 綜合網(wǎng)站設(shè)計(jì) 11 5、關(guān)閉結(jié)果集對(duì)象，斷開與數(shù)據(jù)庫(kù)的連接： R S. Close Con n. Close 一個(gè)發(fā)布后臺(tái) MSS QL Server 樣本庫(kù) pubs 中 authors 表的完整代碼如下（其中是 ASP 腳本的專用定界符）： Authors Listing Authors Listing 綜合網(wǎng)站設(shè)計(jì) 12 2.5.52.5.5 ASPASP 與組件對(duì)象的使用與組件對(duì)象的使用 在利用 ASP 技術(shù)進(jìn)行動(dòng)態(tài) Web 開發(fā)的時(shí)候，應(yīng)遵循這樣一個(gè)原則：即 ASP 的服務(wù)器端 腳本必須與微軟倡導(dǎo)的組件對(duì)象（Component Object Mod

42、el）配合使用才能開發(fā)出具有實(shí) 用價(jià)值的信息產(chǎn)品。ASP 腳本相當(dāng)于一種粘合劑，把一個(gè)個(gè)具有特定功能的組件對(duì)象粘合 在一起，以形成最終的軟件產(chǎn)品。這一軟件制作的工藝思想類似于硬件工廠生產(chǎn)板卡的過 程，那一個(gè)個(gè)的組件對(duì)象就相當(dāng)于集成電路的芯片，而 ASP 腳本只是焊接芯片的焊接劑， 由此可見組件對(duì)象起著核心作用。 組件對(duì)象模型 COM 是微軟提出的一種基于二進(jìn)制的 Windows 軟件標(biāo)準(zhǔn)，它是由 OLE 技 術(shù)逐漸發(fā)展而來的。在使用不同語(yǔ)言工具寫成的組件對(duì)象之間，依據(jù) COM 的標(biāo)準(zhǔn)可以進(jìn)行 交互。COM 是技術(shù)概念和標(biāo)準(zhǔn)，其商業(yè)概念的稱謂則使用 ActiveX。 上文提到的 ADO 就是系統(tǒng)

43、提供的用于訪問后臺(tái)數(shù)據(jù)庫(kù)的組件。此外，ASP 本身還提供 了五個(gè)內(nèi)置的對(duì)象。這五個(gè)內(nèi)置對(duì)象可被 ASP 腳本直接使用，它們是： 1、Request 取得用戶信息； 2、Response 傳遞信息給用戶； 3、Server 提供訪問服務(wù)器的方法和屬性； 4、Application 在一個(gè)應(yīng)用程序的多個(gè)主頁(yè)之間保留和使用某些共同的信息； 5、Session 在一個(gè)用戶的多個(gè)主頁(yè)之間保留和使用某些共同的信息。 其中，使用內(nèi)置對(duì)象 1、2 可實(shí)現(xiàn) Web 的交互功能，使用內(nèi)置對(duì)象，4、5 可解決具有 協(xié)作機(jī)制的應(yīng)用問題。 ASP 的一大特色，是可以用來編寫具有協(xié)作機(jī)制的應(yīng)用程序，在多個(gè)用戶的多個(gè)主頁(yè)

44、之間共享信息。使用內(nèi)置的 Application 和 Session 對(duì)象可實(shí)現(xiàn)這些功能。 Application 對(duì)象保存一個(gè)應(yīng)用程序共同的信息，使用此應(yīng)用程序的所有用戶都可以 共同分享。為防止其被多個(gè)用戶同時(shí)更改，提供 lock 和 unlock 方法來實(shí)現(xiàn)互斥，例如： Application. lock 禁止其他用戶更改 Application 的信息，Application. unlock 允許其他用戶更改 Application 的信息。 Session 對(duì)象比 Application 對(duì)象的使用外延范圍小，它保存僅屬于一個(gè)用戶的一個(gè) 應(yīng)用程序的信息。ASP 的應(yīng)用程序可以只有一個(gè)首

45、頁(yè)，也可以有多個(gè)主頁(yè)文件，所有的文 件均位于一個(gè)虛擬路徑下。Session 對(duì)象可讓同一個(gè)用戶在多個(gè)主頁(yè)之間共享信息。當(dāng)用 綜合網(wǎng)站設(shè)計(jì) 13 戶第一次在一個(gè)應(yīng)用程序中申請(qǐng)一個(gè)*.asp 主頁(yè)時(shí)，ASP 將為該用戶分配一個(gè) Session ID 號(hào)，它將唯一地標(biāo)識(shí)用戶的身份，從而能將同一應(yīng)用程序的不同用戶區(qū)分開來。 根據(jù)需要還可以自行定制具有某些特色的組件對(duì)象，以完成特殊的任務(wù)。用 Visual Basic、Visual C、Delphi 和 Java 等語(yǔ)言都可以編寫。自制的組件對(duì)象分成兩類： 一是由類打包而成的*.dll 文件，經(jīng)注冊(cè)器注冊(cè)后，在 ASP 腳本中可通過“Set 對(duì)象名 =類

46、名”來引用。對(duì)象在這種使用過程中是在服務(wù)器的后臺(tái)運(yùn)行的，其運(yùn)行的結(jié)果通過系統(tǒng) 自動(dòng)生成的 HTML 作用到前端瀏覽器。 二是生成*.ocx 文件，一般用作可視化的對(duì)象 ActiveX，可直接將其嵌入*.asp 主頁(yè)中， 在頁(yè)面中插入時(shí)需使用 HTML 語(yǔ)言的標(biāo)記加以引用。通常構(gòu)件制作完成并按下載的 要求打包后生成*.cab 文件。對(duì)象在這種使用方式下要先從服務(wù)器下載，然后在客戶的前 端瀏覽器運(yùn)行。在第一次下載時(shí)被展開成相關(guān)的*.dll 和*.ocx 文件進(jìn)行本地安裝及注冊(cè)。 以后再使用時(shí)，就可直接從本地獲得，免去了下載之苦，這也是 ActiveX 優(yōu)于 java Applet 的地方。 從長(zhǎng)遠(yuǎn)

47、來看，ASP 和組件對(duì)象的配合使用無(wú)疑是一種引人入勝的新技術(shù)，更重要的是 由此而提出了一種全新的軟件設(shè)計(jì)方法，把硬件的工藝思想恰如其分地融合于軟件的面向 對(duì)象的分析、設(shè)計(jì)和施工之中，使面向?qū)ο蟮母拍詈头椒◤墓ぞ哒Z(yǔ)言的層次一下子躍上了 系統(tǒng)的應(yīng)用層，在快速開發(fā)多層的客戶/服務(wù)器分布式應(yīng)用系統(tǒng)中將會(huì)產(chǎn)生極好的效果。 2.5.62.5.6 ASPASP 方法與傳統(tǒng)靜態(tài)主頁(yè)的區(qū)別方法與傳統(tǒng)靜態(tài)主頁(yè)的區(qū)別 把信息系統(tǒng)納入 Internet/Intranet 的框架之后，首先要解決的問題是通過網(wǎng)頁(yè)訪問 后臺(tái)數(shù)據(jù)庫(kù)信息。所有應(yīng)用程序都被分割為頁(yè)面的形式，用戶的交互操作是以提交表單等 方式來實(shí)現(xiàn)的，這就要求

48、Web 站點(diǎn)具有很強(qiáng)的動(dòng)態(tài)數(shù)據(jù)發(fā)布能力。然而，目前 Web 的服務(wù)， 仍以提供“靜態(tài)”主頁(yè)內(nèi)容為主。所謂“靜態(tài)” ，指的就是站點(diǎn)的主頁(yè)內(nèi)容是“固定不變” 的，無(wú)法根據(jù)用戶的需求和實(shí)際情況做出相應(yīng)的變化。當(dāng)瀏覽器通過 Internet 的 HTTP 協(xié) 議向站點(diǎn)的 Web 服務(wù)器申請(qǐng)主頁(yè)時(shí)，站點(diǎn)服務(wù)器就會(huì)將已設(shè)計(jì)好的靜態(tài)的 HTML 文件傳送給 瀏覽器。若要更新主頁(yè)的內(nèi)容,只能用非在線的手動(dòng)方式更新 HTML 的文件數(shù)據(jù)。 ASP 所設(shè)計(jì)出的是動(dòng)態(tài)主頁(yè)，可接收用戶提交的信息并做出反應(yīng)，其中的數(shù)據(jù)可隨實(shí) 際情況而改變，無(wú)須人工對(duì)網(wǎng)頁(yè)文件進(jìn)行更新即可滿足應(yīng)用需要。例如：當(dāng)在瀏覽器上填 好表單并提交

49、HTTP 請(qǐng)求時(shí)，可以要求在站點(diǎn)服務(wù)器上執(zhí)行一個(gè)表單所設(shè)定的應(yīng)用程序，而 不只是一個(gè)簡(jiǎn)單的 HTML 文件。該應(yīng)用程序分析表單的輸入數(shù)據(jù)，根據(jù)不同的數(shù)據(jù)內(nèi)容將相 應(yīng)的執(zhí)行結(jié)果（通常是數(shù)據(jù)庫(kù)查尋的結(jié)果集）以 HTML 的格式傳送給瀏覽器。數(shù)據(jù)庫(kù)的數(shù)據(jù) 綜合網(wǎng)站設(shè)計(jì) 14 可以隨時(shí)變化，而服務(wù)器上執(zhí)行的應(yīng)用程序卻不必更改，客戶端得到的網(wǎng)頁(yè)信息會(huì)始終保 持新鮮的魅力。 2.5.72.5.7 主要軟件功能介紹主要軟件功能介紹 (1) AdobePhotoshop7.0 軟件作為專業(yè)的圖像編輯標(biāo)準(zhǔn)，可幫助您提高工作效率，嘗試新的創(chuàng)作方式，以及制 作適用于打印、Web 和其他任何用途的最佳品質(zhì)的圖像。通過

50、更便捷的文件數(shù)據(jù)訪問、流 線型的 Web 設(shè)計(jì)、更快的專業(yè)品質(zhì)照片潤(rùn)飾功能及其他功能，可創(chuàng)造出無(wú)與倫比的影像世 界。 文件瀏覽器，可直觀地瀏覽和檢索圖像； 修復(fù)畫筆，可以輕松地消除圖像中的人工痕跡，如蒙塵、劃痕、瑕疵和褶皺，同時(shí)保留 陰影、光照和紋理等效果； Web 輸出的增強(qiáng)功能，可輕松地對(duì) Web 頁(yè)元素應(yīng)用透明或部分透明效果，包括混合到任 意 Web 背景中的無(wú)縫邊緣； 單個(gè)增強(qiáng)的翻轉(zhuǎn)調(diào)板，管理 Web 頁(yè)翻轉(zhuǎn)、動(dòng)畫和圖像映射更加得心應(yīng)手； 新的“選定”翻轉(zhuǎn)狀態(tài)，無(wú)需手工編碼即可創(chuàng)建更高級(jí)的 Web 站點(diǎn)導(dǎo)航欄； 可自定義的工作區(qū)，可存儲(chǔ)調(diào)板和工具設(shè)置的排列方式，即時(shí)訪問個(gè)性化的 Pho

51、toshop 桌面； 新的自動(dòng)色彩命令，可進(jìn)行可靠的色彩校正； 新的繪畫引擎，可以模擬傳統(tǒng)的繪畫技巧； 圖案生成器增效工具，只需選擇圖像的一個(gè)區(qū)域即可創(chuàng)建現(xiàn)實(shí)或抽象的圖案，如小草、 巖石和沙子； 增強(qiáng)的“液化” （扭曲）工具，可用于查看其他圖層、縮放、全景顯示以及還原多個(gè)操作 步驟，甚至可以存儲(chǔ)自定網(wǎng)格并將它們應(yīng)用于其他文件； 提供密碼保護(hù)，可限制對(duì) Photoshop PDF 文件的訪問，確保圖像的完整性； 內(nèi)建的拼寫檢查器，可用于查找和替換操作，以及在同一個(gè)文件中對(duì)多種語(yǔ)言進(jìn)行拼寫 檢查； 增強(qiáng)的圖片包，可用于在單個(gè)頁(yè)面上打印多幅圖像，選擇不同的頁(yè)面大小，添加自定標(biāo) 簽，如版權(quán)公告或題注；

52、 更多的 Web 畫廊模板，通過張貼圖像的畫廊頁(yè)輕松地在網(wǎng)上展示作品，并且可以在其中 包括水印和版權(quán)信息來保護(hù)圖像與 MacOS9 完全兼容，支持 MacOSX 和 Microsoft Windows 綜合網(wǎng)站設(shè)計(jì) 15 XP 最新的增強(qiáng)功能； XMP 支持在應(yīng)用程序文件中嵌入元數(shù)據(jù)，以便于在工作流程中重新計(jì)劃、歸檔和自動(dòng)處 理文件。 (2) flash5.0 為了方便大家，我特地把一些重要的資訊提取出來，以便大家能快速的了解，會(huì)有一 些什么樣的新特性表現(xiàn)出來。這里所列的功能只是目前打算要增加的，而并不是最后確定 下來的。最后的版本會(huì)有新的功能，或者這里列出的一些功能并不會(huì)實(shí)現(xiàn)。 好了，言歸正

53、傳，讓我們開始吧！ 2.5.82.5.8 制圖方面制圖方面 1、制圖 （1）曲線繪制方式加強(qiáng)，就像 Illustrator、Freehand 等繪圖軟件那樣操作曲線； （2）鉛筆工具加強(qiáng)，可支持點(diǎn)到點(diǎn)的繪制功能，這樣可以提高繪制的精度； （3）矢量制圖方面加強(qiáng)，可以直接制作一些特效，比如：投影、虛化、輪廓線以及顏色混 合等等； （4）文本工具加強(qiáng)，可以沿軌跡寫文字，支持不同格式的文字在一起出現(xiàn)，還會(huì)增強(qiáng)文本 工具的功能； （5）支持 Freehand 圖形的完全輸入； （6）支持三維文件格式的直接輸入，并提供 Flash 的三維透視功能； （7）增強(qiáng)物件的處理能力； （8）自動(dòng)化和版面設(shè)計(jì)方面

54、； （9）新的網(wǎng)格系統(tǒng)，支持透視的； （10）文字校對(duì)； （11）物體搜索系統(tǒng)，可以按照物體的名稱、大小、類型、位置甚至顏色屬性等來查找， 并且可以替換查找到的結(jié)果； （12）準(zhǔn)線（Flash 制圖里面一直缺的就是這個(gè)，是和 Photoshop 一樣的） ； （13）自定義快捷鍵； （14）支持了宏命令以及自動(dòng)化操作（也類似 Photoshop，可以節(jié)省多多時(shí)間） 。 2、動(dòng)畫方面 （1）Real Flash 和 RealPlayerG2 支持； （2）Timeline 會(huì)改進(jìn)成類似 Director 那個(gè)樣子，可以自己定義某一段的顏色（很清晰了） 綜合網(wǎng)站設(shè)計(jì) 16 ； （3）文本動(dòng)畫加強(qiáng)，

55、可以在某 (未輸入驗(yàn)證碼資料無(wú)法完全顯示)。 綜合網(wǎng)站設(shè)計(jì) 17 第三章第三章 網(wǎng)站總體分析網(wǎng)站總體分析 3.13.1 ASPASP 程序設(shè)計(jì)準(zhǔn)備程序設(shè)計(jì)準(zhǔn)備 在開發(fā)ASP程序之前，需要做一些相應(yīng)的準(zhǔn)備工作。首先，所有的ASP程序都是在服務(wù) 器端執(zhí)行端，比如Win2000下的IIS5；其次為調(diào)試開發(fā)的ASP程序，一個(gè)好的程序編輯軟件 是必不可少的，在本站的開發(fā)中，所有的ASP程序都是用Dreamweaver MX編輯的。 盡管用記事本完全可以開發(fā)ASP程序，但如果想高效地開發(fā)web數(shù)據(jù)庫(kù)管理系統(tǒng)，可用 Dreamweaver MX來開發(fā)ASP文件。雖然Dreamweaver MX的很多功能都體

56、現(xiàn)在靜態(tài)網(wǎng)頁(yè)制作和 站點(diǎn)管理上。但用它來編寫ASP文件還是十分便捷的。 ASP是一種動(dòng)態(tài)生成Web頁(yè)面技術(shù)，它以擴(kuò)展名為.asp的純文本形式存在于Web服務(wù)器上， 可以用任何文本編輯器打開它。在ASP程序中可以包含純文本、HTML標(biāo)記以及腳本命令。 ASP本身并不是一種腳本語(yǔ)言，它只是提供了一種使嵌入在HTML頁(yè)面中的腳本程序得以運(yùn)行 的環(huán)境。由于ASP運(yùn)行于服務(wù)器端，因此一定要通過WWW方式瀏覽，即URL應(yīng)以http:/打 頭，而不要以本地文件的形式瀏覽。 ASP腳本是在定界符（Delimiter）“”范圍內(nèi)的VBScript或Java Script腳 本命令，也是網(wǎng)站主要用到的兩個(gè)腳本語(yǔ)言

57、。默認(rèn)情況下，主腳本語(yǔ)言VBScript。如果你 想在某一頁(yè)中將一種腳本語(yǔ)言設(shè)定為主腳本語(yǔ)言，那么只要在.asp文件開始處再加上如下 的命令就可以了: 其中，ScriptingLanguage代表您想設(shè)置的主腳本語(yǔ)言 3.23.2 WebWeb ServiceService 簡(jiǎn)介簡(jiǎn)介 Web Service 是一種構(gòu)建開放的分布式應(yīng)用程序的模型，它能在所有支持 Internet 通 信的操作系統(tǒng)上實(shí)現(xiàn)。 Web service 體系結(jié)構(gòu)基于三種角色（服務(wù)提供者、服務(wù)注冊(cè)中心和服務(wù)請(qǐng)求者）之 間的交互。交互涉及發(fā)布、查找和綁定操作。這些角色和操作一起作用于 Web Service 構(gòu) 綜合網(wǎng)站設(shè)

58、計(jì) 18 件：Web Service 軟件模塊及其描述。在典型情況下，服務(wù)提供者托管可通過網(wǎng)絡(luò)訪問的 軟件模塊（Web 服務(wù)的一個(gè)實(shí)現(xiàn)） 。服務(wù)提供者定義 Web Service 的服務(wù)描述并把它發(fā)布 到服務(wù)請(qǐng)求者或服務(wù)注冊(cè)中心。服務(wù)請(qǐng)求者使用查找操作來從本地或服務(wù)注冊(cè)中心檢索服 務(wù)描述，然后使用服務(wù)描述與服務(wù)提供者進(jìn)行綁定并調(diào)用 Web Service 實(shí)現(xiàn)或同它交互。 圖 1 圖示了這些操作、提供這些操作的組件及它們之間的交互。 圖 3.1 Web service 體系結(jié)構(gòu) 圖 3.2 Web 協(xié)議圖 綜合網(wǎng)站設(shè)計(jì) 19 Web Service 的所有協(xié)議都基于標(biāo)準(zhǔn)的 Web 協(xié)議，諸如：

59、HTTP，擴(kuò)展的標(biāo)記語(yǔ)言 XML，簡(jiǎn)單對(duì)象訪問協(xié)議 SOAP，Web 服務(wù)描述語(yǔ)言 WSDL，通用描述、發(fā)現(xiàn)與集成 UDDI 等。 這些協(xié)議的關(guān)系如圖 2 所示。協(xié)議組成堆棧的形式，每一個(gè)下層提供對(duì)它上層的支持，同 時(shí)每一個(gè)上層都必須基于所有的下層協(xié)議之上。 3.33.3 網(wǎng)站系統(tǒng)分析網(wǎng)站系統(tǒng)分析 根據(jù)前面的設(shè)計(jì)思想進(jìn)行分析，按照系統(tǒng)開發(fā)的基本觀點(diǎn)對(duì)網(wǎng)站進(jìn)行分解，從內(nèi)容上 可對(duì)網(wǎng)站作如下劃分： (1)網(wǎng)站，包括五個(gè)子模塊： 一、關(guān)系我們 二、我們的關(guān)點(diǎn) 三、我們的作品 四、科技新聞 五、公司風(fēng)格 通過關(guān)系我們及我們的團(tuán)隊(duì)、工作中等內(nèi)容來展現(xiàn)； （2）優(yōu)點(diǎn)與特色通過我們的作品、我們的關(guān)點(diǎn)等欄目來

60、展現(xiàn)； （3）發(fā)布公司業(yè)務(wù)與動(dòng)向通過 BBS 論壇、技術(shù)新聞等欄目來實(shí)現(xiàn)； （4）通過發(fā)布 web、asp、flash 等的最新消息來吸引用戶的瀏覽。 3.43.4 主頁(yè)設(shè)計(jì)主頁(yè)設(shè)計(jì) 網(wǎng)站主頁(yè)采用靜、動(dòng)相結(jié)合的方式，即靜態(tài)的主畫面和動(dòng)態(tài)的圖片相結(jié)合，體現(xiàn)公司 的勃勃生氣，靜態(tài)主頁(yè)方式介紹公司風(fēng)格、優(yōu)點(diǎn)特色、信息發(fā)布，BBS 論壇就得利用 ASP 與數(shù)據(jù)庫(kù)結(jié)合的技術(shù)建立數(shù)據(jù)庫(kù)，采用交互式的動(dòng)態(tài)的 web 畫面來實(shí)現(xiàn)。 3.53.5 數(shù)據(jù)庫(kù)設(shè)計(jì)數(shù)據(jù)庫(kù)設(shè)計(jì) 采用的數(shù)據(jù)庫(kù)是 Microsoft Access，擬建立 JAXEDATA.mdb 庫(kù)文件，BBSPP1.mdb 庫(kù)文 件 JAXEDATA.m

61、db 包含如下幾個(gè)表文件： 綜合網(wǎng)站設(shè)計(jì) 20 （1）admin 管理員信息表； （2）Article 文章信息表； （3）Lunmu 文章欄目信息表； （4）BBSPP1.mdb 包含如下 2 個(gè)表文件； （5）發(fā)言表用戶發(fā)言信息表； （6）用戶表用戶登記信息表。 3.63.6 圖形界面設(shè)計(jì)圖形界面設(shè)計(jì) 在圖形化操作系統(tǒng)日益流行的今天，界面可以說是一個(gè)應(yīng)用程序最重要最直接的部分。 對(duì)用戶而言，界面就是應(yīng)用程序，幕后執(zhí)行的程序代碼用戶不關(guān)心，也感覺不到。因此應(yīng) 用程序的可用性的友好性依賴于界面的設(shè)計(jì)。 并不是只有藝術(shù)家才能設(shè)計(jì)出好的界面，大多數(shù)用戶界面設(shè)計(jì)原則和任何基礎(chǔ)課程中 教授的基礎(chǔ)設(shè)計(jì)原

62、則一樣。實(shí)際上，在計(jì)算機(jī)屏幕上組合顏色、文字等的基本原則和我們 在紙張上畫圖一樣。 本系統(tǒng)是基于 Web 的，所以系統(tǒng)的界面設(shè)計(jì)也就是系統(tǒng)網(wǎng)頁(yè) 的設(shè)計(jì)。Photoshop 產(chǎn)品 對(duì)網(wǎng)頁(yè)設(shè)計(jì)的強(qiáng)大處理功能，用戶通過在頁(yè)面上僅用拖曳控件的方式就可輕松創(chuàng)建網(wǎng)頁(yè)。 但若要想制作出方便實(shí)用的精美網(wǎng)頁(yè)，必須在開始之前做出詳細(xì)設(shè)計(jì)，這樣就會(huì)大大提高 網(wǎng)頁(yè)質(zhì)量，進(jìn)一步改善應(yīng)用程序的可用性。設(shè)計(jì)時(shí)可以將設(shè)計(jì)的頁(yè)面畫在紙上，然后考慮 哪些控件是所需要的，以及不同元素的重要性、控件之間的聯(lián)系等。頁(yè)面的設(shè)計(jì)和規(guī)劃不 僅影響到它本身外觀的藝術(shù)性，而且對(duì)應(yīng)用程序的可用性也有很重要的作用。組織頁(yè)面的 工作包括控件的位置、大

63、小、一致性等。這一點(diǎn)我們的設(shè)計(jì)師做得比較有突出的圖片來表 現(xiàn)! 綜合網(wǎng)站設(shè)計(jì) 21 第四章第四章 詳細(xì)設(shè)計(jì)詳細(xì)設(shè)計(jì)與實(shí)現(xiàn)與實(shí)現(xiàn) 4.14.1 網(wǎng)頁(yè)設(shè)計(jì)的內(nèi)容網(wǎng)頁(yè)設(shè)計(jì)的內(nèi)容 1) 視聽元素 這里所說的視聽元素，主要包括：文本、背景、按鈕、圖標(biāo)、圖像、表格、顏色、導(dǎo) 航工具、背景音樂、動(dòng)態(tài)影像等。無(wú)論是文字、圖形、動(dòng)畫，還是音頻、視頻，網(wǎng)頁(yè)設(shè)計(jì) 者所要考慮的是如何以感人的形式把它們放進(jìn)頁(yè)面這個(gè)“大畫布”里。在本網(wǎng)站中雖然沒 有用到背影音樂，但安排了一些 GIF 動(dòng)畫也大大豐富了網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)的表現(xiàn)力。 2) 版式設(shè)計(jì) 網(wǎng)頁(yè)的版式設(shè)計(jì)同報(bào)刊雜志等平面媒體的版式設(shè)計(jì)有很多共同之處，它在網(wǎng)頁(yè)的藝術(shù) 設(shè)計(jì)中

64、占據(jù)著重要的地位。所謂網(wǎng)頁(yè)的版式設(shè)計(jì)，是在有限的屏幕空間上將視聽多媒體元 素進(jìn)行有機(jī)的排列組合，將理性思維個(gè)性化的表現(xiàn)出來，是一種具有個(gè)人風(fēng)格和藝術(shù)特色 的視聽傳達(dá)方式。它在傳達(dá)信息的同時(shí)，也產(chǎn)生感官上的美感和精神上的享受。 但網(wǎng)頁(yè)的排版與書籍雜志的排版又有很多差異。印刷品都有固定的規(guī)格尺寸，網(wǎng)頁(yè)則 不然，它的尺寸是由讀者來控制的。這使網(wǎng)頁(yè)設(shè)計(jì)者不能精確控制頁(yè)面上每個(gè)元素的尺寸 和位置。而且，網(wǎng)頁(yè)的組織結(jié)構(gòu)不像印刷品那樣為線性組合，這給網(wǎng)頁(yè)的版式設(shè)計(jì)帶來了 一定的難度。 因此在網(wǎng)站先用的色調(diào)非常冷，是用黑與淺藍(lán)兩種冷淡顏色的交互。但出來的后果今 我很滿意。再加上一些 GIF 動(dòng)畫中和了網(wǎng)頁(yè)的冷

65、淡。 4.24.2 網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)的原則網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)的原則 網(wǎng)頁(yè)作為傳播信息的一種載體，同其他出版物如報(bào)紙、雜志等在設(shè)計(jì)上有許多共同之 處，也要遵循一些設(shè)計(jì)的基本原則。但是，由于表現(xiàn)形式、運(yùn)行方式和社會(huì)功能的不同， 網(wǎng)頁(yè)設(shè)計(jì)又有其自身的特殊規(guī)律。網(wǎng)頁(yè)的藝術(shù)設(shè)計(jì)，是技術(shù)與藝術(shù)的結(jié)合，內(nèi)容與形式的 統(tǒng)一。它要求設(shè)計(jì)者必須掌握以下三個(gè)主要原則。 綜合網(wǎng)站設(shè)計(jì) 22 4.2.14.2.1 主題鮮明主題鮮明 視覺設(shè)計(jì)表達(dá)的是一定的意圖和要求，有明確的主題，并按照視覺心理規(guī)律和形式將 主題主動(dòng)地傳達(dá)給觀賞者。訴求的目的，是使主題在適當(dāng)?shù)沫h(huán)境里被人們即時(shí)地理解和接 受，以滿足人們的實(shí)用和需求，這就要求視覺設(shè)計(jì)

66、不但要單純、簡(jiǎn)練、清晰和精確，而且 在強(qiáng)調(diào)藝術(shù)性的同時(shí)，更應(yīng)該注重通過獨(dú)特的風(fēng)格和強(qiáng)烈的視覺沖擊力，來鮮明地突出設(shè) 計(jì)主題。 4.2.24.2.2 形式與內(nèi)容統(tǒng)一形式與內(nèi)容統(tǒng)一 任何設(shè)計(jì)都有一定的內(nèi)容和形式。內(nèi)容是構(gòu)成設(shè)計(jì)的一切內(nèi)在要素的總和，是設(shè)計(jì)存 在的基礎(chǔ)，被稱為“設(shè)計(jì)的靈魂” ；形式是構(gòu)成內(nèi)容諸要素的內(nèi)部結(jié)構(gòu)或內(nèi)容的外部表現(xiàn)方 式。設(shè)計(jì)的內(nèi)容就是指它的主題、形象、題材等要素的總和，形式就是它的結(jié)構(gòu)、風(fēng)格或 設(shè)計(jì)語(yǔ)言等表現(xiàn)方式。內(nèi)容決定形式，形式反作用于內(nèi)容。一個(gè)優(yōu)秀的設(shè)計(jì)必定是形式對(duì) 內(nèi)容的完美表現(xiàn)。正如黑格爾所說：“工藝的美就不在于要求實(shí)用品的外部造型、色彩、 紋樣去摹擬事物，再現(xiàn)現(xiàn)實(shí)，而在于使其外部形式傳達(dá)和表現(xiàn)出一定的情緒、氣氛、格調(diào)、 風(fēng)尚、趣味，使物質(zhì)經(jīng)由象征變成相似于精神生活的有關(guān)環(huán)境。 ” 4.2.34.2.3 強(qiáng)調(diào)整體強(qiáng)調(diào)整體 網(wǎng)頁(yè)的整體性包括內(nèi)容和形式上的整體性，這里主要討論設(shè)計(jì)形式上的整體性。 網(wǎng)頁(yè)是傳播信息的載體，它要表達(dá)的是一定的