第一篇：ASP技術在交互式網頁設計中的運用畢業論文經驗總結

一、ASP技術簡介

ASP技術 ASP（Active Server Pages動態網頁）是微軟公司推出的一種用以取代CGI（Common Gateway Interface通用網關接口）的技術。，Internet上的許多基于Windows平臺的Web站點已開始ASP來替換CGI。簡單地講，ASP是一個位于服務器端的腳本運行環境，通過這種環境，用戶可以創建和運行動態的交互式Web服務器應用程序，如交互式動態網頁，包括使用HTML表單收集和處理信息，上傳與下載等等。通常情況下，用戶通過瀏覽器看到的網頁大多是靜態的，目前Internet 上的許多站點，仍然提供“靜態”（static）的主頁。所謂“靜態”，指的就是站點的主頁內容是“固定不變”的。當瀏覽器通過Internet 的HTTP(Hypertext Transport Protocol)協議，向站點服務器(Web Server)要求提供主頁的內容時，站點服務器收到要求后，就傳送原已設計好的靜態的HTML 的文件數據給瀏覽器。一個“靜態”的站點，若要更新主頁的內容，必須手動的來更新其HTML的文件數據。而隨著Web應用的，用戶希望能夠看到根據要求而動態生成的主頁，例如響應用戶查詢數據庫的要求、生成報表等。當在瀏覽器上填好表單(form)的輸入數據，以提供HTTP要求時，可以在站點服務器中執行的應用程序，而不只是一個HTML 文件。站點服務器收到要求執行的應用程序，表單(form)的輸入數據，將執行的結果以HTML的格式傳送給瀏覽器。根據用戶請求生成動態主頁的傳統有CGI、ISAPI等。CGI是根據瀏覽器端的http請求激活響應進程，每一個請求對應一個進程。當同時有很多請求時，程序擠占系統資源，造成效率低下；ISAPI針對這一缺點進行改進，利用dll（動態鏈接庫）技術，以線程代替進程，提高了性能和速度，但要考慮線程的同步，而且開發步驟煩瑣。這兩種技術和另一普遍使用的開發動態網頁的技術Java都還存在著另外一個問題，那就是開發困難，程序的開發和HTML寫作是兩個完全不同的過程，需要專門的程序員開發。而較簡單的開發技術如javascript和IDC(Internet Database Connector)等功能有限，不敷使用。ASP使用的ActiveX技術基于開放設計環境，用戶可以自己定義和制作組件加入其中，使自己的動態網頁幾乎具有無限的擴充能力，這是傳統的CGI等程序所遠遠不及的地方。ASP與常見的在Client端實現動態主頁的技術如Java applet、ActiveX Control、VBScript、javascript等不同，ASP中的命令和Script語句都是由服務器來解釋執行的，執行結果產生動態生成的Web頁面并送到瀏覽器；而Client端技術的Script命令則是由瀏覽器來解釋執行。由于ASP是在服務器端解釋執行，開發者可以不必考慮瀏覽器是否支持ASP；同時由于它在服務器端執行，開發者也不必擔心別人下載程序從而竊取編程邏輯。ASP通過后綴名為.asp的ASP文件來實現，一個.asp文件相當于一個可執行文件，因此必須放在Web服務器上有可執行權限的目錄下。當用戶從瀏覽器輸入了.asp文件的地址后，瀏覽器就將這個URL請求發給Web Server，如果Web Server上裝了ASP，就調用ASP。ASP讀出相應.asp文件，解釋并執行命令，動態生成一個HTML頁面回傳Web Server，然后Web Server再把結果發送給瀏覽器。ASP文件的制作和HTML類似，且和HTML開發集成，可以在同一個過程完成，利用ASP將可以執行的腳本嵌入到HTML文件中(將HTML文件的后綴名改為.asp)，這使得HTML文件的編寫與腳本的開發融合在一起。通過ASP內置的對象、服務器組件（Server Component）可以完成非常復雜的任務，而且用戶還可以自己開發或利用別人開發的服務器組件完成專門的任務。ASP比較網關及服務器擴展模式有著以下優點：

(1)完全與HTML文件融合在一起；

(2)容易創建，不需要其它編譯、鏈接程序；

(3)面向對象的并通過ActiveX Server對象可擴展。

二、商務數據訪問方式

電子商務是指通過電子方式，并在基礎上實現物資、人員過程的協調，以便商業交換的活動。在電子商務系統中，Web提供了與客戶進行通信聯絡的有效手段，利用Web技術，實現Web服務器與數據庫系統的連接，完成對數據的處理與查詢，用戶可以通過操作簡單易學的瀏覽器來查詢處理所需要的各種數據。實現Web服務器與數據庫的連接一般有兩種方法：一種是利用中間件技術在兩者之間建立連接和通信，如CGI(通用網關接口)和API(應用程序編程接口)。Web服務器通過調用CGI程序實現與Web瀏覽器的交互，即CGI程序接受瀏覽器發給Web服務器的信息，進行處理后，將相應結果再送回給Web服務器，通過Web服務器將信息傳送給瀏覽器。但CGI程序在響應速度和資源利用等方面有較大局限性，客戶端每請求一個CGI程序，服務器端便打開一個進程，當請求的數量較大時容易引起瓶頸現象，開發人員常利用API編程來擴展服務器功能，API程序占系統資源少，運行效率較高，但它的編程較CGI程序更為復雜；另一種是由瀏覽器中的Java小應用程序(Java Applet)通過瀏覽器訪問Web服務器上的數據庫，利用了JDBC(Java Database Connectivity)技術，它通過JDBC提供的API實現對Web Server的訪問。由于Java Applet本身的局限性，目前大多數的應用是基于中間件技術的。ASP也是屬于中間件的一種模式，但在Windows平臺上它比較網關及服務器擴展模式有著較大的優點。網關的最大特點是它的平臺無關性，但網關程序通常較難編寫和改變。網關程序通常是一個獨立的程序，并不和HTML文件融合在一起，它需要用如C、C++、VB、Perl等語言來編寫獨立的應用程序，而ASP應用改變了這一點。使用ASP不僅可以讀取Access和 SQL Server的數據庫，而且還可以讀取其他ODBC（Open Database Connect 開放式數據庫互聯）兼容的數據庫。在ASP中訪問數據庫是通過ADO(ActiveX Database Object活動數據對象)及事務處理語句來實現的。ADO是一種操作Microsoft所支持的數據庫的方法，是一項容易使用并且可擴展的將數據庫訪問添加到 Web 頁的技術。ADO對象的使用與DAO（數據訪問對象）、RDO（遠程數據對象）的方式相似。在ASP中，ADO可以看作是一個服務器組件，更簡單點說，是一系列的對象，應用這些功能強大的對象，即可輕松完成對數據庫復雜的操作。

三、ASP在電子商務中的應用

在電子商務中，對用戶而言，進行網上信息查詢的目的是尋找自己需要的產品或服務，而對于商品或服務提供者來說，其目的則是向用戶推銷自己的產品或服務。因此，讓用戶通過瀏覽器查詢服務器的后端數據庫是許多Web服務提供者必需有的服務，ASP通過內置的ADODB組件來實現這一功能。可以使用ADO去編寫緊湊簡明的腳本以便連接到ODBC 兼容的數據庫和 OLE DB 兼容的數據源。具體的操作步驟可以歸納為以下幾步： ① 創建數據庫源名（DSN）ADODB通過ODBC工作，因此要在ODBC中設置DSN（數據源名）。打開Windows的“控制面板”，雙擊“ODBC”的圖標，然后選擇“文件 DSN ”的屬性頁，單擊<添加>，選擇數據庫驅動程序，然后單擊“下一步”，按照屏幕的指示鍵入數據源文件的名稱，然后單擊“下一步”，再單擊“完成”創建數據源。②創建數據庫鏈接 鏈接用以保持一些關于正在訪問的數據的動態信息，以及鏈接者信息。利用ADODB的成員函數Open和先前設定的DSN與數據庫連接，其語法如下： SetConnect=Server.CreateObject(“ADODB.Connection”)'創建了鏈接對象Connect。Connect.Open(“DSN=dsnname；UID=userID；PWD=password”)'打開鏈接。dsnname為數據源名；userID為用戶名；password為用戶口令。③創建數據對象 ADO中的數據對象通常保存的是查詢結果。RecordSet 是ADO中最復雜的對象，有許多屬性和方法，靈活運用，可以達到許多好的效果。其創建方法如下： Set RecordSet =Connect.Execute(sqtStr)'創建并打開了對象RecordSet，sqtStr是一個串，代表一條標準的SQL語句。例如： sqlStr=“SELECT*FROM b1” Set RecordSet =Connect.Execute(sqlStr)這條語句執行后，對象RecordSet中就保存了b1中的所有記錄。④操作數據庫 可利用Execute方便地執行數據的插入、修改、刪除等操作。如執行插入操作： sqlStr=“Insert Into b1Values(1,2)” Connect.Execute(sqlStr)⑤關閉數據對象和鏈接 在使用了ADO對象之后，一定要關閉數據對象和鏈接。在ASP中通過調用方法close實現關閉。關閉創建的數據對象：Record Set.close Set Record Set=Nothing 關閉創建的鏈接對象：Connect.close Set Connect=Nothing 完整的程序片段：

