畢業(yè)論文——綜合網(wǎng)站設(shè)計

設(shè)計題目：綜合網(wǎng)站設(shè)計設(shè)計題目：綜合網(wǎng)站設(shè)計 姓名：姓名： 學(xué)號：學(xué)號： 導(dǎo)師：導(dǎo)師： 寫作日期：寫作日期： 綜合網(wǎng)站設(shè)計 I 摘要與關(guān)鍵詞摘要與關(guān)鍵詞 在 Internet 飛速發(fā)展的今天，互聯(lián)網(wǎng)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道， 它在人們政治、經(jīng)濟、生活等各個方面發(fā)揮著重要的作用。Internet 上發(fā)布信息主要是通 過網(wǎng)站來實現(xiàn)的，獲取信息也是要在 Internet“海洋”中按照一定的檢索方式將所需要的 信息從網(wǎng)站上下載下來。因此網(wǎng)站建設(shè)在 Internet 應(yīng)用上的地位顯而易見，它已成為政府、 企事業(yè)單位信息化建設(shè)中的重要組成部分，從而倍受人們的重視。網(wǎng)頁藝術(shù)設(shè)計是伴隨著 計算機互聯(lián)網(wǎng)絡(luò)的產(chǎn)生而形成的視聽設(shè)計新課題，是網(wǎng)頁設(shè)計者以所處時代所能獲取的技 術(shù)和藝術(shù)經(jīng)驗為基礎(chǔ)，依照設(shè)計目的和要求自覺地對網(wǎng)頁的構(gòu)成元素進行藝術(shù)規(guī)劃的創(chuàng)造 性思維活動，必然要成為設(shè)計藝術(shù)的重要組成部分，并隨著網(wǎng)絡(luò)技術(shù)的發(fā)展而發(fā)展。表面 上看，它不過是關(guān)于網(wǎng)頁版式編排的技巧與方法，而實際上，它不僅是一種技能，更是藝 術(shù)與技術(shù)的高度統(tǒng)一。 關(guān)鍵詞：關(guān)鍵詞：Asp;Asp; FrontPage;FrontPage; AdobeAdobe PhotoshopPhotoshop 7.07.0; ; flashflash 5.0;5.0; MicrosoftMicrosoft AccessAccess 20002000 綜合網(wǎng)站設(shè)計 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 internet 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 element 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 skill, 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è)計 目錄目錄 摘要與關(guān)鍵詞摘要與關(guān)鍵詞I I ABSTRACTABSTRACT ANDAND KEYWORDKEYWORDIIII 第一章第一章 前言前言1 1 第二章第二章 理論知識與開發(fā)工具介紹理論知識與開發(fā)工具介紹3 3 2.1 設(shè)計思想 .3 2.2 開發(fā)工具的選用及介紹 .3 2.3 網(wǎng)頁結(jié)構(gòu)布局說明 .4 2.4 網(wǎng)頁布局的技術(shù) .7 2.5 ASP 的技術(shù)特點與靜態(tài)網(wǎng)頁的區(qū)別 .8 第三章第三章 網(wǎng)站總體分析網(wǎng)站總體分析1616 3.1 ASP 程序設(shè)計準(zhǔn)備 16 3.2 WEB SERVICE簡介 16 3.3 網(wǎng)站系統(tǒng)分析 18 3.4 主頁設(shè)計 18 3.5 數(shù)據(jù)庫設(shè)計 18 3.6 圖形界面設(shè)計 19 第四章第四章 詳細(xì)設(shè)計與實現(xiàn)詳細(xì)設(shè)計與實現(xiàn)2020 4.1 網(wǎng)頁設(shè)計的內(nèi)容 20 4.2 網(wǎng)頁藝術(shù)設(shè)計的原則 20 4.2.1 主題鮮明.21 4.2.2 形式與內(nèi)容統(tǒng)一.21 4.2.3 強調(diào)整體.21 4.3 科技新聞的設(shè)計 22 4.4 論壇設(shè)計 22 4.5 代碼實現(xiàn) 24 第五章第五章 系統(tǒng)的系統(tǒng)的運運行環(huán)境與測試分析行環(huán)境與測試分析2929 5.1 運行環(huán)境 .29 5.2 測試分析 .29 第六章第六章 結(jié)束語結(jié)束語3131 致謝致謝3232 參考文獻(xiàn)參考文獻(xiàn)3333 附錄附錄 部分程序源代碼部分程序源代碼3434 綜合網(wǎng)站設(shè)計 1 第一章第一章 前言前言 ASP 技術(shù) ASP（Active Server Pages 動態(tài)網(wǎng)頁）是微軟公司推出的一種用以取代 CGI（Common Gateway Interface 通用網(wǎng)關(guān)接口）的技術(shù)。目前，Internet 上的許多基于 Windows 平臺的 Web 站點已開始應(yīng)用 ASP 來替換 CGI。簡單地講，ASP 是一個位于服務(wù)器端 的腳本運行環(huán)境，通過這種環(huán)境，用戶可以創(chuàng)建和運行動態(tài)的交互式 Web 服務(wù)器應(yīng)用程序， 如交互式動態(tài)網(wǎng)頁，包括使用 HTML 表單收集和處理信息，上傳與下載等等。通常情況下， 用戶通過瀏覽器看到的網(wǎng)頁大多是靜態(tài)的，目前 Internet 上的許多站點，仍然提供“靜態(tài) “（static）的主頁內(nèi)容。所謂“靜態(tài)“，指的就是站點的主頁內(nèi)容是“固定不變“的。當(dāng)瀏覽 器通過 Internet 的 HTTP(Hypertext Transport Protocol)協(xié)議，向站點服務(wù)器(Web Server)要求提供主頁的內(nèi)容時，站點服務(wù)器收到要求后，就傳送原已設(shè)計好的靜態(tài)的 HTML 的文件數(shù)據(jù)給瀏覽器。一個“靜態(tài)“的站點，若要更新主頁的內(nèi)容，必須手動的來更新 其 HTML 的文件數(shù)據(jù)。而隨著 Web 應(yīng)用的發(fā)展，用戶希望能夠看到根據(jù)要求而動態(tài)生成的主 頁，例如響應(yīng)用戶查詢數(shù)據(jù)庫的要求、生成報表等。當(dāng)在瀏覽器上填好表單(form)的輸入 數(shù)據(jù)，以提供 HTTP 要求時，可以在站點服務(wù)器中執(zhí)行的應(yīng)用程序，而不只是一個 HTML 文 件。站點服務(wù)器收到要求執(zhí)行的應(yīng)用程序，分析表單(form)的輸入數(shù)據(jù)，將執(zhí)行的結(jié)果以 HTML 的格式傳送給瀏覽器。根據(jù)用戶請求生成動態(tài)主頁的傳統(tǒng)方法有 CGI、ISAPI 等。CGI 是根據(jù)瀏覽器端的 http 請求激活響應(yīng)進程，每一個請求對應(yīng)一個進程。當(dāng)同時有很多請求 時，程序擠占系統(tǒng)資源，造成效率低下；ISAPI 針對這一缺點進行改進，利用 dl l（動態(tài) 鏈接庫）技術(shù)，以線程代替進程，提高了性能和速度，但要考慮線程的同步問題，而且開 發(fā)步驟煩瑣。這兩種技術(shù)和另一普遍使用的開發(fā)動態(tài)網(wǎng)頁的技術(shù) Java 都還存在著另外一個 問題，那就是開發(fā)困難，程序的開發(fā)和 HTML 寫作是兩個完全不同的過程，需要專門的程序 員開發(fā)。而較簡單的開發(fā)技術(shù)如 java script 和 IDC(Internet Database Connector)等功 能有限，不敷使用。ASP 使用的 ActiveX 技術(shù)基于開放設(shè)計環(huán)境，用戶可以自己定義和制 作組件加入其中，使自己的動態(tài)網(wǎng)頁幾乎具有無限的擴充能力，這是傳統(tǒng)的 CGI 等程序所 遠(yuǎn)遠(yuǎn)不及的地方。ASP 與常見的在 Client 端實現(xiàn)動態(tài)主頁的技術(shù)如 Java applet、ActiveX Control、VBScript、java script 等不同，ASP 中的命令和 Script 語句都是由服務(wù)器來解 釋執(zhí)行的，執(zhí)行結(jié)果產(chǎn)生動態(tài)生成的 Web 頁面并送到瀏覽器；而 Client 端技術(shù)的 Script 綜合網(wǎng)站設(shè)計 2 命令則是由瀏覽器來解釋執(zhí)行。由于 ASP 是在服務(wù)器端解釋執(zhí)行，開發(fā)者可以不必考慮瀏 覽器是否支持 ASP；同時由于它在服務(wù)器端執(zhí)行，開發(fā)者也不必?fù)?dān)心別人下載程序從而竊 取編程邏輯。ASP 通過后綴名為.asp 的 ASP 文件來實現(xiàn)，一個.asp 文件相當(dāng)于一個可執(zhí)行 文件，因此必須放在 Web 服務(wù)器上有可執(zhí)行權(quán)限的目錄下。當(dāng)用戶從瀏覽器輸入了.asp 文 件的地址后，瀏覽器就將這個 URL 請求發(fā)給 Web Server，如果 Web Server 上裝了 ASP，就 調(diào)用 ASP。ASP 讀出相應(yīng).asp 文件，解釋并執(zhí)行命令，動態(tài)生成一個 HTML 頁面回傳 Web Server，然后 Web Server 再把結(jié)果發(fā)送給瀏覽器。ASP 文件的制作和 HTML 類似，且和 HTML 開發(fā)集成，可以在同一個過程完成，利用 ASP 將可以執(zhí)行的腳本嵌入到 HTML 文件中 (將 HTML 文件的后綴名改為.asp)，這使得 HTML 文件的編寫與腳本的開發(fā)融合在一起。通 過 ASP 內(nèi)置的對象、服務(wù)器組件（Server Component）可以完成非常復(fù)雜的任務(wù)，而且用 戶還可以自己開發(fā)或利用別人開發(fā)的服務(wù)器組件完成專門的任務(wù)。 綜合網(wǎng)站設(shè)計 3 第二章第二章 理論知識與開發(fā)工具理論知識與開發(fā)工具介紹介紹 2.12.1 設(shè)計思想設(shè)計思想 通過網(wǎng)站，全面宣傳，展示公司風(fēng)格、優(yōu)點與特色，發(fā)布公司的業(yè)務(wù)和動向，及一些 web、asp、flash、hank 等的最新消息。在 Internet 上實現(xiàn)完成部分業(yè)務(wù)，提高辦事效率。 2.22.2 開發(fā)工具的選用及介紹開發(fā)工具的選用及介紹 我選擇了 ASP 結(jié)合 Front page 架構(gòu)綜合網(wǎng)站 ASP 的優(yōu)勢： Active Server Pages：“動態(tài)服務(wù)器網(wǎng)頁” ，一般簡稱為“ASP” ，ASP 之所以能受到 大家的重視與使用的原因，主要在于所產(chǎn)生的執(zhí)行結(jié)果都是標(biāo)準(zhǔn)的 HTML 格式，而且這些程 序是在網(wǎng)絡(luò)服務(wù)端中執(zhí)行，使用一般的瀏覽器（如 IE 或 Netscape）都可以正確地獲得 ASP 的“執(zhí)行”結(jié)果，并且將這 ASP 執(zhí)行的結(jié)果直接在瀏覽器中“瀏覽” ，不像 VBScript 或 JavaScript 是在客戶端（Client）的瀏覽器上執(zhí)行，若使用 VBScript 來設(shè)計程序，客戶 端（Client）在瀏覽器中可以顯示程序執(zhí)行的結(jié)果，可是，客戶端（Client）若使用 Netscape 瀏覽器就無法顯示 VBScript 的執(zhí)行結(jié)果。 2.2.12.2.1 ASPASP 的特點的特點 （1）任何開發(fā)工具皆可發(fā)展 ASP （2）只要使用一般的文書編輯程序，如 Windows 記事本，就可以編輯。當(dāng)然，其他網(wǎng)頁發(fā) 展工具，例如，F(xiàn)ront Page Express、Front Page 等也都可以。 （3）語言相容性高 （4）易于操控數(shù)據(jù)庫 （5）ASP 可以輕易地通過DBC(Open Database Connectivity)驅(qū)動程序連接各種不同的 數(shù)據(jù)庫，例如：Access、FoxPro、dBase、Oracle 等等，另外，ASP 亦可將“文本文件”或 是” “ Excel”文件當(dāng)成數(shù)據(jù)庫用。 2.2.22.2.2 ASPASP 的六大內(nèi)部對象的六大內(nèi)部對象 對象名稱功能描述： 綜合網(wǎng)站設(shè)計 4 Request Response Server Session Application Object Context 從客戶端取 得信息將信息送給客戶端提供一些 Web 服務(wù)器工具儲存在一個 Session 內(nèi)的用戶信息，該 信息僅可被該用戶訪問在一個 ASP-Application 中讓不同的客戶端共享信息可以用來配合 Microsoft Transaction 服務(wù)器進行分布式事務(wù)處理 本系統(tǒng)是基于 Web 的，所以系統(tǒng)的界面設(shè)計也就是系統(tǒng)網(wǎng)頁的設(shè)計。Photoshop 產(chǎn)品 對網(wǎng)頁設(shè)計的強大處理功能，用戶通過在頁面上僅用拖曳控件的方式就可輕松創(chuàng)建網(wǎng)頁。 但若要想制作出方便實用的精美網(wǎng)頁，必須在開始之前做出詳細(xì)設(shè)計，這樣就會大大提高 網(wǎng)頁質(zhì)量，進一步改善應(yīng)用程序的可用性。設(shè)計時可以將設(shè)計的頁面畫在紙上，然后考慮 哪些控件是所需要的，以及不同元素的重要性、控件之間的聯(lián)系等。頁面的設(shè)計和規(guī)劃不 僅影響到它本身外觀的藝術(shù)性，而且對應(yīng)用程序的可用性也有很重要的作用。組織頁面的 工作包括控件的位置、大小、一致性等。這一點我們的設(shè)計師做得比較有突出的圖片來表 現(xiàn)! 圖片的處理用到的軟件是 Adobe Photoshop adobe, adobe Image Ready Photoshop 可以說 是無所不能的軟件，有很多功能。加上 Image Ready 是制作動畫圖片的好工具，在這兩個 軟件的組合下，我在網(wǎng)站所做的圖片和動畫都是非常好的，但也算不上是完美，因前在做 此網(wǎng)站之前我還沒用得很熟。擔(dān)在這次設(shè)計中，讓我更了解 Adobe Photoshop adobe, Adobe Image Ready 這兩個軟件。不過也多得老師和同學(xué)的指導(dǎo)和幫助。 2.32.3 網(wǎng)頁結(jié)構(gòu)布局說明網(wǎng)頁結(jié)構(gòu)布局說明 最開始，網(wǎng)頁呈現(xiàn)在你面前的時候，它就好像一張白紙，它需要你任意揮灑你的設(shè)計 才思。在開始的時候，你需要明白，雖然你能控制一切你所能控制的東西，但假如你知道 什么是一種約定俗成的標(biāo)準(zhǔn)或者說大多數(shù)訪問者的瀏覽習(xí)慣，那么你可以在此基礎(chǔ)上加上 自己的東西。你當(dāng)然也可以創(chuàng)造出自己的設(shè)計方案，但如果你是初學(xué)者，那么最好明白網(wǎng) 頁布局的基本概念。 2.3.12.3.1 頁面尺寸頁面尺寸 由于頁面尺寸和顯示器大小及分辨率有關(guān)系，網(wǎng)頁的局限性就在于你無法突破顯示器 的范圍，而且因為瀏覽器也將占去不少空間，留下給你的頁面范圍變得越來越小。一般分 辨率在 800 x600 的情況下，頁面的顯示尺寸為：780 x428 個象素；分辨率在 640 x480 的情 況下，頁面的顯示尺寸為:620X311 個象素；分辨率在 1024X768 的情況下，頁面的顯示尺 綜合網(wǎng)站設(shè)計 5 寸為：1007x600。從以上數(shù)據(jù)可以看出，分辨率越高頁面尺寸越大。 瀏覽器的工具欄也是影響頁面尺寸的原因。一般目前的瀏覽器的工具欄都可以取消或 者增加，那么當(dāng)你顯示全部的工具欄時，和關(guān)閉全部工具欄時，頁面的尺寸是不一樣的。 在網(wǎng)頁設(shè)計過程中，向下拖動頁面是惟一給網(wǎng)頁增加更多內(nèi)容(尺寸)的方法。但我想 提醒大家除非你能肯定站點的內(nèi)容能吸引大家拖動，否則不要讓訪問者拖動頁面超過三屏。 如果需要在同一頁面顯示超過三屏的內(nèi)容，那么你最好能在上面做上頁面內(nèi)部連接，方便 訪問者瀏覽。 2.3.22.3.2 整體造型整體造型 什么是造型，造型就是創(chuàng)造出來的物體形象。這里是指頁面的整體形象，這種形象應(yīng) 該是一個整體，圖形與文本的接合應(yīng)該是層疊有序。雖然，顯示器和瀏覽器都是矩形，但 對于頁面的造型，你可以充分運用自然界中的其它形狀以及它們的組合：矩形，圓形，三 角形，菱形等。 對于不同的形狀，它們所代表的意義是不同的。比如矩形代表著正式，規(guī)則，你注意 到很多 ICP 和政府網(wǎng)頁都是以矩形為整體造型；圓形帶表著柔和，團結(jié)，溫暖，安全等， 許多時尚站點喜歡以圓形為頁面整體造型；三角形代表著力量，權(quán)威，牢固，侵略等，許 多大型的商業(yè)站點為顯示它的權(quán)威性常以三角形為頁面整體造型；菱形代表著平衡，協(xié)調(diào)， 公平，一些交友站點常運用菱形作為頁面整體造型。雖然不同形狀帶表著不同意義，但目 前的網(wǎng)頁制作多數(shù)是接合多個圖形加以設(shè)計，在這其中某種圖形的構(gòu)圖比例可能占的多一 些。 2.3.32.3.3 頁頭頁頭 頁頭又可稱之為頁眉，頁眉的作用是定義頁面的主題。比如一個站點的名字多數(shù)都顯 示在頁眉里。這樣，訪問者能很快知道這個站點是什么內(nèi)容。頁頭是整個頁面設(shè)計的關(guān)鍵， 它將牽涉到下面的更多設(shè)計和整個頁面的協(xié)調(diào)性。頁頭常放置站點名字的圖片和公司標(biāo)志 以及旗幟廣告。 2.3.42.3.4 文本文本 文本在頁面中出現(xiàn)都數(shù)以行或者塊(段落)出現(xiàn)，它們的擺放位置決定者整個頁面布局 的可視性。在過去因為頁面制作技術(shù)的局限，文本放置的位置的靈活性非常小. 頁腳： 頁腳和頁頭相呼應(yīng)。頁頭是放置站點主題的地方，而頁腳是放置制作者或者公司信息 的地方。你能看到，許多制作信息都是放置在頁腳的。 綜合網(wǎng)站設(shè)計 6 2.3.52.3.5 圖片圖片 圖片和文本是網(wǎng)頁的兩大構(gòu)成元素，缺一不可。如何處理好圖片和文本的位置成了整 個頁面布局的關(guān)鍵。而你的布局思維也將體現(xiàn)在這里。 2.3.62.3.6 多媒體多媒體 除了文本和圖片，還有聲音，動畫，視頻等等其它媒體。雖然它們不是經(jīng)常能被利用 到，但隨著動態(tài)網(wǎng)頁的興起，它們在網(wǎng)頁布局上也將變得更重要。 2.3.72.3.7 網(wǎng)頁布局的方法網(wǎng)頁布局的方法 網(wǎng)頁布局的方法有兩種，第一種為紙上布局；第二種為軟件布局。下面分別加以介紹： 1.紙上布局法 許多網(wǎng)頁制作者不喜歡先畫出頁面布局的草圖，而是直接在網(wǎng)頁設(shè)計器里邊設(shè)計布局 邊加內(nèi)容。這種不打草稿的方法不能讓你設(shè)計出優(yōu)秀的網(wǎng)頁來。所以在開始制作網(wǎng)頁時， 要先在紙上畫出你頁面的布局草圖來。 準(zhǔn)備若干張白紙和一只鉛筆，你要設(shè)計一個時尚站點。 (1)尺寸選擇 目前一般 800X600 的分辨率為約定俗成的瀏覽模式。所以為了照顧大多數(shù)訪問者，你 頁面的尺寸以 800X600 的分辨率為準(zhǔn)。 (2)造型的選擇 先在白紙上畫出象征瀏覽器窗口的矩形，這個矩形就是你布局的范圍了。選擇一個形 狀作為整個頁面的主題造型，我們選擇圓形，因為它代表者柔和，和時尚流行比較相稱， 然后在矩形框架里隨意畫出來，你可以試者在增加一些圓形或者其它形狀。這樣畫下來， 你會發(fā)現(xiàn)很亂。其實，如果你一開始就想設(shè)計出一個完美的布局來是比較困難的，而你要 在這看似很亂的圖形中找出隱藏在其中的特別的造型出來。還要注意一點，你不要擔(dān)心你 設(shè)計的布局是否能夠?qū)崿F(xiàn)。事實上，只要你能想到的布局都能靠現(xiàn)今的 HTML 技術(shù)實現(xiàn)。 考慮到左邊向左凹的弧線，為了取得平衡我們在頁面右邊增加了一個矩形(也可以是一 條線段)。 (3)增加頁頭 .jpg 是我們從.jpg 和 2.jpg 得到的布局造型，那么我們該增加頁頭了。一般頁頭都 是位于頁面頂部，所以我們?yōu)?.jpg 增加了一個頁頭，為了和左邊的弧線和右邊的矩形取 得平衡，我們增加了一個矩形頁頭并讓頁頭相交與左邊的弧線。 (4)增加文本 綜合網(wǎng)站設(shè)計 7 頁面的空白部分加入文本和圖形。因為在頁面右邊有矩形作為陪襯，所以文本放置在 空白部分不會因為左邊的弧線而顯得不協(xié)調(diào)。 (5)增加圖片 圖片是美化頁面和說明內(nèi)容必須的媒體。在這里把圖片加入到適當(dāng)?shù)牡胤?。?jīng)過以上 的幾個步驟，一個時尚頁面的大概布局就出現(xiàn)了。當(dāng)然，它不是最后的結(jié)果，而是你以后 制作時的重要參考依據(jù)。 2.軟件布局法 如果你不喜歡用紙來畫出你的布局意圖，那么你還可以利用軟件來完成這些工作。這 個軟件就是 Photoshop。Photoshop 所具有的對圖像的編輯功能用到設(shè)計網(wǎng)頁布局上更顯得 心應(yīng)手。不像用紙來設(shè)計布局，利用 Photoshop 可以方便的使用顏色，使用圖形，并且可 以利用層的功能設(shè)計出用紙張無法實現(xiàn)的布局意念。 2.42.4 網(wǎng)頁布局的技術(shù)網(wǎng)頁布局的技術(shù) 2.4.12.4.1 層疊樣式表的應(yīng)用層疊樣式表的應(yīng)用 在新的 HTML4.0 標(biāo)準(zhǔn)中，CSS(層疊樣式表)被提出來，它能完全精確的定位文本和圖片。 CSS 對于初學(xué)者來說顯得有點復(fù)雜，但它的確是一個好的布局方法。你曾經(jīng)無法實現(xiàn)的想 法利用 CSS 都能實現(xiàn)。目前在許多站點上，層疊樣式表的運用是一個站點優(yōu)秀的體現(xiàn)。你 可以在網(wǎng)上找到許多關(guān)于 CSS 的介紹和使用方法。 2.4.22.4.2 表格布局表格布局 表格布局好像已經(jīng)成為一個標(biāo)準(zhǔn)，隨便瀏覽一個站點，它們一定是用表格布局的。表 格布局的優(yōu)勢在于它能對不同對象加以處理，而又不用擔(dān)心不同對象之間的影響。而且表 格在定位圖片和文本上比起用 CSS 更加方便。表格布局唯一的缺點是，當(dāng)你用了過多表格 時，頁面下載速度受到影響。對于表格布局，你可以隨便找一個站點的首頁，然后保存為 HTML 文件，利用網(wǎng)頁編輯工具打開它(要所見即所得的軟件)，你會看到這個頁面是如何利 用表格的。 2.4.32.4.3 框架布局框架布局 不知道什么原故，框架結(jié)構(gòu)的頁面開始被許多人不喜歡，可能是因為它的兼容性。但 從布局上考慮，框架結(jié)構(gòu)不失為一個好的布局方法。它如同表格布局一樣，把不同對象放 置到不同頁面加以處理，因為框架可以取消邊框，所以一般來說不影響整體美觀。 綜合網(wǎng)站設(shè)計 8 我今天來介紹的布局指南并不是全部的網(wǎng)頁布局技術(shù)，從某種意義上來說，我想引導(dǎo)你在 制作網(wǎng)頁的時侯，怎樣把圖片和文本放置的恰到好處，而且如何擁有一個跳越的設(shè)計思維。 2.52.5 ASPASP 的技術(shù)特點與靜態(tài)網(wǎng)頁的區(qū)別的技術(shù)特點與靜態(tài)網(wǎng)頁的區(qū)別 2.5.12.5.1 ASPASP 的工作原理和配置的工作原理和配置 當(dāng)用戶申請一個*.asp 主頁時，Web 服務(wù)器響應(yīng) HTTP 請求,調(diào)用 ASP 引擎，解釋被申請 文件。當(dāng)遇到任何與 ActiveX Scripting 兼容的腳本（如 VBScript 和 J Script）時，ASP 引擎會調(diào)用相應(yīng)的腳本引擎進行處理。若腳本指令中含有訪問數(shù)據(jù)庫的請求，就通過 ODBC 與后臺數(shù)據(jù)庫相連，由數(shù)據(jù)庫訪問組件執(zhí)行訪庫操作。ASP 腳本是在服務(wù)器端解釋執(zhí)行的， 它依據(jù)訪庫的結(jié)果集自動生成符合 HTML 語言的主頁，去響應(yīng)用戶的請求。所有相關(guān)的發(fā)布 工作由 Web 服務(wù)器負(fù)責(zé)。 有必要注意訪庫的具體運作細(xì)節(jié)。當(dāng)遇到訪庫的腳本命令時，ASP 通過 ActiveX 組件 ADO(ActiveX Data Objects)與數(shù)據(jù)庫對話(ADO 是建立在微軟新的數(shù)據(jù)庫 API,即 OLEDB 之 上的，目前的 OLEDB 通過 ODBC 引擎與現(xiàn)存的 ODBC 數(shù)據(jù)庫交互，進一步的 OLEDB 版本將直 接與數(shù)據(jù)庫打交道，不再通過 ODBC 引擎),并將執(zhí)行結(jié)果動態(tài)生成一個 HTML 頁面來返回服 務(wù)器端，以響應(yīng)瀏覽器的請求。在用戶端瀏覽器所見到的是純 HTML 表現(xiàn)的畫面，例如用表 格來表現(xiàn)的后臺數(shù)據(jù)庫表中的字段內(nèi)容。由于 ASP 結(jié)合了腳本語言，可以通過編程訪問 ActiveX 組件，并且具有現(xiàn)場自動生成 HTML 的能力，所以它成為建立動態(tài) Web 站點的有效 工具。 在結(jié)構(gòu)關(guān)系上，ASP 是通過 ODBC 與數(shù)據(jù)庫打交道。因此，向上層可兼容各類數(shù)據(jù)庫系 統(tǒng)。而對于下層，ASP 產(chǎn)生的 HTML 對客戶端的瀏覽器又有廣泛的適應(yīng)性。但 ASP 對 Web 服 務(wù)器本身有所挑剔，這看起來似乎是一種缺陷，而實際上也許是一種商業(yè)策略它只支 持微軟各種操作系統(tǒng)下的 Web 服務(wù)器，它們的最低版本是： WindowsNTServer4.0：Microsoft IIS（Internet Information Server）3.0； WindowsNTWorkstation4.0：MicrosoftPeerWebServices3.0； Windows95：Microsoft PWS（Personal Web Server）1.0，中文 Win95 應(yīng)配中文的 PWS。 ASP 的安裝分為 Windows NT 和 Windows95 兩種情況。對于 NT，IIS 及 ActiveX Server 綜合網(wǎng)站設(shè)計 9 Pages 都包含在 ServicePack3 中；對于 Win95，可使用 Visual Studio 服務(wù)器構(gòu)件下的 ActiveX Server Pages 安裝選項。安裝成功之后，在程序管理器中會找到一個 ActiveX Server Pages Roadmap 主頁，引導(dǎo)你學(xué)習(xí)和使用 ASP。 2.5.22.5.2 ASPASP 的特點與功能的特點與功能 1.從軟件的技術(shù)層面看，ASP 有如下的特點：1.無需編譯 ASP 腳本集成于 HTML 當(dāng)中，容易 生成，無需編譯或鏈接即可直接解釋執(zhí)行。 2.易于生成使用常規(guī)文本編輯器（如 WINDOWS 下的記事本） ，即可進行*.asp 頁面的設(shè)計。 若從工作效率來考慮，不妨選用具有可視化編輯能力的 Visual InterDev。 3.獨立于瀏覽器用戶端只要使用可解釋常規(guī) HTML 碼的瀏覽器，即可瀏覽 ASP 所設(shè)計的主頁。 ASP 腳本是在站點服務(wù)器端執(zhí)行的，用戶端的瀏覽器不需要支持它。因此，若不通過從服 務(wù)器下載來觀察*.asp 主頁，在瀏覽器端見不到正確的頁面內(nèi)容。 4.面向?qū)ο笤?ASP 腳本中可以方便地引用系統(tǒng)組件和 ASP 的內(nèi)置組件，還能通過定制 ActiveX Server Component（ActiveX 服務(wù)器組件）來擴充功能。 5.與任何 ActiveX scripting 語言兼容除了可使用 VBScript 和 J Script 語言進行設(shè)計外， 還可通過 Plug in 的方式，使用由第三方所提供的其它 scripting 語言。 6.源程序碼不會外漏 ASP 腳本在服務(wù)器上執(zhí)行，傳到用戶瀏覽器的只是 ASP 執(zhí)行結(jié)果所生 成的常規(guī) HTML 碼，這樣可保證辛辛苦苦編寫出來的程序代碼不會被他人盜取。 2.5.32.5.3 從應(yīng)用的層面看，從應(yīng)用的層面看，ASPASP 有如下的功能有如下的功能 1、處理由瀏覽器傳送到站點服務(wù)器的表單輸入； 2、訪問和編輯服務(wù)器端的數(shù)據(jù)庫表。使用瀏覽器即可輸入、更新和刪除站點服務(wù)器的數(shù)據(jù) 庫中的數(shù)據(jù)； 3、讀寫站點服務(wù)器的文件，實現(xiàn)訪客計數(shù)器、座右銘等功能； 4、提供廣告輪播器、取得瀏覽器信息、URL 表管理等內(nèi)置功能； 5、由 cookies 讀寫用戶端的硬盤文件，以記錄用戶的數(shù)據(jù)； 6、可以實現(xiàn)在多個主頁間共享信息，以開發(fā)復(fù)雜的商務(wù)站點應(yīng)用程序； 7、使用 VBScript 或 J Script 等簡易的腳本語言，結(jié)合 HTML 碼，快速完成站點的應(yīng)用程 序；通過站點服務(wù)器執(zhí)行腳本語言，產(chǎn)生或更改在客戶端執(zhí)行的腳本語言； 8、擴充功能的能力強，可通過使用 Visual Basic、Java、Visual C等多種程序語言 制作 ActiveX Server Component 以滿足自己的特殊需要。 2.5.42.5.4 ADOADO 訪庫的技術(shù)實現(xiàn)方法訪庫的技術(shù)實現(xiàn)方法 綜合網(wǎng)站設(shè)計 10 ADO（ActiveX Data Objects）是一組優(yōu)化的訪問數(shù)據(jù)庫專用對象集，為 ASP 提供了完 整的站點數(shù)據(jù)庫訪問解決方案。它可作用于服務(wù)器端，以提供含有數(shù)據(jù)庫信息的主頁內(nèi)容。 通過執(zhí)行 SQL 命令，讓用戶在瀏覽器畫面中輸入、更新和刪除站點服務(wù)器的數(shù)據(jù)庫信息。 ADO 使用內(nèi)置的 Record Sets 對象作為數(shù)據(jù)的主要接口。ADO 可使用 VBScript、J Script 語言來控制對數(shù)據(jù)庫的訪問，以及查詢結(jié)果的輸出顯示。 ADO 可連接多種支持 ODBC 的數(shù)據(jù)庫，如 SQL Server、Oracle、Informix 等。 在使用時，首先需在控制面板的 ODBC 中建立相應(yīng)的 DSN（數(shù)據(jù)源名） 。要選擇系統(tǒng)數(shù) 據(jù)源名，指定所用的驅(qū)動程序，如“SQL Server” ，在數(shù)據(jù)來源名稱中輸入 DSN 名，并選定 服務(wù)器和數(shù)據(jù)庫。 使用 ADO 訪問數(shù)據(jù)庫的設(shè)計要領(lǐng)是掌握 ASP 腳本的幾個典型語句，它們是： 1、定義數(shù)據(jù)庫組件。有兩種定義方法： 使用“Server. Create Object” 建立連接的對象。 Set Con n=Server. Create Object “ADODB. Connection”. 使用標(biāo)記建立連接的對象。 2、用“Open”打開數(shù)據(jù)庫： Con n. Open“DSN 名稱” 3、設(shè)定 SQL 語句，使用“Execute”命令，即可開始執(zhí)行訪問數(shù)據(jù)庫的動作： Set RS=Con n. Execute（“SQL 語句” ） 其中 RS 為結(jié)果集對象（Record Sets） 。 4、利用 Record Sets 對象所提供的屬性顯示查詢結(jié)果，如下例將查詢結(jié)果顯示于一個表格 中：（其中是 ASP 腳本的專用定界符） 綜合網(wǎng)站設(shè)計 11 5、關(guān)閉結(jié)果集對象，斷開與數(shù)據(jù)庫的連接： R S. Close Con n. Close 一個發(fā)布后臺 MSS QL Server 樣本庫 pubs 中 authors 表的完整代碼如下（其中是 ASP 腳本的專用定界符）： Authors Listing Authors Listing 綜合網(wǎng)站設(shè)計 12 2.5.52.5.5 ASPASP 與組件對象的使用與組件對象的使用 在利用 ASP 技術(shù)進行動態(tài) Web 開發(fā)的時候，應(yīng)遵循這樣一個原則：即 ASP 的服務(wù)器端 腳本必須與微軟倡導(dǎo)的組件對象（Component Object Model）配合使用才能開發(fā)出具有實 用價值的信息產(chǎn)品。ASP 腳本相當(dāng)于一種粘合劑，把一個個具有特定功能的組件對象粘合 在一起，以形成最終的軟件產(chǎn)品。這一軟件制作的工藝思想類似于硬件工廠生產(chǎn)板卡的過 程，那一個個的組件對象就相當(dāng)于集成電路的芯片，而 ASP 腳本只是焊接芯片的焊接劑， 由此可見組件對象起著核心作用。 組件對象模型 COM 是微軟提出的一種基于二進制的 Windows 軟件標(biāo)準(zhǔn)，它是由 OLE 技 術(shù)逐漸發(fā)展而來的。在使用不同語言工具寫成的組件對象之間，依據(jù) COM 的標(biāo)準(zhǔn)可以進行 交互。COM 是技術(shù)概念和標(biāo)準(zhǔn)，其商業(yè)概念的稱謂則使用 ActiveX。 上文提到的 ADO 就是系統(tǒng)提供的用于訪問后臺數(shù)據(jù)庫的組件。此外，ASP 本身還提供 了五個內(nèi)置的對象。這五個內(nèi)置對象可被 ASP 腳本直接使用，它們是： 1、Request 取得用戶信息； 2、Response 傳遞信息給用戶； 3、Server 提供訪問服務(wù)器的方法和屬性； 4、Application 在一個應(yīng)用程序的多個主頁之間保留和使用某些共同的信息； 5、Session 在一個用戶的多個主頁之間保留和使用某些共同的信息。 其中，使用內(nèi)置對象 1、2 可實現(xiàn) Web 的交互功能，使用內(nèi)置對象，4、5 可解決具有 協(xié)作機制的應(yīng)用問題。 ASP 的一大特色，是可以用來編寫具有協(xié)作機制的應(yīng)用程序，在多個用戶的多個主頁 之間共享信息。使用內(nèi)置的 Application 和 Session 對象可實現(xiàn)這些功能。 Application 對象保存一個應(yīng)用程序共同的信息，使用此應(yīng)用程序的所有用戶都可以 共同分享。為防止其被多個用戶同時更改，提供 lock 和 unlock 方法來實現(xiàn)互斥，例如： Application. lock 禁止其他用戶更改 Application 的信息，Application. unlock 允許其他用戶更改 Application 的信息。 Session 對象比 Application 對象的使用外延范圍小，它保存僅屬于一個用戶的一個 應(yīng)用程序的信息。ASP 的應(yīng)用程序可以只有一個首頁，也可以有多個主頁文件，所有的文 件均位于一個虛擬路徑下。Session 對象可讓同一個用戶在多個主頁之間共享信息。當(dāng)用 綜合網(wǎng)站設(shè)計 13 戶第一次在一個應(yīng)用程序中申請一個*.asp 主頁時，ASP 將為該用戶分配一個 Session ID 號，它將唯一地標(biāo)識用戶的身份，從而能將同一應(yīng)用程序的不同用戶區(qū)分開來。 根據(jù)需要還可以自行定制具有某些特色的組件對象，以完成特殊的任務(wù)。用 Visual Basic、Visual C、Delphi 和 Java 等語言都可以編寫。自制的組件對象分成兩類： 一是由類打包而成的*.dll 文件，經(jīng)注冊器注冊后，在 ASP 腳本中可通過“Set 對象名 =類名”來引用。對象在這種使用過程中是在服務(wù)器的后臺運行的，其運行的結(jié)果通過系統(tǒng) 自動生成的 HTML 作用到前端瀏覽器。 二是生成*.ocx 文件，一般用作可視化的對象 ActiveX，可直接將其嵌入*.asp 主頁中， 在頁面中插入時需使用 HTML 語言的標(biāo)記加以引用。通常構(gòu)件制作完成并按下載的 要求打包后生成*.cab 文件。對象在這種使用方式下要先從服務(wù)器下載，然后在客戶的前 端瀏覽器運行。在第一次下載時被展開成相關(guān)的*.dll 和*.ocx 文件進行本地安裝及注冊。 以后再使用時，就可直接從本地獲得，免去了下載之苦，這也是 ActiveX 優(yōu)于 java Applet 的地方。 從長遠(yuǎn)來看，ASP 和組件對象的配合使用無疑是一種引人入勝的新技術(shù)，更重要的是 由此而提出了一種全新的軟件設(shè)計方法，把硬件的工藝思想恰如其分地融合于軟件的面向 對象的分析、設(shè)計和施工之中，使面向?qū)ο蟮母拍詈头椒◤墓ぞ哒Z言的層次一下子躍上了 系統(tǒng)的應(yīng)用層，在快速開發(fā)多層的客戶/服務(wù)器分布式應(yīng)用系統(tǒng)中將會產(chǎn)生極好的效果。 2.5.62.5.6 ASPASP 方法與傳統(tǒng)靜態(tài)主頁的區(qū)別方法與傳統(tǒng)靜態(tài)主頁的區(qū)別 把信息系統(tǒng)納入 Internet/Intranet 的框架之后，首先要解決的問題是通過網(wǎng)頁訪問 后臺數(shù)據(jù)庫信息。所有應(yīng)用程序都被分割為頁面的形式，用戶的交互操作是以提交表單等 方式來實現(xiàn)的，這就要求 Web 站點具有很強的動態(tài)數(shù)據(jù)發(fā)布能力。然而，目前 Web 的服務(wù)， 仍以提供“靜態(tài)”主頁內(nèi)容為主。所謂“靜態(tài)” ，指的就是站點的主頁內(nèi)容是“固定不變” 的，無法根據(jù)用戶的需求和實際情況做出相應(yīng)的變化。當(dāng)瀏覽器通過 Internet 的 HTTP 協(xié) 議向站點的 Web 服務(wù)器申請主頁時，站點服務(wù)器就會將已設(shè)計好的靜態(tài)的 HTML 文件傳送給 瀏覽器。若要更新主頁的內(nèi)容,只能用非在線的手動方式更新 HTML 的文件數(shù)據(jù)。 ASP 所設(shè)計出的是動態(tài)主頁，可接收用戶提交的信息并做出反應(yīng)，其中的數(shù)據(jù)可隨實 際情況而改變，無須人工對網(wǎng)頁文件進行更新即可滿足應(yīng)用需要。例如：當(dāng)在瀏覽器上填 好表單并提交 HTTP 請求時，可以要求在站點服務(wù)器上執(zhí)行一個表單所設(shè)定的應(yīng)用程序，而 不只是一個簡單的 HTML 文件。該應(yīng)用程序分析表單的輸入數(shù)據(jù)，根據(jù)不同的數(shù)據(jù)內(nèi)容將相 應(yīng)的執(zhí)行結(jié)果（通常是數(shù)據(jù)庫查尋的結(jié)果集）以 HTML 的格式傳送給瀏覽器。數(shù)據(jù)庫的數(shù)據(jù) 綜合網(wǎng)站設(shè)計 14 可以隨時變化，而服務(wù)器上執(zhí)行的應(yīng)用程序卻不必更改，客戶端得到的網(wǎng)頁信息會始終保 持新鮮的魅力。 2.5.72.5.7 主要軟件功能介紹主要軟件功能介紹 (1) AdobePhotoshop7.0 軟件作為專業(yè)的圖像編輯標(biāo)準(zhǔn)，可幫助您提高工作效率，嘗試新的創(chuàng)作方式，以及制 作適用于打印、Web 和其他任何用途的最佳品質(zhì)的圖像。通過更便捷的文件數(shù)據(jù)訪問、流 線型的 Web 設(shè)計、更快的專業(yè)品質(zhì)照片潤飾功能及其他功能，可創(chuàng)造出無與倫比的影像世 界。 文件瀏覽器，可直觀地瀏覽和檢索圖像； 修復(fù)畫筆，可以輕松地消除圖像中的人工痕跡，如蒙塵、劃痕、瑕疵和褶皺，同時保留 陰影、光照和紋理等效果； Web 輸出的增強功能，可輕松地對 Web 頁元素應(yīng)用透明或部分透明效果，包括混合到任 意 Web 背景中的無縫邊緣； 單個增強的翻轉(zhuǎn)調(diào)板，管理 Web 頁翻轉(zhuǎn)、動畫和圖像映射更加得心應(yīng)手； 新的“選定”翻轉(zhuǎn)狀態(tài)，無需手工編碼即可創(chuàng)建更高級的 Web 站點導(dǎo)航欄； 可自定義的工作區(qū)，可存儲調(diào)板和工具設(shè)置的排列方式，即時訪問個性化的 Photoshop 桌面； 新的自動色彩命令，可進行可靠的色彩校正； 新的繪畫引擎，可以模擬傳統(tǒng)的繪畫技巧； 圖案生成器增效工具，只需選擇圖像的一個區(qū)域即可創(chuàng)建現(xiàn)實或抽象的圖案，如小草、 巖石和沙子； 增強的“液化” （扭曲）工具，可用于查看其他圖層、縮放、全景顯示以及還原多個操作 步驟，甚至可以存儲自定網(wǎng)格并將它們應(yīng)用于其他文件； 提供密碼保護，可限制對 Photoshop PDF 文件的訪問，確保圖像的完整性； 內(nèi)建的拼寫檢查器，可用于查找和替換操作，以及在同一個文件中對多種語言進行拼寫 檢查； 增強的圖片包，可用于在單個頁面上打印多幅圖像，選擇不同的頁面大小，添加自定標(biāo) 簽，如版權(quán)公告或題注； 更多的 Web 畫廊模板，通過張貼圖像的畫廊頁輕松地在網(wǎng)上展示作品，并且可以在其中 包括水印和版權(quán)信息來保護圖像與 MacOS9 完全兼容，支持 MacOSX 和 Microsoft Windows 綜合網(wǎng)站設(shè)計 15 XP 最新的增強功能； XMP 支持在應(yīng)用程序文件中嵌入元數(shù)據(jù)，以便于在工作流程中重新計劃、歸檔和自動處 理文件。 (2) flash5.0 為了方便大家，我特地把一些重要的資訊提取出來，以便大家能快速的了解，會有一 些什么樣的新特性表現(xiàn)出來。這里所列的功能只是目前打算要增加的，而并不是最后確定 下來的。最后的版本會有新的功能，或者這里列出的一些功能并不會實現(xiàn)。 好了，言歸正傳，讓我們開始吧！ 2.5.82.5.8 制圖方面制圖方面 1、制圖 （1）曲線繪制方式加強，就像 Illustrator、Freehand 等繪圖軟件那樣操作曲線； （2）鉛筆工具加強，可支持點到點的繪制功能，這樣可以提高繪制的精度； （3）矢量制圖方面加強，可以直接制作一些特效，比如：投影、虛化、輪廓線以及顏色混 合等等； （4）文本工具加強，可以沿軌跡寫文字，支持不同格式的文字在一起出現(xiàn)，還會增強文本 工具的功能； （5）支持 Freehand 圖形的完全輸入； （6）支持三維文件格式的直接輸入，并提供 Flash 的三維透視功能； （7）增強物件的處理能力； （8）自動化和版面設(shè)計方面； （9）新的網(wǎng)格系統(tǒng)，支持透視的； （10）文字校對； （11）物體搜索系統(tǒng)，可以按照物體的名稱、大小、類型、位置甚至顏色屬性等來查找， 并且可以替換查找到的結(jié)果； （12）準(zhǔn)線（Flash 制圖里面一直缺的就是這個，是和 Photoshop 一樣的） ； （13）自定義快捷鍵； （14）支持了宏命令以及自動化操作（也類似 Photoshop，可以節(jié)省多多時間） 。 2、動畫方面 （1）Real Flash 和 RealPlayerG2 支持； （2）Timeline 會改進成類似 Director 那個樣子，可以自己定義某一段的顏色（很清晰了） 綜合網(wǎng)站設(shè)計 16 ； （3）文本動畫加強，可以在某 (未輸入驗證碼資料無法完全顯示)。 綜合網(wǎng)站設(shè)計 17 第三章第三章 網(wǎng)站總體分析網(wǎng)站總體分析 3.13.1 ASPASP 程序設(shè)計準(zhǔn)備程序設(shè)計準(zhǔn)備 在開發(fā)ASP程序之前，需要做一些相應(yīng)的準(zhǔn)備工作。首先，所有的ASP程序都是在服務(wù) 器端執(zhí)行端，比如Win2000下的IIS5；其次為調(diào)試開發(fā)的ASP程序，一個好的程序編輯軟件 是必不可少的，在本站的開發(fā)中，所有的ASP程序都是用Dreamweaver MX編輯的。 盡管用記事本完全可以開發(fā)ASP程序，但如果想高效地開發(fā)web數(shù)據(jù)庫管理系統(tǒng)，可用 Dreamweaver MX來開發(fā)ASP文件。雖然Dreamweaver MX的很多功能都體現(xiàn)在靜態(tài)網(wǎng)頁制作和 站點管理上。但用它來編寫ASP文件還是十分便捷的。 ASP是一種動態(tài)生成Web頁面技術(shù)，它以擴展名為.asp的純文本形式存在于Web服務(wù)器上， 可以用任何文本編輯器打開它。在ASP程序中可以包含純文本、HTML標(biāo)記以及腳本命令。 ASP本身并不是一種腳本語言，它只是提供了一種使嵌入在HTML頁面中的腳本程序得以運行 的環(huán)境。由于ASP運行于服務(wù)器端，因此一定要通過WWW方式瀏覽，即URL應(yīng)以http:/打 頭，而不要以本地文件的形式瀏覽。 ASP腳本是在定界符（Delimiter）“”范圍內(nèi)的VBScript或Java Script腳 本命令，也是網(wǎng)站主要用到的兩個腳本語言。默認(rèn)情況下，主腳本語言VBScript。如果你 想在某一頁中將一種腳本語言設(shè)定為主腳本語言，那么只要在.asp文件開始處再加上如下 的命令就可以了: 其中，ScriptingLanguage代表您想設(shè)置的主腳本語言 3.23.2 WebWeb ServiceService 簡介簡介 Web Service 是一種構(gòu)建開放的分布式應(yīng)用程序的模型，它能在所有支持 Internet 通 信的操作系統(tǒng)上實現(xiàn)。 Web service 體系結(jié)構(gòu)基于三種角色（服務(wù)提供者、服務(wù)注冊中心和服務(wù)請求者）之 間的交互。交互涉及發(fā)布、查找和綁定操作。這些角色和操作一起作用于 Web Service 構(gòu) 綜合網(wǎng)站設(shè)計 18 件：Web Service 軟件模塊及其描述。在典型情況下，服務(wù)提供者托管可通過網(wǎng)絡(luò)訪問的 軟件模塊（Web 服務(wù)的一個實現(xiàn)） 。服務(wù)提供者定義 Web Service 的服務(wù)描述并把它發(fā)布 到服務(wù)請求者或服務(wù)注冊中心。服務(wù)請求者使用查找操作來從本地或服務(wù)注冊中心檢索服 務(wù)描述，然后使用服務(wù)描述與服務(wù)提供者進行綁定并調(diào)用 Web Service 實現(xiàn)或同它交互。 圖 1 圖示了這些操作、提供這些操作的組件及它們之間的交互。 圖 3.1 Web service 體系結(jié)構(gòu) 圖 3.2 Web 協(xié)議圖 綜合網(wǎng)站設(shè)計 19 Web Service 的所有協(xié)議都基于標(biāo)準(zhǔn)的 Web 協(xié)議，諸如：HTTP，擴展的標(biāo)記語言 XML，簡單對象訪問協(xié)議 SOAP，Web 服務(wù)描述語言 WSDL，通用描述、發(fā)現(xiàn)與集成 UDDI 等。 這些協(xié)議的關(guān)系如圖 2 所示。協(xié)議組成堆棧的形式，每一個下層提供對它上層的支持，同 時每一個上層都必須基于所有的下層協(xié)議之上。 3.33.3 網(wǎng)站系統(tǒng)分析網(wǎng)站系統(tǒng)分析 根據(jù)前面的設(shè)計思想進行分析，按照系統(tǒng)開發(fā)的基本觀點對網(wǎng)站進行分解，從內(nèi)容上 可對網(wǎng)站作如下劃分： (1)網(wǎng)站，包括五個子模塊： 一、關(guān)系我們 二、我們的關(guān)點 三、我們的作品 四、科技新聞 五、公司風(fēng)格 通過關(guān)系我們及我們的團隊、工作中等內(nèi)容來展現(xiàn)； （2）優(yōu)點與特色通過我們的作品、我們的關(guān)點等欄目來展現(xiàn)； （3）發(fā)布公司業(yè)務(wù)與動向通過 BBS 論壇、技術(shù)新聞等欄目來實現(xiàn)； （4）通過發(fā)布 web、asp、flash 等的最新消息來吸引用戶的瀏覽。 3.43.4 主頁設(shè)計主頁設(shè)計 網(wǎng)站主頁采用靜、動相結(jié)合的方式，即靜態(tài)的主畫面和動態(tài)的圖片相結(jié)合，體現(xiàn)公司 的勃勃生氣，靜態(tài)主頁方式介紹公司風(fēng)格、優(yōu)點特色、信息發(fā)布，BBS 論壇就得利用 ASP 與數(shù)據(jù)庫結(jié)合的技術(shù)建立數(shù)據(jù)庫，采用交互式的動態(tài)的 web 畫面來實現(xiàn)。 3.53.5 數(shù)據(jù)庫設(shè)計數(shù)據(jù)庫設(shè)計 采用的數(shù)據(jù)庫是 Microsoft Access，擬建立 JAXEDATA.mdb 庫文件，BBSPP1.mdb 庫文 件 JAXEDATA.mdb 包含如下幾個表文件： 綜合網(wǎng)站設(shè)計 20 （1）admin 管理員信息表； （2）Article 文章信息表； （3）Lunmu 文章欄目信息表； （4）BBSPP1.mdb 包含如下 2 個表文件； （5）發(fā)言表用戶發(fā)言信息表； （6）用戶表用戶登記信息表。 3.63.6 圖形界面設(shè)計圖形界面設(shè)計 在圖形化操作系統(tǒng)日益流行的今天，界面可以說是一個應(yīng)用程序最重要最直接的部分。 對用戶而言，界面就是應(yīng)用程序，幕后執(zhí)行的程序代碼用戶不關(guān)心，也感覺不到。因此應(yīng) 用程序的可用性的友好性依賴于界面的設(shè)計。 并不是只有藝術(shù)家才能設(shè)計出好的界面，大多數(shù)用戶界面設(shè)計原則和任何基礎(chǔ)課程中 教授的基礎(chǔ)設(shè)計原則一樣。實際上，在計算機屏幕上組合顏色、文字等的基本原則和我們 在紙張上畫圖一樣。 本系統(tǒng)是基于 Web 的，所以系統(tǒng)的界面設(shè)計也就是系統(tǒng)網(wǎng)頁 的設(shè)計。Photoshop 產(chǎn)品 對網(wǎng)頁設(shè)計的強大處理功能，用戶通過在頁面上僅用拖曳控件的方式就可輕松創(chuàng)建網(wǎng)頁。 但若要想制作出方便實用的精美網(wǎng)頁，必須在開始之前做出詳細(xì)設(shè)計，這樣就會大大提高 網(wǎng)頁質(zhì)量，進一步改善應(yīng)用程序的可用性。設(shè)計時可以將設(shè)計的頁面畫在紙上，然后考慮 哪些控件是所需要的，以及不同元素的重要性、控件之間的聯(lián)系等。頁面的設(shè)計和規(guī)劃不 僅影響到它本身外觀的藝術(shù)性，而且對應(yīng)用程序的可用性也有很重要的作用。組織頁面的 工作包括控件的位置、大小、一致性等。這一點我們的設(shè)計師做得比較有突出的圖片來表 現(xiàn)! 綜合網(wǎng)站設(shè)計 21 第四章第四章 詳細(xì)設(shè)計詳細(xì)設(shè)計與實現(xiàn)與實現(xiàn) 4.14.1 網(wǎng)頁設(shè)計的內(nèi)容網(wǎng)頁設(shè)計的內(nèi)容 1) 視聽元素 這里所說的視聽元素，主要包括：文本、背景、按鈕、圖標(biāo)、圖像、表格、顏色、導(dǎo) 航工具、背景音樂、動態(tài)影像等。無論是文字、圖形、動畫，還是音頻、視頻，網(wǎng)頁設(shè)計 者所要考慮的是如何以感人的形式把它們放進頁面這個“大畫布”里。在本網(wǎng)站中雖然沒 有用到背影音樂，但安排了一些 GIF 動畫也大大豐富了網(wǎng)頁藝術(shù)設(shè)計的表現(xiàn)力。 2) 版式設(shè)計 網(wǎng)頁的版式設(shè)計同報刊雜志等平面媒體的版式設(shè)計有很多共同之處，它在網(wǎng)頁的藝術(shù) 設(shè)計中占據(jù)著重要的地位。所謂網(wǎng)頁的版式設(shè)計，是在有限的屏幕空間上將視聽多媒體元 素進行有機的排列組合，將理性思維個性化的表現(xiàn)出來，是一種具有個人風(fēng)格和藝術(shù)特色 的視聽傳達(dá)方式。它在傳達(dá)信息的同時，也產(chǎn)生感官上的美感和精神上的享受。 但網(wǎng)頁的排版與書籍雜志的排版又有很多差異。印刷品都有固定的規(guī)格尺寸，網(wǎng)頁則 不然，它的尺寸是由讀者來控制的。這使網(wǎng)頁設(shè)計者不能精確控制頁面上每個元素的尺寸 和位置。而且，網(wǎng)頁的組織結(jié)構(gòu)不像印刷品那樣為線性組合，這給網(wǎng)頁的版式設(shè)計帶來了 一定的難度。 因此在網(wǎng)站先用的色調(diào)非常冷，是用黑與淺藍(lán)兩種冷淡顏色的交互。但出來的后果今 我很滿意。再加上一些 GIF 動畫中和了網(wǎng)頁的冷淡。 4.24.2 網(wǎng)頁藝術(shù)設(shè)計的原則網(wǎng)頁藝術(shù)設(shè)計的原則 網(wǎng)頁作為傳播信息的一種載體，同其他出版物如報紙、雜志等在設(shè)計上有許多共同之 處，也要遵循一些設(shè)計的基本原則。但是，由于表現(xiàn)形式、運行方式和社會功能的不同， 網(wǎng)頁設(shè)計又有其自身的特殊規(guī)律。網(wǎng)頁的藝術(shù)設(shè)計，是技術(shù)與藝術(shù)的結(jié)合，內(nèi)容與形式的 統(tǒng)一。它要求設(shè)計者必須掌握以下三個主要原則。 綜合網(wǎng)站設(shè)計 22 4.2.14.2.1 主題鮮明主題鮮明 視覺設(shè)計表達(dá)的是一定的意圖和要求，有明確的主題，并按照視覺心理規(guī)律和形式將 主題主動地傳達(dá)給觀賞者。訴求的目的，是使主題在適當(dāng)?shù)沫h(huán)境里被人們即時地理解和接 受，以滿足人們的實用和需求，這就要求視覺設(shè)計不但要單純、簡練、清晰和精確，而且 在強調(diào)藝術(shù)性的同時，更應(yīng)該注重通過獨特的風(fēng)格和強烈的視覺沖擊力，來鮮明地突出設(shè) 計主題。 4.2.24.2.2 形式與內(nèi)容統(tǒng)一形式與內(nèi)容統(tǒng)一 任何設(shè)計都有一定的內(nèi)容和形式。內(nèi)容是構(gòu)成設(shè)計的一切內(nèi)在要素的總和，是設(shè)計存 在的基礎(chǔ)，被稱為“設(shè)計的靈魂” ；形式是構(gòu)成內(nèi)容諸要素的內(nèi)部結(jié)構(gòu)或內(nèi)容的外部表現(xiàn)方 式。設(shè)計的內(nèi)容就是指它的主題、形象、題材等要素的總和，形式就是它的結(jié)構(gòu)、風(fēng)格或 設(shè)計語言等表現(xiàn)方式。內(nèi)容決定形式，形式反作用于內(nèi)容。一個優(yōu)秀的設(shè)計必定是形式對 內(nèi)容的完美表現(xiàn)。正如黑格爾所說：“工藝的美就不在于要求實用品的外部造型、色彩、 紋樣去摹擬事物，再現(xiàn)現(xiàn)實，而在于使其外部形式傳達(dá)和表現(xiàn)出一定的情緒、氣氛、格調(diào)、 風(fēng)尚、趣味，使物質(zhì)經(jīng)由象征變成相似于精神生活的有關(guān)環(huán)境。 ” 4.2.34.2.3 強調(diào)整體強調(diào)整體 網(wǎng)頁的整體性包括內(nèi)容和形式上的整體性，這里主要討論設(shè)計形式上的整體性。 網(wǎng)頁是傳播信息的載體，它要表達(dá)的是一定的