//產生組件實例

<％

SetConnect=Server.CreateObject(“ADODB.Connection”)//連接數據庫

Connect.Open(“DSN=dsnname;UID=userID;PWD=password”)

//執行查詢

SQL=select＊fromtablename

SetRS=Connect.Execute(SQL)％>

//顯示結果

<％DoWhile Not RS.EOF％>

<％=RS(fieldname)％>

<％

Rs.MoveNext

Loop

％> 上述是用ASP訪問數據庫的全過程，由于應用面向對象思想，所有操作都比較簡單，用戶需要注意的僅是對數據結構的了解、當前所操作的對象及對象的屬性等等，只要對這些有了清晰的認識，再加上ASP強大功能，在網絡上使用數據庫，實現用戶與頁面間交換信息，就再也不是什么難事了。

四、主要功能程序段4、1 打開數據庫

option explicit dim conn,connstr,db,rs db=“database/#MyShop.mdb”

//數據庫路徑

Set conn = Server.CreateObject(“ADODB.Connection”)connstr=“Provider=Microsoft.Jet.OLEDB.4.0;Data Source=” & Server.MapPath(“"&db&”“)conn.Open connstr

4．2 數據庫查詢操作

//大類查訊

set rs=server.CreateObject(”adodb.recordset“)

//只讀方式打開

rs.open ”select anclass,anclassid from anclass“,conn,1,1

do while not rs.eof

response.write ”“ &trim(rs(”anclass“))&” “

rs.movenext

loop

rs.close //小類查詢 dim rs2

set rs2=server.CreateObject(”adodb.recordset“)

rs2.open ”select nclass,nclassid from nclass where anclassid=“&rs(”anclassid“)&” order by nclassidorder“,conn,1,1

do while not rs2.eof

response.write ”“ &trim(rs2(”nclass“))&” “

rs2.movenext

loop

4．3 添加記錄操作

set rs=server.CreateObject(”adodb.recordset“)

//可寫方式

rs.open ”select bookid,username,zhuangtai,zonger from actions“,conn,1,3 rs.addnew

//添加一條新記錄

rs(”bookid“)=bookid //添加相應的記錄 rs(”username“)=username …………

rs(”zhuangtai“)=6 rs(”zonger“)=0 rs.update //更新數據庫

4．4 刪除記錄操作

//從表actions中刪除actionid 匹配的記錄

conn.execute ”delete from actions where actionid=“ &request.QueryString(”actionid“)

4．5 記錄的修改和查看

set rs=server.CreateObject(”adodb.recordset“)rs.Open ”select * from books where bookid=“&bookid,conn,1,3 rs(”anclassid“)=int(request(”anclassid"))//修改各項記錄 ……………… rs.Update rs.Close

五、結束語

隨著Web技術的，基于Intranet的商務系統無疑較傳統商務有著更大的前景，如何提務系高這種電子商統中的數據訪問效率及事務處理能力仍是當前人們所關注的。

第二篇：淺談交互式多媒體技術在初中英語教學中的運用（精選）

淺談交互式多媒體技術在初中英語教學中的運用

瑞昌五中 陳涓涓

摘要:隨著多媒體技術的發展，以及課堂教學的需要，交互式多媒體技術輔助教學應運而生，出現在初中英語教學課堂上。既傳承了傳統教學的特點，又彌補了傳統教學的不足。使單一的課堂變得生動形象，為課堂提供了有效的技術支持。克服了課本知識有限的弊端，為教學提供了廣闊平臺和無限資源。使課堂效率得到有效的提高。諸多優點，為初中生在課堂上實現交互式學習、探究式學習提供了條件。

關鍵詞：交互式多媒體技術 輔助教學 初中英語 提高效率

隨著社會發展，教學質量的不斷提高，以及學者們不斷地探索，新型的教學手段不斷出現在我們的課堂上。信息技術時代使多媒體技術出現在我們的課堂上。應運而生的交互式多媒體技術輔助教學出現在初中英語課堂教學中，克服了傳統教學形式單一的弊端，為現代教學提供了有效空間，為學生自主學習提供了有效條件。并且交互式多媒體技術相當一個云端，你可以在里面無限存儲資料，也就是為課堂教學提供了無限資源和廣闊平臺。有利于課堂上師生互動，學生交互式學習、探究式學習。

一、交互式多媒體技術在初中英語教學中應用的前提

初中英語課堂中，教師與學生的互動越來越多。課程改革，教學方法由以教師為主的灌輸式、學生被動接受的教學方式轉變成“以學生為主體，教師為主導”的探索性學習方式。逐步的改變以及對教與學要求的提高，我們在課堂中不僅要培養學生的積極互動性與獨立性，而且還要引導他們積極地提出問題、探討問題、解決問題。并且，“一母生九子，九子各不同”，學生都有個體差異，我們需要注意如何滿足他們不同的學習需求，培養他們學習知識、運用知識的能力與態度，異中求同、同中求異，達到共贏。交互式多媒體技術輔助教學則給我們創設了良好的學習環境。

二、交互式多媒體技術在初中英語教學中的應用

(一)初始運用

2012年，瑞昌市各中小學普及多媒體教學。是教學上的一大投資與進步，同時也給部分老師帶來考驗！由于多媒體知識薄弱，面對多媒體時無從下手，急需技術上的指導。而大多老師對多媒體的運用主要表現在：拋開傳統的黑板，由電子白板代替它。在多媒體屏幕上進行板書、擦除等功能。

多媒體知識薄弱和形式上的改變使部分老師一時在心理上難以接受，很少使用多媒體輔助教學。眾所周知，一堂初中英語課45分鐘，在這45分鐘內要根據自己的教學計劃完成教學內容，達到自己的預期教學目標。環環相扣，不容出現太大問題。因此，面對多媒體時，突破多媒體技術問題是我們必須解決的問題。正因如此，多媒體技術輔助教學有很大的發展空間。

（二）有效運用

這一階段，我們相對能夠熟練地掌握多媒體技術。相對了解并熟悉其特性，能夠敞開心扉接受它。課堂上頻繁使用，甚至是依賴。能夠熟練地在操作臺上進行操作。需要注意的是，我們在操作臺操作時，盡量避免將多余信息傳遞給學生，避免分散學生注意力。在操作時面向學生，能更好地關注學生，適時地與學生互動，共同地參與到教學中。在《Second Language Acquisition》中曾提到：一個老師的手勢，五指并攏掌心朝上指向學生，則給學生暗示是：鼓勵其積極參與。而相反掌心向下，給學生的暗示是：抑制其參與。面向學生拉近了與學生距離，不再是躲在背后操作多媒體的操作者，而是共同學習，學生達到更多情感上的交流與體驗。

此時，由于對多媒體技術輔助教學掌握得相對熟練，我們不再停留在電子白板的應用上了。而是，可以根據自己的構思設計教學，在多媒體上展示出來。例如常用的PPT。人類獲取信息主要依靠眼、耳，而多媒體則很好地將語言、聲音和圖像三者有機地融合在一起，將抽象的內容轉化成生動形象的畫面。在英語課堂中采用多媒體課件教學，不僅激發了學生學

【1】習英語的興趣，而且還調動了學生課堂學習的主動性和參與性。

（三）高效發揮

教師能夠熟練掌握多媒體技術，并且可以在電腦上設計自己的教學計劃。隨著不斷的探究，我們更深層次地去挖掘交互式多媒體技術輔助教學的作用，開始有意識地將交互式多媒體輔助教學貫穿到自己的教學理念中，使交互式多媒體輔助教學更好地融合到我們的課堂教學中。更加關注交互式多媒體技術輔助教學資源的開發與利用，創造最優化。由表象到本質，挖掘交互式多媒體輔助教學的巨大潛能，尋找更好的教學策略，培養學生的積極參與性和自主性。使交互式多媒體技術輔助教學在初中英語課堂教學中的作用高效發揮。

三、交互式多媒體技術給初中英語教學帶來的影響

交互式多媒體技術輔助教學克服傳統教學單一的弊端，使課堂生動形象、課件更加豐富多彩、學生積極性提高、教師解放出來。

（一）課堂生動形象

交互式多媒體技術輔助教學將初中英語相關語言、聲音、圖片有機結合起來，給學生的是一堂視覺、聽覺上的盛宴。課堂上不再只是口頭上的傳輸，而是動畫、視頻等有機結合的傳導，圖文并茂，生動形象。

（二）課件豐富多彩

簡單文字的描述顯得枯燥，并且，對于部分基礎知識薄弱的學生，看懂光文字的英語課件可能較難。但是，交互式多媒體技術輔助教學則可以利用相關圖片、flash動畫或視頻等來制作課件幫助學生理解。由單一的文字、黑白色和靜態到圖文并茂、五顏六色、動態的轉變，以及此平臺提供的無限資源，幫助我們制作課件，集思廣益。更加的豐富多彩。

（三）師生積極互動

教師在課堂上應盡可能提供學生樂于參與的、豐富多彩的語言實踐活動，使他們在有限

【2】的課堂時間里獲得更多口、筆語實踐的機會。交互式多媒體技術輔助教學則提供良好的條件。教師可以直接在白板上操作，可以更好地施展個人魅力，和學生互動起來。豐富多彩的內容，聲形并茂的課件可以激發學生的參與欲望，“活”的教學設計使教學方式靈活，更貼近學生需求和實際。幫助師生更好地互動。

總之，交互式多媒體技術輔助教學作為新型的教學手段，為生動形象的課堂、豐富多彩的課件、師生互動提供了技術支持。有利于初中生在課堂上實現交互式學習，探究式學習。

參考文獻：

[1] 張玲玲,高升.淺談多媒體課件在初中英語課堂教學中的應用[J].中國現代教育裝備.2013(04)

[2] 初長院.初中英語教學過程中師生互動探討[J].科技創新導報.2010(15)[1]張玲玲,高升.淺談多媒體課件在初中英語課堂教學中的應用[J].中國現代教育裝備.2013(04)

[2]初長院.初中英語教學過程中師生互動探討[J].科技創新導報.2010(15)

第三篇：平面構成在網頁設計中的運用

平面構成在網頁設計中的運用

易 星

目前，中國互聯網的發展已經形成相當規模，據中國互聯網網絡信息中心（CNNIC）報告顯示，預計中國網民數量在未來5年后將要超過美國，互聯網已是繼報紙、廣播、電視等之后的第六大媒介。

隨著互聯網的發展，各類網站有如雨后春筍般。然而，有的站點日訪問量高達幾千萬人次，而有的站點訪問者寥寥無幾。究其原因，訪問量大的站點，除資源豐富外，網站的策劃和精美的外觀也是吸引訪問者的重要因素。所以將美的形式規律和平面構成的手法結合到網頁設計中，是當前網頁設計的重要理論依據。

一、當網頁設計遇上平面構成

（一）了解網頁設計

網頁有如門面，小到個人主頁，大到政府及國際組織等，是構成一個網站的最基本單位。而網頁實際上只是一個純文本文件，它通過各種標記對頁面上的元素進行描述（如顏色、大小），網頁上傳到互聯網之后再由用戶的瀏覽器對這些標記進行解釋并生成頁面，于是便有了現在千姿百態、百花齊放的互聯網絡。

打開一個網站，首先映入眼簾的是該網頁的界面，如按鈕的擺放、文字的組合、色彩的應用等等，這些都是網頁設計的范疇。其實在網絡剛興起時，沒有太多視覺設計的概念，很多網站都是程序員用HTML語言設計出只有功能取向的網頁，那時候網頁無法一邊寫一邊觀看，只能寫好后到瀏覽器上執行，所以程式設計常常無法和基本的美觀結合在一起。然而，在一個個可視化的網頁編輯器相繼問世，特別是許多平面設計師投入網頁設計的行列后，整個網頁視覺設計的行業起了重大的變化！

隨著這幾年網絡的飛速發展及人們對美的不斷追求，網頁設計逐漸受到人們的重視，形式了一門新興的學科。簡單的講，網頁設計就是從審美入手，結合平面設計的特點，運用平面構成中的基本形式到網頁中，讓網頁更加富有美感。例如將平面構成中的節奏與韻律、骨格與肌理溶入到網頁中，會使內容繁多的頁面更加有條理、主次分明，因此對平面構成的掌握與了解是關系到網頁成功與否的重要基礎。

（二）了解平面構成

藝術設計是人類文明的重要部分，涵蓋了當代人類生活的各個領域。構成是一個近代造型概念，含義是指將不同或相同形態的幾個單元重新組合成為一個新的單元，是以研究視覺語言的特性、構成原理以及審美規律為目的，重在研究和分析視覺的形態、空間、運動、比例等因素的變化和形式。

平面構成的認識源于自然科學和哲學認識論的發展，是建立在量子力學基礎之上的微觀認識論，這種由宏觀到微觀認識的深化，逐漸影響了造型藝術的發展。構成觀念早在西方繪畫中就可見其影子，如立體主義繪畫、俄國的構成主義、荷蘭的新造型主義，到后來的德國包毫斯設計學院的不斷完善發展，形成一個完整的現代設計基礎的教學體系，奠定了構成設計觀念在現代設計應用中的地位和作用。二十世紀七十年代以來，平面構成作為一門設計基礎課程，已廣泛應用于工業設計、建筑設計、平面設計等領域。

（三）何為網頁平面構成

平面設計在網頁設計中占有相當大的比重，而平面設計的重要理論基礎則是平面構成，所以說，平面構成也是網頁設計的重要理論依據和知識基礎。

在一堆雜志中，人們往往會拿起色彩豐富、圖片艷麗、結構清晰的那本。同樣，一個布局合理、重點突出、富有美感的網頁，它不但能吸引用戶點擊，更能夠完美表達網頁的創意思維。所以，平面構成的出現，不得不讓我們對單調、乏味、缺乏美感的HTML頁面進行反思，為了拓展網頁設計的藝術視覺，豐富網頁設計的思維及表現手段，我們引進了網頁平面構成的理論，這有點類似于傳統平面設計中的構成理論，一般包含風格策劃、頁面構圖、布局與色彩等方面，我們不妨將平面構成理論作為網頁設計的理論指導，即“網頁平面構成”。把網頁設計看成是平面設計的一種審美方式的延伸，而點線面作為平面構成中的基本元素，在網頁中巧妙地互相穿插、互相襯托、互相補充構成最佳的頁面效果，完美表達設計意境。因此，網頁設計作為一種視覺設計，特別講究編排和布局，雖然主頁設計不同于平面設計，但它們有著許多相近之處，如：對比、漸變和節奏美、韻律美，圖/底關系或通過文字與圖形的組合形成空間上的立體感。所以，靈活運用平面構成中的各種手法，通過頁面各元素之間的有序排列使瀏覽者達到某種共鳴產生一種和諧的美感。

平面構成是一種設計語言，已為當今社會各個藝術設計領域所應用，它以一個全新的造型觀念，給我們的網頁設計注入新鮮的血液。

二、為網頁設計注入新的血液

（一）人性化的網頁設計與策劃

“人們總以為設計有三維：美學、技術和經濟，然而更重要是第四維：人性。”------美國設計師普羅斯

人類的藝術設計是一種審美活動，設計的任務是要實現設計者或用戶的意圖。網頁設計是指設計師將客戶要表現的主題和達到的效果，組合頁面元素，通過藝術手法創造出符合大眾審美觀的界面。開始進行網頁設計前，需要做很多調查，如客戶的需求、站點的性質等，這些要求的不同設計出的網頁也會不同，用現在最時髦的話來講就是更具有人性化。

在網絡的虛擬世界，互聯網提供了天下大同的機會，充斥著無數站點，然而大多數網站的設計都缺乏靈魂和主旨，頁面結構都比較松散、混亂，其原因就在于缺乏有效的策劃。因此要想使你的網站從那些數不清的站點中脫穎而出，就必須對整個站點作好統籌規劃，對所有的內容進行斟酌，再合理組織頁面結構與色彩。

首先，了解一下同類站點的風格、特色，吸取他們的長處，找出自己的優勢，做好市場調查，明確自己網站的主題、規模、主要特色及主要受眾目標，再確定整個網站的整體風格。其次，網頁的制作，設計者先要在紙上用筆畫出大概的設計草圖，等待客戶確認后，才用計算機繪圖軟件畫出平面效果圖（色彩與頁面結構），之后才能投入實際的制作。

（二）網頁平面構成手法

平面構成是一種視覺形象的構成，其形態的抽象性特征和產生不同視覺引導作用的構成形式，組成嚴謹而富有節奏和動感的畫面，營造一種秩序之美、理性之美和抽象之美。其構成形式主要有重復、近似、浙變、變異、對比、集結、發射、特異、空間、分割、肌理及錯視等等。它的研究對象主要是在平面設計中，如何構造形象，怎樣處理形象與形象之間的關系，如何掌握美的形式規律，并按照美的形式法則，構成設計所需要的圖形。

平面構成中最基本的形態要素是點、線、面，其構成要素有大小、方向、明暗、色彩等，以這些基本要素為條件，加以組合構成，便會創造出無數理想的抽象造型。

網頁上的所有元素都可以看作構成的基本要素。在一幅成功的作品里，需要點、線、面的共同組合來構造整個頁面。通過三者的組合，可以突出頁面上的重要元素，突出設計的主題，增強美感，讓訪問者在感受美的過程中領會設計的主旨。

1、構成的基本元素點、線、面及其在網頁設計中的運用

在頁面構圖中凡是表現視覺圖形或文字，都可以簡化或趨近于點、線、面的視覺感受。網頁版面中的各種視覺元素正是以點、線、面的形式相互依存、相互作用，組合成各種視覺信息，形成千變萬化的視覺空間和感受。因此，只有協調處理好點、線、面之間的相互關系，才能設計出最佳視覺效果的網頁。

（1）點的運用

點是可見的最小的形式單元。在網頁中，點是相互比較而言的，任何一個單獨的細小的形象都可稱之為點：按鈕、字符、小色塊等等。在網頁中合理的安排點的布局，或者在頁面設計中將某些視覺形象進行點化處理，并運用恰當的構成手法進行版面布局，不但可以協調畫面，甚至可以起以畫龍點 睛的作用。圖1為個人主頁，所以在形式上比較輕松活潑。網頁中大面積的空白與中間的四個點形成強烈的對比，而且在點的處理上采用傳統的中國水墨畫的手法，更富有意境。在點的位置安排上也體現了一種節奏與韻律，形成視覺上的跳躍。

圖１．點的運用（來自www.tmdps.cn）

由這兩個典型的例子可以看出，無論是什么樣的法則都源自設計者本能的審美觀的驅使，再應用到實際當中，當然在設計時不必十分刻意追求什么法則。應該從日常生活中，從自然界的事物中觀察美的規律，培養構圖的藝術美感。

（五）網頁色彩構成

1、色彩的基礎知識

“接天連葉無窮碧，映日荷花別樣紅。”-------楊萬里

每次讀這首詩，閉上眼睛仿佛就能看到：碧波萬頃，微風吹拂，滿塘荷葉輕輕搖曳，艷陽下的荷花鮮紅欲滴。這句詩里的“碧”、“紅”其實就是色彩。所以色彩對我們來講是不陌生的，因為我們生活的世界中無處不存在著色彩。色彩以一種特別的方式傳達信息，這些信息會影響觀看者的心理和感受，左右他們的判斷和選擇，色彩對于設計而言實在太重要。

首先熟悉一下色彩的基本概念，三原色——紅、黃、藍，三間色——橙、綠、紫，三種間色互為“補色”。將圖10中圓環中的任意一種顏色和黑色、白色、灰色按照不同比例混合就可以得到更多的顏色。例如，當色彩RGB值為（0，0，255）時為純藍色，飽和度100%。隨著飽和度的逐漸降低，顏色會越來越接近灰色。

2、色彩心理

色彩，在不知不覺中作用于人的心理，據說倫敦泰姆士河附近有一座黑色的橋，它因每年在橋上自殺的人數驚人而著名，后來人們將 它改成了綠色，自殺人數劇減。有專家分析，如果將它改成粉紅色、天藍色等更明亮的色彩就可能使自殺人數將趨于零。圖10．色環

當你看到色彩時，首先會勾引起對生活的聯想與情感作用。藍色來自天空和大海，它給人一種心胸開闊，文靜大方的情操。綠色是大自然的顏色，它能令人充滿青春活力。黃色飽含智慧與生命力，讓人顯得年輕有朝氣。看到白色，使人覺得純潔可愛，而紫色卻有著神秘高雅的感覺，這些對于網頁設計而言特別重要。我們經常說“第一印象最重要”，用戶在訪問網站時的第一印象實際上是來自整個網頁的色彩！

所以色彩具有一定的含義和感情上的象征作用，人類確實存在色彩聯想的共通性。在炎熱的夏天人們更容易接收藍色的“百事可樂”，而在較為冷的天氣喝紅色的“可口可樂”人是不是更多一點。在我們談到這種象征印象時，不能過于主觀、片面地看問題，人們對色彩的聯想是相對，不同的色彩組合在一起也會起到不同的效果。

3、合理搭配色彩

色彩是藝術表現的要素之一。在網頁設計中，設計師根據和諧、均衡和重點突出的原則，及色彩對人們心理的影響，合理地加以運用。將不同的色彩進行組合、搭配來構成豐富的頁面。單純的顏色 并沒有實際的意義，和不同的顏色搭配，它所表現出來的效果也不同。比如綠色和金黃、淡白搭配，可以產生優雅，舒適的氣氛。藍色和白色混合，能體現柔順、淡雅、浪漫的氣氛。紅色和黃色、金色的搭配能渲染喜慶的氣氛。但也要考慮到網頁的適應性，應盡量使用網頁安全色。不同網站應當使用不同的色彩方案，與站點的主題相吻合的色彩方案決不僅僅可以讓網站 “更加好看”，更重要的是在訪問者心目中建立對這個網站的感性認識。所以，色彩方案的選擇決不能草率，是網站建設的第一步。

按照色彩方案中色彩使用方式的不同，可以將色彩方案劃分為幾種常用類型，單色方案、相似色方案、對比色方案等。

（1）單色方案，是指在網頁設計中使用一種基本顏色，通過調整這種基本顏色的灰度和亮度來得到更多的顏色。單色方案是一種比較穩重的方案，或者說比較保守的方案。給人整潔、經典的感覺，商業網站也比較適合使用此種顏色方案，使訪問者容易建立對網站的信任感。

（2）相似色方案，在色彩圓環上彼此相鄰的幾種顏色構成的配色方案就是相似色方案。例如橙色、橙紅色以及橙黃色就可以組成一個相似色方案。通常，相似色配色方案可以給人非常協調的感覺，因此在網站設計中非常實用。典型的運用方法就是，用一種顏色作為頁面背景，而另外一種在顏色環中與其相鄰的顏色作為前景色。

（3）對比色方案，把一個顏色和它補色的左右邊的色彩配合起來，可以得到強烈的視覺效果。運用這種方式容易塑造活潑、運動的網頁效果，在設計時要注意主體色彩的運用，即以一種或兩種色彩為主，其他色彩為輔。

4、色彩構成在網頁設計中的細節體現

-----中國移動網與MTV網之色彩比較

圖11．中國移動網（來自www.tmdps.cn）

圖12．MTV網（來自www.tmdps.cn）由兩幅圖比較可以看出，企業的不同性質決定了網頁的用色，首先，中國移動是一家面向全國用戶的大型企業，他所服務的對象決定了網頁用色必須考慮到所有用戶的接受能力，必須穩重大方，可以看出整個界面采用冷靜開闊的藍色調，但是頁面色彩卻不單調，當用戶將鼠標移動到導航欄上，藍色的橫線變成了明快的翠綠色，就這一點小小的細微動作卻增強了用戶的交互性。但整體而言，色彩還是比較單一，穩重有余而活力不足，作為一家年輕的企業，應該要有年輕人的活力。所以在大片的藍色中夾雜了鮮艷的橘紅色作為點綴，立刻整個頁面就會顯得比較活潑，再用漸變色豐富了色彩的層次。整體來看是一個比較成功的功能與美感并存的企業網站。

另外再來看看第二幅圖，感覺立即不一樣了，全黑的底與白色的文字形成視覺上的沖擊力，而頁面中間被等分成四塊，分別用了淡、淺、深三種灰色引起視覺上的分割。并且在色彩上明顯比第一幅圖豐富，有桔色、黃色、綠色、青綠色、紫色等等。這是一家以娛樂服務為主的網站，他所面向的用戶是以年輕人為主，符合潮流，走在時尚前沿。在用色上也大膽出位，全黑色的底，象征年輕人的叛逆與不羈，以及時尚感較強的紫色和青綠色的搭配更能吸引人的視線。

在細節上的設計與處理最能體現一個網站是否成功，可以看出來兩個網頁都是比較注重在這方面 的用色，總的主色調不變，以豐富多彩的小色塊點綴，起到畫龍點睛的作用。所以一幅比較成功的網頁在色彩的設計上也要獨具匠心，充分合理的利用細節，結合色彩的感情，才可以使作品具有更加深刻的藝術文化內涵，才能夠讓網頁設計的個性創造和審美意識得到淋漓盡致的展現，設計出的網頁會更加富有生命力。

三、不同審美文化中的網頁設計

（一）文化背景對網頁設計的影響

美學(Aesthetics)，德文原義為“感性學”，是一門研究人類審美活動的學科。“審”者，看也。通俗地說，就是人們對現實生活中各種美好現象的感受和欣賞，是人類最基本的精神文化活動，因而也最通俗、最具大眾化，在東西方都有著極為悠久的歷史。

21世紀是一個經濟飛速發展的時代，是一個時時事事講求審美格調的時代，其實審美就是一個民族精神世界的流露。中國的審美觀是中國人的人格、修養、品行、文化、藝術的高度統一的綜合表現。具有時代的、民族的和階級的烙印。也就是說不同時代、不同民族和不同階級在文化藝術審美格調的追求上有著不盡相同的傾向和標準。且不說漢代人如何會在盧浮宮不屑一顧；古希臘人如何會在故宮拂袖而去，就是同為中國的唐漢兩代對美的欣賞都不一致。所以說，各國的地域環境、氣候條件、經濟情況、人文思想不同所形成的審美觀也會不同，從網頁設計方面來看，各國都有自己的特色。

1、歐美風格的網頁設計

歐美國家進行工業化比較早，經濟相對比亞洲發達。美國早在二十年代就已經是世界上工業化程度化最高的國家，特別是二戰后，更成為世界上的經濟大國。隨后進入90年代，計算機業迅速發展，高度的工業機械化對其網頁設計也有一定影響，除注重實用性之外特別在細節元素上的處理更顯精致，網頁的藝術表現更是別具一格，其中肌理的表現形式獨具特色。另外，美國是一個移民國家，有著一個多元化的社會，其短暫的歷史，自由的人性，在網頁設計中表現出豐富的幽默感與創造性。圖13中所示：整個網頁由機械化式的線條相互組合構成，剛強有力，將金屬的質感充分的表現出來。

圖13．歐美網頁中肌理的表現形式（來自www.tmdps.cn/fr）

德國則不同，氣候干燥而寒冷，地形復雜多山的自然環境造就了嚴肅的德國人，因而，德國設計更加體現其科學性和邏輯性，德國網站設計也充分體現了 “實用”和“簡潔就是美”的觀點，如圖15所示。

圖15．簡單實用的德國網頁（來自www.tmdps.cn）20），對字體、字型及字號的選擇除要符合審美標準 外還要考慮到顯示屏的大小，及整個頁面結構的把握，是借助框架（也叫骨骼）或是其他，以及如何更有效的在手機上使用多媒體技術，使得網頁藝術設計的表現力更加豐富。

在未來，網頁的顯示模式將會發生翻天覆地的變化，不論是在電腦、手機、手表抑或是電視上，我們看到的網頁對美的追求會更加徹底，平面構成中的重復、變異、韻律、連續以及圖/底關系處理等，是任何一種設計的基本原理，盡管處于不同文化背景中的設計師在運用這些視覺構成元素時都不經相同，但是，所有的文化都涉及到這些視覺基本要素，都離不開形式美的法則。美與技術并存將會在未來完美體現，所以，在未來網頁設計將真正走進每個人的生活，設計將會不再不拘于形式，更加的靈活，看重的是網頁設計的靈魂。因而，平面構成也就必然成為網頁設計的重要基礎。

五、主要參考資料

①．毛溪，2003．平面構成(第一版)．上海：上海人民美術出版社，122． ②．李凇，2000．中外美術對談錄（第一版）．中國工人出版社，2 ③．姜偉，2004．網頁美工傳奇（第一版）．機械工業出版社，2 ④．徐希景、陳筍，2003．網頁平面構成的創意手法分析．福建商業高等專科學校學報，47 ⑤．劉永翔、唐良瑞，2004．網頁設計中的視覺構成分析．北京工商大學學報，58 ⑥．楊萍，2005．抽象形、空間、肌理——平面構成在教學實踐中的思考．黔南民族師范學院學報，78 15

第四篇：基于ASP技術的班級動態網站設計畢業論文

目 錄

摘 要.......................................................................I ABSTRACT...................................................................II 1 緒 言.....................................................................1 1.1 課題的可行性分析......................................................1 1.2 總體設計..............................................................2 1.3 網站設計思想..........................................................3 2 相關技術..................................................................3 2.1 ASP簡介...............................................................3 2.1.1 Asp的優勢.........................................................3 2.1.2 Asp的特點.........................................................4 2.2 MACROMEDIA DREAMWEAVER 8簡介..............................................5 2.3 MICROMEDIA FLASH 8.0.....................................................5 2.4 ADOBE PHOTOSHOP8.0.......................................................6 2.5 ACCESS數據庫的簡介.....................................................6 2.5.1 Access數據庫概述..................................................6 2.5.2 Access數據庫的優點................................................6 2.5.3 ADO數據訪問技術...................................................7 3 網站總體分析與設計........................................................7 3.1 網站系統分析..........................................................7 3.2 網站數據庫詳細設計....................................................8 3.3 每個頁面的詳細設計....................................................9 3.3.1 網站主頁..........................................................9 3.3.2 音樂欣賞.........................................................10 3.3.3 班級相冊模塊.....................................................10 3.3.4 美文模塊.........................................................12 3.3.5 留言模塊.........................................................14 4 結束語...................................................................18 致 謝......................................................................19 參考文獻...................................................................20

摘 要

班級網站是一個班級和外界交流的窗口，也是本班同學相互聯系、交流的平臺。本設計是用Dreamweaver排版頁面，中間嵌入asp編程來實現各個功能。網站利用IIS-ASP構成三層式WEB結構中的中間一層，將瀏覽器/服務器結構與WEB密切結合，完成前、后端兩者的集成輸出功能。網站以互聯網信息服務(IIS)為依托，后臺采用access數據庫服務，兼容性強。本設計界面友好，功能直觀，方便用戶在互聯網上訪問本網站。

網站首頁提供一些其他常用網站的鏈接，讓用戶方便去這些網站搜集自己所要的信息。班級動態是公布班級里一些重大事務或重要通知的地方，普通用戶只可以瀏覽新聞，而管理員享有發布、修改、刪除新聞的權利。影集里是用戶存放照片的地方，用戶可以在這里瀏覽其他用戶上傳的照片，或者自己也可以上傳照片；管理員享有修改、刪除照片的權利。論壇是用來給用戶相互交流，高談闊論的地方，普通用戶只能編輯自己的帖子，而管理員則可以編輯任何人的帖子。

關鍵字：班級網站；ASP；Access；留言板

I

ABSTRACT

The net station is a window which can communicate with outside world, It's also a terrace with which classmates can get in touch with each other and communicate with other classmates.This construction used Dreamweaver to compose the interfaces and actualize every function with asp program.the net station make use of IIS-ASP to constitute the middle layer of three layers WEB framework, with which, make explorer/service and WEB combine closely, so, it can complete pre-end and back-end’s function of corpus output.the net station relay on Internet Information Server(IIS), and use the database of access ,it is strong compatible.this net station has friendly interface and it’s function is intuitivism.because of these, the customers can visit this net station with internet easily.The net station’s header provide some net station’s catenate which used often.it can help customer to collect information that he need expediently.Class dynamic is a place where the administrator will announce some important events or important notification.general customer can browse news only, and the administrator can announce, mending and delete news.there are photos in the album, the customer can browse other customer’s photo ,or spread own photos.the administrator have the obligation of modify, delete the photos.Beside these, the customers also can communicate with each other and talk volubly with the forum.General customer can only edit own article, and the administrator can edit any customer’s article.Keywords：Class Webpage;ASP;Access;Message board

II 1 緒 言

據中國互聯網絡信息中心（CNNIC）2007年4月發布的調查數據，在我國3.03億網民中，學生占到33.2%，而這其中在校學生更是網民的主體。在大學校園里，擁有個人電腦的學生與日俱增。在連上教育網的大學宿舍里，一個個學生一整天掛在網上，開著BBS，開著QQ，他們在上面憑借一個個ID瀏覽、發布信息，與人交流，甚至是與自己相距80公分的室友。BBS幾乎成為大學校園次文化的一個組成部分。特別是大學班級網站這一特殊的虛擬社區，近年來也像QQ和手機短信一樣，逐漸成為年輕人的一種時尚。

既然網絡已經融入了學生的日常生活，成為他們學習、生活中不可或缺的部分，而現實又迫切需要有新的集體建設的方式來彌補傳統班級管理的缺陷，那么能否發揮網絡的功能，服務于班集體建設便成為自然的思考。所以該論文所涉及討論的班級網站就是班級現實組織在網絡上的一種延伸和映射，建立班級網站的目的是為了探索高校班級建設的新方式，構建班級建設的新平臺。1.1 課題的可行性分析

隨著網絡信息時代的來臨，互聯網應用越來越廣泛，從網上獲取并且發布信息已成為現代計算機應用的一大特色。一個網站，是一個傳媒，也是一個窗口。普通人可以通過瀏覽各個網站，接觸到許多從書本上學不到的知識，還可以看看新聞之類當作是一種消遣。而一個企業，一個個體通過制作自己的網站，向全世界宣傳自己的產品，提供各種產品的信息供顧客參考，并兼顧銷售。這時，網站也就成為對外的窗口。同時，網站上普遍都有一些免費資源，從而達到資源共享，使得我們足不出戶都能得到想要的資料。現在很多企業、學校、乃至班級都有自己的網站，通過網站使數據處理更方便快捷，人員訪問更方便。

班級網站是使用計算機對畢業班級大學生活以及以后方便聯系而開發的系統。通過使用計算機技術、信息技術、數據庫技術，來實現遠程網絡聯系，資源共享為目標，利用先進的硬件設備，對班級網站進行一定的錯誤的調試和糾正以及網站完整性的規劃。

在該項目的可行性研究與計劃工作中，通過對網絡工作環境進行的實地調查和自己掌握的知識的程度，通過對資料的整體和對整體網站的構想和實現程度進行的全面的分析得出了結論，這個網站的任務對是完全可以達到的。主要分析如下所述：

（1）技術可行性 通過以往學習和總結得到的經驗，首先我熟練掌握了基礎軟件Dreamweaver的使用，可以使用它對網站的整體結構進行完整的設計規劃。Flash是一款很好的動畫制作軟件，可以對網頁的進一步完善起到至關重要的作用。后臺數據庫設計使用Microsoft公司提供的office軟件中自帶的Access軟件，數據表存儲格式為*.MDB。通過它對數據可以很方便的進行管理，也可以很容易的移植到其他數據庫系統中。因此，在技術上，開發班級網站是可行的。

（2）經濟可行性

對于我來說已經不用再到其他的網吧或者借用其他人的電腦來完成自己的班級網站的設計，自己可以在自己的電腦中完成對網站開發的所有工作，而且這次對班級網站的開發也是完全不需要資金的投入的，主要是時間和精力的投入，所以經濟這方面是完全可行的。

（3）人員可行性

作為班級網站的設計，我已掌握了大部分設計軟件的使用，包括Dreamweaver的使用、Flash動畫軟件的使用、Photoshop美化軟件的使用、Access數據軟件的使用、Asp知識的靈活運用等等，完全有能力成功設計出這個班級網站的。另在輔導老師的大力支持和幫助下，其他曾經參與過其他網站設計的同學等等所有的人力都已經完全大具備的情況下，實現班級網站的設計在人員上是完全可行的。

綜上所述，系統開發是完全可行的。1.2 總體設計

在總體設計中要解決的問題是“做什么”以及“怎么做”問題。總體設計的任務是：劃分出組成網頁的物理元素，如：程序、文件、數據庫、過程和文檔等。

（1）設計網頁的結構，確定中每個程序由哪些模塊組成，并確定模塊與模塊之間的關系。

（2）尋找實現目標網頁的各種不同的方案，然后從中選取合理的方案，列出組成網頁的所有物理元素，制定實現這個方案的進一步計劃。

（3）選擇一個最佳方案，并進一步為這個最佳方案設計軟件結構，進行必要的數據庫設計。

一、版面設計(Dreamweaver)Dreamweaver網頁設計軟件，它的功能非常強大，幾乎可以完成很多網頁的整體規劃。它可以連續修改一個或幾個網頁的外觀和格式，能夠顯著增強和擴展HTML元素，從而實現更少的編碼、更少的頁數和更快的下載速度。選取一個固定的版面格式，為頁面設計確定方向。

二、建立數據庫

運用Access，因其具有強大的數據倉庫，并提供了一個全面的平臺，從而使設計、建立、維護和使用數據倉庫解決方案變得迅速而輕松，這樣的數據倉庫解決方案讓決策過程在準確的信息基礎上更為有效。在邏輯結構基本確定之后，再根據應用需要對設計結構進行適當的修改和調整以期進一步完善設計，提高應用系統的性能。這種修改和調整包括以下這兩個方面：

（1）增加必要的冗余數據。

（2）如果經常要做的查詢是兩個關系的連接，則可以考慮是否可以將兩個關系合并為一個關系。

數據試運行合格后，數據開發工作就基本完成，即可投入正式運行了。但是，由于應用環境在不斷變化，數據運行過程中物理存儲也會不斷變化，對數據設計進行評價、調整、修改等維護工作是一個長期的任務，也是設計工作的繼續和提高。1.3 網站設計思想

通過班級網站，全面宣傳，展示班級風采、優點與特色，發布班級的重大活動安排，增強同學之間的相互聯系，提高辦事效率。相關技術

本系統是以Asp技術，以DreamWeaver 8.0、Micromedia Flash 8.0、Adobe photoshop8.0作為開發工具，Access數據庫管理為基礎而設計的一個班級網站。2.1 Asp簡介

2.1.1 Asp的優勢

在制作本系統過程中的一個至關重要的環節就是網頁的制作。而在當今世界上，用于制作網頁的工具比比皆是，如ASP、PHP、JSP等等。但我之所以選擇ASP制作本系統,原 因在于asp是微軟公司最為流行的開放式的Web服務器應用程序開發技術，它相對于其他網頁制作工具具有自己獨特的優勢,是一套微軟開發的服務器端運行的腳本平臺。

與一般的程序不同，.asp 程序無須編譯，ASP 程序的控制部份，是使用 VBScript、JScript 等腳本語言來設計的，當執行 ASP 程序時，腳本程序將一整套命令發送給腳本解釋器(即腳本引擎)，由腳本解釋器進行翻譯并將其轉換成服務器所能執行的命令。當然，同其他編程語言一樣，ASP 程序的編寫也遵循一定的規則，如果你想使用你所喜愛的腳本語言編寫 ASP 程序，那么你的服務器上必須要有能解釋這種腳本語言的腳本解釋器。當你安裝 ASP 時，系統提供了兩種腳本語言： VBsrcipt 和 JScript，而 VBscript 則被作為系統默認的腳本語言。ASP 本身并不是一種腳本語言，它只是提供了一種使鑲嵌在 HTML 頁面中的腳本程序得以運行的環境。因此，我使用asp作為制作本網站的主要技術和工具，一方面符合了現階段制作網頁的流行趨勢，很好地做到了與世界前沿的接軌，可以最大限度地利用世界上現有的動態網頁資源，豐富制作手段；另一方面使用asp制作這個系統，可以最大化地發揮asp技術的優勢，簡化制作程序，減少工作時間，降低制作成本，這也是本文選擇ASP作為開發工具最重要的原因之一。

2.1.2 Asp的特點

（1）任何開發工具皆可開發ASP

只要使用一般的文書編輯程序，如Windows記事本，就可以編輯。當然，其他網頁開發工具，例如，FrontPage Express、FrontPage等也都可以。

由于ASP程序是在網絡服務器端中執行，執行結果所產生的HTML文件適用于不同的瀏覽器。

（2）語言相容性高

ASP與所有的ActiveX Script語言都相容，除了可結合HTML，VBScript、Java Script、Active X服務器組件來設計外，并可經由“plug-In（外掛組件模組）的方式，使用其他廠商（Third Party）所提供的語言。

（3）隱密安全性高

如果我們在瀏覽器中直接查看網頁的原始代碼，就只能看到HTML文件，原始的ASP程序代碼是看不到的！這是因為ASP程序先于網站服務（Web Server）端執行后，將結果轉換成標準HTML文件，再傳送到客戶端（Client）的瀏覽器上，因此，我們所辛苦撰寫的ASP程序并不會輕易地被看見進而被盜用。（4）易于操控數據庫

ASP可以輕易地通過ODBC(Open Database Connectivity)驅動程序連接各種不同的數據庫，例如：Acess、Foxpro、dBase、Oracle等等，另外，ASP亦可將“文本文件”或是”Excel” 文件當成數據庫用。

（5）面向對象學習容易

ASP具備有面向對象（Object-Oriented）功能，學習容易，ASP提供了五種方便能力強大的內建對象：Request、Response、Sever、Application以及Session，同時，若使用ASP內建的“Application”對象或”Session”對象所撰寫出來的ASP程序可以在多個網頁之間暫時保存必要的信息。2.2 Macromedia Dreamweaver 8簡介

Dreamweaver是由美國MACROMEDIA公司開發的，是集網頁制作和管理網站于一身的網頁編輯器，它是目前市場上有關網頁設計、制作功能非常強大的軟件，操作界面友好，可擴展性能強，是網頁設計制作領域的主流工具。

由于Dreamweaver工作區是非常靈活的，因此它可以適應各種不同的工作風格和使用水平。常用的Dreamweaver工作區組件有以下若干種：

(1)文檔窗口可顯示當前文檔，文檔的外觀和瀏覽器中看到的非常相似。(2)裝載器中包含一些打開和關閉常用檢查器和模板的按鈕。

(3)對象工具欄包含創建不同類型的對象（例如圖象、表格和層等）的按鈕。(4)屬性檢查器顯示選定對象的屬性。

(5)快捷菜單可以使用戶對當前選擇或區域快速執行某些命令。

(6)可固定的浮動工具欄允許用戶將浮動窗口、檢查器和工具欄組合在一個或多個選擇窗口中。

2.3 Micromedia Flash 8.0 FLASH是Macromedia公司出品的，用在互聯網上動態的、互動的shockwave。它的優點是體積小，可邊下載邊播放，這樣就避免了用戶長時間的等待。

FLASH可以用其生成動畫，還可在網頁中加入聲音。這樣你就能生成多媒體的圖形和界面，而使文件的體積卻很小。

不僅如此，FLASH用其內置語句并結合JAVASCRIPE，還可作出互動性很強的主頁。但 是，必須安裝插件PLUG-IN，才能被瀏覽器所接受。2.4 Adobe Photoshop8.0 Photoshop 8.0是目前最流行的圖形、圖像編輯設計軟件，在數碼影像處理、圖像編輯合成、廣告設計、封面設計、美術繪畫、網頁設計等領域都被廣泛地應用。Photoshop 8.0的主要特點是：

(1)文字處理更加方便。(2)使圖層管理更有序。

(3)新增圖像功能：圖像的剪切和剪裁更加方便。

(4)將所有工具的選項板改進為工具選項欄放置在工作區頂部，方便先項參數的設置。(5)為了更方便地用路徑繪畫，改進增加了幾何形狀工具，通過選擇工具的不同工作模式，可創建路徑、幾何形狀或幾何填充區，使得矢量繪圖功能得到了加強。2.5 Access數據庫的簡介

2.5.1 Access數據庫概述

數據庫是有結構的數據集合,它與一般的數據文件不同，是一串文字或數字流。數據庫中的數據可以是文字、圖象、聲音等。

Microsoft Access是一種關系式數據庫，關系式數據庫由一系列表組成，表又由一系列行和列組成，每一行是一個記錄，每一列是一個字段，每個字段有一個字段名，字段名在一個表中不能重復。表與表之間可以建立關系（或稱關聯，連接），以便查詢相關聯的信息。Access數據庫以文件形式保存，文件的擴展名是DB。

2.5.2 Access數據庫的優點

Access 是微軟公司推出的基于Windows的桌面關系數據庫管理系統（RDBMS），是Office系列應用軟件之一。Access是一種關系型數據庫管理系統，其優點如下：

(1)完善地管理各種數據庫對象，具有強大的數據組織、用戶管理、安全檢查等功能。(2)強大的數據處理功能，在一個工作組級別的網絡環境中，使用Access開發的多用戶數據庫管理系統具有傳統的XBASE（DBASE、FoxBASE的統稱）數據庫系統所無法實現的客戶服務器(Cient/Server)結構和相應的數據庫安全機制，Access具備了許多先進的大型 數據庫管理系統所具備的特征，如事務處理/出錯回滾能力等。

(3)可以方便地生成各種數據對象，利用存儲的數據建立窗體和報表，可視性好。(4)作為Office套件的一部分，可以與Office集成，實現無縫連接。

(5)能夠利用Web檢索和發布數據，實現與Internet的連接。Access主要適用于中小型應用系統，或作為客戶機/服務器系統中的客戶端數據庫。

2.5.3 ADO數據訪問技術

連接一個本地數據庫或遠程數據庫。打開一個指定的數據庫表，或定義一個基于結構化查詢語言(SQL)的查詢、或存儲過程、或該數據庫中的表的視圖的記錄集合。將數據字段的數值傳遞給數據綁定的控件，可以在這些控件中顯示或更改這些數值。添加新的記錄，或根據對顯示在綁定的控件中的數據的任何更改來更新一個數據庫。

ADO連接數據庫的通用代碼：（1）添加的代碼為：

<%Conn.execute(“insert into tab data**)values('**','**')”)

Conn.close

set Conn=nothing response.Redirect(“datalist.asp”)

%>（2）刪除的代碼為：

<%Conn.execute(“delete * from tab data where id=”+request.QueryString(“did”))'Response.Write(“delete * from tab data where id=”+request.QueryString(“did”))Conn.close

set Conn=nothing

response.Redirect(“datalist.asp”)

%> 3 網站總體分析與設計

3.1 網站系統分析

根據前面的設計思想進行分析，按照系統開發的基本觀點對網站進行分解，欄目的實質是一個網站的大綱索引，索引應該將網站的主體明確顯示出來。因此我將自己的班級網站分為五個欄目：

（1）班級首頁

通過一定的flash動畫設計和動態的文字實現首頁的展示，從側面反映班級的和睦和 團結。

（2）班級風采

通過班級體、校內外的趣事、宿舍間的故事展現班級體，從中多數是以照片和文字結合的效果來展現的。

（3）音樂

在其中展示個人喜歡的歌曲，朋友們可以在里面點播自己喜歡的歌。（4）美文

在其中展示個人喜歡的文章，朋友們可以在里面欣賞到經典的文章。（5）留言板

是一個我與大家談心交流的地方，在留言板中，我們可以暢所欲言，就我們感興趣的話題展開討論，和大家進行溝通。3.2 網站數據庫詳細設計

一、用戶表yh 存儲了用戶的檔案包括：id、name、ly、hf、lytime等。id字段采用自動編號，為該表的主關鍵字；name字段為留言者的名稱；ly字段為留言的內容；hf字段為管理員進行回復的內容；lytime字段代表留言的時間。它的設計視圖如下圖3-1所示。

圖3-1 yh表

二、管理員表admin 管理員表是為管理員服務的，該表包括字段為id、name、password字段。其中id為主關鍵字，name和password分別代表用戶名和密碼。它的設計視圖如下圖3-2所示。

圖3-2 admin表 以上數據表為Access類型的庫文件，將它定名為：“ly.mdb”。3.3 每個頁面的詳細設計

3.3.1 網站主頁

網站主頁采用靜、動相結合的方式，即靜態的主畫面和動態的flash動畫相結合以及滾動的消息條相組合而成，以蛋黃色為背景色，充分體現班級的勃勃生氣，靜態的圖片起到了一定的承托動態文字的作用,起到了一定的美化作用，而動態的文字就得利用到了JavaScript 等腳本語言來設計的,使之可以實現移動的效果也利用Dreamweaver實現了鏈接的功能。

班級網站的主頁面構圖如下圖3-3所示，首頁中導航欄包含了如網站首頁、班級相冊、音樂天地、美文欣賞、留言板等板塊，從多方面展示網站作者的生活動態。

圖3-3 網站首頁

1、flash的制作

主頁的大篇幅被一個flash占據,并且我使用flash實現了它對其他班級網站頁面的鏈接,該flash給人以一種新鮮活潑的感覺,充分的反應了當代大學生的積極樂觀的風貌,在該flash中點擊一定的頁面內容都會出現一定的動畫效果,可以給每一個瀏覽該頁面的人一種輕松愉悅的心情。3.3.2 音樂欣賞

音樂欣板塊供瀏覽者在閑暇之余享受到一份安寧，用淡淡的紫色作為背景給人一種舒心的感覺。在這個板塊中添加的主要音樂有我校校歌，陽光總在風雨后等一些激勵的歌曲，同時通過點擊不同的音樂還會伴隨著歌詞的出現，該板塊頁面如下圖3-4所示。

圖3-4 音樂界面

音樂欣賞界面的核心代碼為：

班級相冊主要展示我們班級同學的精神面貌，以及展現出我們班級和諧相處，互敬互愛的高尚素質。班級相冊頁面如下圖3-5所示。

圖3-5 班級相冊 班級相冊主要是采用Micromedia Flash 8.0技術制作的，自制動畫是由四個圖層組成，主要使用動作補間動畫和形狀補間動畫制成。動作補間動畫的原理是根據實例屬性的變化來形成動畫效果。它的前提條件是對象必須是一個元件的實例、文本或組；分離的對象不能形成動作補間動畫。對于在舞臺上繪制的圖形，一定要將圖形組合或轉換為元件之后，才能形成動作補間動畫。動作補間動畫實際上就是給一個對象的兩個關鍵幀分別定義不同的屬性，如大小、顏色、位置、角度以及透明度等，在這兩個關鍵幀之間建立一種變化關系。形狀補間動畫是根據對象的形狀變化來實現的動畫，只需要給出動畫的第一幀和最后一幀的對象形狀，中間的動畫過程由系統自動生成。實現形狀動畫的前提條件是，對象必須為矢量圖形。班級相冊頁面的核心代碼如下：

stop();//動畫開始時停止

var i:Number = 1;//設置變量i的初始值為1 prev_mc.gotoAndStop(2);//“prev_mc”影片，開始讓它停止在第2幀，讓按鈕變成灰色并失去作用，因為動畫開始時沒有上一張圖片

onEnterFrame = function(){//運行每一幀時執行以下函數

片

if(_root._currentframe == 11){//如果主場景播放到第11幀

} if(_root._currentframe == 20){//如果主場景播放到第20幀

} gotoAndStop(2);//主場景動畫停止在第2幀

pictures.gotoAndStop(i);//“pictures”影片停止在第i幀，從第11幀出現第i張圖

next_mc.next_btn.onRelease = function(){//“next_mc”影片中的按鈕在釋放時執行以

if(i<28){//如果變量i小于28（“pictures”影片中只有5張圖片）

下函數

i++;//每點擊“next_mc”影片中的按鈕時變量i遞增1，“pictures”影片也跳轉 到下一幀

prev_mc.gotoAndStop(1);//“prev_mc”影片停止在第1幀，即讓按鈕變黑并起

作用，因為此時有了上一張圖片

} play();//主場景動畫開始播放 if(i == 28){//如果變量i等于28

next_mc.gotoAndStop(2);//“next_mc”影片停止在第1幀，即讓按鈕變成灰色

并失去作用，因為此時沒有下一張圖片

};} prev_mc.prev_btn.onRelease = function(){//“prev_mc”影片中的按鈕在釋放時執行以

if(i>1){//如果變量i大于1

下函數

i--;//每點擊“prev_mc”影片中的按鈕時變量i遞減1，“pictures”影片也跳轉 到上一幀

next_mc.gotoAndStop(1);//“next_mc”影片停止在第1幀，即讓按鈕變黑并起

作用，因為此時有了下一張圖片

} play();//主場景動畫開始播放

if(i == 1){//如果變量i等于1

prev_mc.gotoAndStop(2);//“prev_mc”影片停止在第2幀，即讓按鈕變成灰色

并失去作用，因為此時沒有上一張圖片

};3.3.4 美文模塊 };} 美文，顧名思義就是美好的文辭。美文，顧名思義就是美好的文辭。有人把美文比作一杯好茶，看著舒雅，泡在杯里，茶葉慢慢地舒展開來，一股淡淡地清香猶如裊裊升起的飲煙，撩拔起心中的欲想，于是情不自盡地想品上一口，幾許苦澀，幾許甘甜，從口中一直向心田傳去。

該模塊主要包括友誼是一棵樹、做個努力的人、我們學會感恩等一些文章，該模塊左邊有一個導航欄目，通過點擊不同的美文可以在頁面查看該文章的內容。該模塊的頁面如下圖3-6所示。

圖3-6 美文界面

美文界面的核心代碼如下所示：

忙的時候，想要休息；

度假的時候，想到未來。

窮的時候，渴望富有；

生活安逸了，怕幸福不能長久。

該決定的時候，擔心結果不如預期；

看明白了，后悔當初沒有下定決心。

不屬于自己的，常常心存欲望；

握在手里了，又懷念未擁有前的輕松。

生命若不是現在，那是何時？

一個人可以毫無道理跟你做一輩子親戚,但

一個人不會毫無道理跟你做一輩子朋友

我會想起與你們認識的種種.

也會想起發生過的點點滴滴.

直到我們都年老時是否會像現在這樣坐在電腦前互訴心聲？

不管如何,希望我們永遠是真誠相對的朋友(知己)

朋友就是喜歡你也了解你的人

愿你都能珍惜身邊每一個朋友

因為你我有緣份，才能成為朋友

可以成為知己的，更難得！

時間未必是你我成為知己的原因

但一定可以證明到

你對朋友的關懷不是白費！
3.3.5 留言模塊

留言板模塊是一個我與大家談心交流的地方，在留言板中，我們可以暢所欲言，和大家進行交流。就我們感興趣的話題展開討論，和大家進行溝通。

本板塊由發表留言和查看留言兩部分組成。查看留言結果為網頁lyxs.asp，用來顯示用戶發言的內容；發表留言為頁面zxly.asp，大家可以暢談自己的想法。留言板與數據庫book.mdb相連，其中數據庫連接頁面conn.asp

一、查看留言頁面，如下圖3-7所示。

圖3-7 瀏覽留言界面

查看留言界面核心代碼如下: