基于web技術的實驗預約網(wǎng)站畢業(yè)論文

1、<p>　　本科生畢業(yè)設計（論文）</p><p>　　中文題目： 基于Web技術的電工電子實驗預約網(wǎng)站 </p><p>　　英文題目：Based on web technology of electrical and electronic experimental booking website </p><p><b>　　摘 要

2、</b></p><p>　　最早的網(wǎng)絡構(gòu)想可以追溯到遙遠的1980年蒂姆·伯納斯-李構(gòu)建的ENQUIRE項目。這是一個類似維基百科的超文本在線編輯數(shù)據(jù)庫。盡管這與我們現(xiàn)在使用的萬維網(wǎng)大不相同，但是它們有許多相同的核心思想，甚至還包括一些伯納斯－李的萬維網(wǎng)之后的下一個項目語義網(wǎng)中的構(gòu)想。</p><p>　　1989年3月，伯納斯－李撰寫了《關于信息化管理的建議》一文

3、，文中提及 ENQUIRE 并且描述了一個更加精巧的管理模型。[3]1990年11月12日他和羅伯特·卡里奧（Robert Cailliau）合作提出了一個更加正式的關于萬維網(wǎng)的建議。在1990年11月13日他在一臺NeXT工作站上寫了第一個網(wǎng)頁以實現(xiàn)他文中的想法.。 　　</p><p>　　在那年的圣誕假期，伯納斯－李制作了要一個網(wǎng)絡工作所必須的所有工具：第一個萬維網(wǎng)瀏覽器（同時也是編輯器）和第一個

4、網(wǎng)頁服務器。 　　</p><p>　　1991年8月6日，他在alt.hypertext新聞組上貼了萬維網(wǎng)項目簡介的文章。這一天也標志著因特網(wǎng)上萬維網(wǎng)公共服務的首次亮相。 　　</p><p>　　萬維網(wǎng)中至關重要的概念超文本起源于1960年代的幾個從前的項目。譬如泰德·尼爾森（Ted Nelson）的仙那都項目（Project Xanadu）和道格拉斯·英格巴特（D

5、ouglas Engelbart）的NLS。而這兩個項目的靈感都是來源于萬尼瓦爾·布什在其1945年的論文《和我們想得一樣》中為微縮膠片設計的“記憶延伸”（memex）系統(tǒng)。 　　</p><p>　　蒂姆·伯納斯-李的另一個才華橫溢的突破是將超文本嫁接到因特網(wǎng)上。在他的書《編織網(wǎng)絡》中，他解釋說他曾一再向這兩種技術的使用者們建議它們的結(jié)合是可行的，但是卻沒有任何人響應他的建議，他最后只好自己

6、解決了這個計劃。他發(fā)明了一個全球網(wǎng)絡資源唯一認證的系統(tǒng)：統(tǒng)一資源標識符。 　　</p><p>　　萬維網(wǎng)和其他超文本系統(tǒng)有很多不同之處： 　</p><p>　　萬維網(wǎng)上需要單項連接而不是雙向連接，這使得任何人可以在資源擁有者不作任何行動情況下鏈接該資源。和早期的網(wǎng)絡系統(tǒng)相比，這一點對于減少實現(xiàn)網(wǎng)絡服務器和網(wǎng)絡瀏覽器的困難至關重要，但它的副作用是產(chǎn)生了壞鏈的慢性問題。 　　</p&

7、gt;<p>　　萬維網(wǎng)不像某些應用軟件如HyperCard，它不是私有的，這使得服務器和客戶端能夠獨立地發(fā)展和擴展，而不受許可限制。 　　</p><p>　　1993年4月30日，歐洲核子研究組織宣布萬維網(wǎng)對任何人免費開放，并不收取任何費用。兩個月之后Gopher宣布不再免費，造成大量用戶從Gopher轉(zhuǎn)向萬維網(wǎng)。萬維網(wǎng)聯(lián)盟（World Wide Web Consortium，簡稱W3C），又稱

8、W3C理事會。1994年10月在麻省理工學院計算機科學實驗室成立。建立者是萬維網(wǎng)的發(fā)明者蒂姆·伯納斯-李。</p><p>　　除了平臺、開發(fā)環(huán)境和功能設計外，網(wǎng)站的安全性問題也不容忽視。從硬件的安全角度考慮，我們?yōu)橹鞣掌髟O置了一臺備份服務器，同時將WEB服務器設為網(wǎng)關使用雙網(wǎng)卡，對內(nèi)部機器IP進行合理規(guī)劃。在軟件方面，凡是用于可戶端的腳本(主要是響應客戶端時間)全部采用JavaScript腳本編寫。

9、服務器端腳本(主要是用戶權限設置及數(shù)據(jù)庫操作)均采用運行于服務器端的 VbScript腳本編寫，ODBC接口及用戶權限跟蹤進行獨特加密。這樣，對數(shù)據(jù)庫操作及用戶身份驗證的腳本在服務器端編譯執(zhí)行，相對于客戶端是看不見的，同時傳遞時進行了多次加密、校驗。 　　</p><p>　　在防護上堅持使用正版軟件，并時刻注意升級庫，做到防患于未然。</p><p>　　基于WEB的電網(wǎng)信息管理及辦公應

10、用系統(tǒng)不但具有易于開發(fā)、使用和維護的特點，而且易于和其他系統(tǒng)接口及協(xié)同工作，同時向下和向上兼容過去和將來的辦公模式。OFFICE文擋的網(wǎng)絡存儲和基于網(wǎng)絡數(shù)據(jù)庫的數(shù)據(jù)存儲方式，既保留了以前的工作習慣，同時提供了網(wǎng)絡數(shù)據(jù)存儲的工作方法。能通過此系統(tǒng)，使得工作人員向完全網(wǎng)絡辦公模式轉(zhuǎn)化，有一個循序漸進的過程。</p><p>　　關鍵詞：ASP.net JSP Visual Studio 2008 Dream

11、weaver CS5 C#</p><p>　　SQL sever 2008</p><p><b>　　Abstract</b></p><p>　　A Website Design Solution with Everything You Need for Success</p><p>　　Profession

12、al Website DesignA </p><p>　　detailed interview that helps us learn the key aspects about your business A website that's professionally designed and optimized for search engines A website that includes y

13、our YouTube video footage </p><p>　　Website Extras</p><p>　　Unlimited email user accounts and 10 GB of email storage Unlimited web storage for hosting and transferring an unlimited number of fil

14、es A toll-free telephone number that comes with call-tracking services A contact form feature that tracks your customers' messages An easy-to-use website editing tool for up-to-date content changes Domain name regist

15、ration and hosting for your website Submissions to top search engines and Internet Yellow Pages directories Google Places? listing created for your bu</p><p>　　Modifications & Support</p><p>

16、;　　Unlimited design and content changes during the first 30 days 60 minutes each month of free editing and design support In-house, U.S.-based technical support that's available 24/7</p><p><b>　　目

17、 錄</b></p><p><b>　　摘要2</b></p><p>　　Abstract4</p><p><b>　　目 錄5</b></p><p><b>　　1引言6</b></p><p>　　2.網(wǎng)站頁面設計9&

18、lt;/p><p>　　2.1 Dreamweaver CS5制作頁面板式9</p><p>　　2.2 Dreamweaver CS5制作頁面特效12</p><p>　　2.3 Flash制作頁面動畫14</p><p>　　3.網(wǎng)站后臺代碼編寫16</p><p>　　3.1 ASP.NET簡介16<

19、/p><p>　　3.2 C#語言簡介17</p><p>　　3.3 運用Microsoft Visual Studio 2008編寫代碼20</p><p>　　4.建立數(shù)據(jù)庫26</p><p>　　4.1 SQL Server 2008簡介26</p><p>　　4.2 實驗預約網(wǎng)站數(shù)據(jù)庫建立31<

20、;/p><p>　　5.網(wǎng)絡服務器33</p><p>　　5.1 IIS服務器簡介33</p><p>　　5.2 Web服務器的建立35</p><p>　　5.3 狀態(tài)注釋37</p><p>　　5.4 Monitor Apache Servers簡介41</p><p><

21、b>　　6.總結(jié)47</b></p><p><b>　　致謝48</b></p><p><b>　　參考文獻49</b></p><p><b>　　引言</b></p><p>　　網(wǎng)頁，是網(wǎng)站中的一「頁」，通常是HTML格式（文件擴展名為.htm

22、l或.htm或.asp或.aspx或.php或.jsp等）。網(wǎng)頁通常用圖像檔來提供圖畫。網(wǎng)頁要透過網(wǎng)頁瀏覽器來閱讀。 　　</p><p>　　網(wǎng)頁是構(gòu)成網(wǎng)站的基本元素，是承載各種網(wǎng)站應用的平臺。通俗的說，您的網(wǎng)站就是由網(wǎng)頁組成的。如果您只有域名和虛擬主機而沒有制作任何網(wǎng)頁的話，您的客戶仍舊無法訪問您的網(wǎng)站。</p><p>　　所謂網(wǎng)站(Website)，就是指在網(wǎng)際網(wǎng)路（因特網(wǎng)）上，根

23、據(jù)一定的規(guī)則，使用HTML等工具制作的用於展示特定內(nèi)容的相關網(wǎng)頁的集合。簡單地說，網(wǎng)站是一種通訊工具，就像布告欄一樣，人們可以通過網(wǎng)站來發(fā)布自己想要公開的資訊（信息），或者利用網(wǎng)站來提供相關的網(wǎng)路服務（網(wǎng)絡服務），又或收集想要的信息。人們可以通過網(wǎng)頁瀏覽器來訪問網(wǎng)站，獲取自己需要的資訊（信息）或者享受網(wǎng)路服務。</p><p><b>　　什么是網(wǎng)頁</b></p><p

24、>　　現(xiàn)在在你眼前，出現(xiàn)在顯示器上的這個 “ 東西 ” ，就是一個網(wǎng)頁。網(wǎng)頁實際是一個文件，他存放在世界某個角落的的某一臺計算機中，而這臺計算機必須是與互聯(lián)網(wǎng)相連的。網(wǎng)頁經(jīng)由網(wǎng)址（ URL ）來識別與存取，當我們在瀏覽器輸入網(wǎng)址后，經(jīng)過一段復雜而又快速的程序，網(wǎng)頁文件會被傳送到你的計算機，然后再通過瀏覽器解釋網(wǎng)頁的內(nèi)容，再展示到你的眼前。</p><p><b>　　構(gòu)成網(wǎng)頁的元素</b&g

25、t;</p><p>　　文字與圖片是構(gòu)成一個網(wǎng)頁的兩個最基本的元素。你可以簡單的理解為：文字，就是網(wǎng)頁的內(nèi)容，圖片，就是網(wǎng)頁的美觀。除此之外，網(wǎng)頁的元素還包括動畫、音樂、程序等等。 　　</p><p>　　在網(wǎng)頁上點擊鼠標右鍵，選擇菜單中的 “ 查看源文件 ” ，就可以通過記事本看到網(wǎng)頁的實際內(nèi)容?？梢钥吹?，網(wǎng)頁實際上只是一個純文本文件，它通過各式各樣的標記對頁面上的文字、圖片、表格、

26、聲音等元素進行描述（例如字體、顏色、大小），而瀏覽器則對這些標記進行解釋并生成頁面，于是就得到你現(xiàn)在所看到的畫面。 為什么在源文件看不到任何圖片？ 網(wǎng)頁文件中存放的只是圖片的鏈接位置，而圖片文件與網(wǎng)頁文件是互相獨立存放的，甚至可以不在同一臺計算機上。</p><p><b>　　網(wǎng)頁的類型</b></p><p>　　通常我們看到的網(wǎng)頁，都是以 htm 或 html

27、后綴結(jié)尾的文件，俗稱 HTML文件。不同的后綴，分別代表不同類型的網(wǎng)頁文件，例如以 CGI 、 ASP 、 PHP 、 JSP 甚至其他更多。</p><p><b>　　什么是Web2.0</b></p><p>　　2001年秋天互聯(lián)網(wǎng)公司（dot-com)泡沫的破滅標志著互聯(lián)網(wǎng)的一個轉(zhuǎn)折點。許多人斷定互聯(lián)網(wǎng)被過分炒作，事實上網(wǎng)絡泡沫和相繼而來的股市大衰退看起來像

28、是所有技術革命的共同特征。股市大衰退通常標志著蒸蒸日上的技術已經(jīng)開始占領中央舞臺。假冒者被驅(qū)逐，而真正成功的故事展示了它們的力量，同時人們開始理解了是什么將一個故事同另外一個區(qū)分開來。 </p><p>　　“Web 2.0”的概念開始于一個會議中，展開于O'Reilly公司和MediaLive國際公司之間的頭腦風暴部分。所謂互聯(lián)網(wǎng)先驅(qū)和O'Reilly公司副總裁的戴爾·多爾蒂(Dale

29、 Dougherty)注意到，同所謂的“崩潰”迥然不同，互聯(lián)網(wǎng)比其他任何時候都更重要，令人激動的新應用程序和網(wǎng)站正在以令人驚訝的規(guī)律性涌現(xiàn)出來。更重要的是，那些幸免于當初網(wǎng)絡泡沫的公司，看起來有一些共同之處。那么會不會是互聯(lián)網(wǎng)公司那場泡沫的破滅標志了互聯(lián)網(wǎng)的一種轉(zhuǎn)折，以至于呼吁“Web 2.0”的行動有了意義？我們都認同這種觀點，Web 2.0會議由此誕生。</p><p>　　在那個會議之后的一年半的時間里，“

30、Web 2.0”一詞已經(jīng)深入人心，從Google上可以搜索到950萬以上的鏈接。但是，至今關于Web 2.0的含義仍存在極大的分歧，一些人將Web 2.0貶低為毫無疑義的一個行銷炒作口號，而其他一些人則將之理解為一種新的傳統(tǒng)理念。 </p><p>　　在我們當初的頭腦風暴中，我們已經(jīng)用一些例子，公式化地表達了我們對Web 2.0的理解： 　　</p><p>　　Web 1.0 Web

31、2.0 　　</p><p>　　DoubleClick Google AdSense 　　</p><p>　　Ofoto Flickr 　　</p><p>　　Akamai BitTorrent 　　</p><p>　　Napster 　　</p><p>　　大英百科全書在線（Britannica Onlin

32、e） 維基百科全書（Wikipedia） 　　</p><p>　　個人網(wǎng)站 博客(blogging) 　　</p><p>　　evite和EVDB 　　</p><p>　　域名投機 搜索引擎優(yōu)化 　　</p><p>　　頁面瀏覽數(shù) 每次點擊成本 　　</p><p>　　屏幕抓?。╯creen scraping

33、） </p><p>　　網(wǎng)絡服務（web services） 　　</p><p><b>　　發(fā)布 參與 　　</b></p><p>　　內(nèi)容管理系統(tǒng) 維基 　　</p><p>　　目錄（分類) 標簽（“分眾分類”，folksonomy） 　　</p><p><b>　　粘性

34、聚合</b></p><p>　　這個列表還會不斷繼續(xù)下去。但是到底是什么，使得我們認定一個應用程序或一種方式為作所謂“Web 1.0”，而把另外一個叫做“Web 2.0”呢？（這個問題尤為緊迫，因為Web 2.0的觀念已經(jīng)傳播的如此廣泛，以至于很多公司正在將這個詞加到他們的行銷炒作中，但卻沒有真正理解其含義。同時這個問題也尤為困難，因為許多嗜好口號的創(chuàng)業(yè)公司顯然不是Web 2.0，而一些我們認為是W

35、eb 2.0的應用程序，例如Napster和BitTorrent，甚至不是真正適當?shù)木W(wǎng)絡程序。</p><p>　　然而，拋開紛繁蕪雜的Web 2.0現(xiàn)象，進而將其放到科技發(fā)展與社會變革的大視野下來看，Web 2.0可以說是信息技術發(fā)展引發(fā)網(wǎng)絡革命所帶來的面向未來、以人為本的創(chuàng)新2.0模式在互聯(lián)網(wǎng)領域的典型體現(xiàn)，是由專業(yè)人員織網(wǎng)到所有用戶參與織網(wǎng)的創(chuàng)新民主化進程的生動注釋。</p><p>

36、;<b>　　網(wǎng)站頁面設計</b></p><p>　　2.1 Dreamweaver CS5 制作頁面板式</p><p>　　Adobe Dreamweaver是個原本由Macromedia公司所開發(fā)的著名網(wǎng)站開發(fā)工具。它使用所見即所得的接口，亦有HTML編輯的功能。它現(xiàn)在有Mac和Windows系統(tǒng)的版本。隨Macromedia被Adobe收購后，Adobe也開

37、始計劃開發(fā)Linux版本的Dreamweaver了。 Dreamweaver自MX版本開始，使用了Opera的排版引擎 "Presto" 作為網(wǎng)頁預覽。</p><p>　　Dreamweaver可以用最快速的方式將Fireworks，F(xiàn)reeHand，或Photoshop等檔案移至網(wǎng)頁上。使用檢色吸管工具選擇熒幕上的顏色可設定最接近的網(wǎng)頁安全色。對于選單，快捷鍵與格式控制，都只要一個簡單步驟

38、便可完成。Dreamweaver能與您喜愛的設計工具，如Playback Flash，Shockwave和外掛模組等搭配，不需離開Dreamweaver便可完成，整體運用流程自然順暢。除此之外，只要單擊便可使Dreamweaver自動開啟Firework或Photoshop來進行編輯與設定圖檔的最佳化。</p><p>　　使用網(wǎng)站地圖可以快速制作網(wǎng)站雛形、設計、更新和重組網(wǎng)頁。改變網(wǎng)頁位置或檔案名稱，Dream

39、weaver 會自動更新所有鏈接。使用支援文字、HTML碼、HTML屬性標簽和一般語法的搜尋及置換功能使得復雜的網(wǎng)站更新變得迅速又簡單。</p><p><b>　　制作頁面版式步驟：</b></p><p>　　運行Dreamweaver CS5</p><p>　　點擊更多，選擇合適的模版，為將來網(wǎng)站固定一個樣式。</p>&

40、lt;p>　　根據(jù)要求進行各個控件的調(diào)整，最終設計出理想的頁面。</p><p><b>　　頁面CSS代碼：</b></p><p><b>　　body {</b></p><p>　　font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;</p>

41、<p>　　background: #42413C;</p><p>　　margin: 0;</p><p>　　padding: 0;</p><p>　　color: #000;</p><p><b>　　}</b></p><p>　　/* ~~ 元素/標簽選擇器~~ */&

42、lt;/p><p>　　ul, ol, dl { /* 由于瀏覽器之間的差異，最佳做法是在列表中將填充和邊距都設置為零。為了保持一致，您可以在此處指定需要的數(shù)值，也可以在列表所包含的列表項（LI、DT 和DD）中指定需要的數(shù)值。請注意，除非編寫一個更為具體的選擇器，否則您在此處進行的設置將會層疊到.nav 列表。*/</p><p>　　padding: 0;</p><p

43、>　　margin: 0;</p><p><b>　　}</b></p><p><b>　　h4 {</b></p><p>　　padding-right: 5px;</p><p>　　padding-left: 5px;</p><p><b>　　

44、}</b></p><p>　　h1, h2, h3, h5, h6 {</p><p>　　margin-top: 0; /* 刪除上邊距可以解決邊距會超出其包含的div 的問題。剩余的下邊距可以使div 與后面的任何元素保持一定距離。*/</p><p>　　padding-right: 15px;</p><p>　　p

45、adding-left: 15px; /* 向div 內(nèi)的元素側(cè)邊（而不是div 自身）添加填充可避免使用任何方框模型數(shù)學。此外，也可將具有側(cè)邊填充的嵌套div 用作替代方法。*/</p><p><b>　　}</b></p><p>　　a img { /* 此選擇器將刪除某些瀏覽器中顯示在圖像周圍的默認藍色邊框（當該圖像包含在鏈接中時）*/</p>

46、<p>　　border: none;</p><p><b>　　}</b></p><p>　　/* ~~ 站點鏈接的樣式必須保持此順序，包括用于創(chuàng)建懸停效果的選擇器組在內(nèi)。~~ */</p><p><b>　　a:link {</b></p><p>　　color:Blue;&

47、lt;/p><p>　　text-decoration: underline; /* 除非將鏈接設置成極為獨特的外觀樣式，否則最好提供下劃線，以便可從視覺上快速識別*/</p><p><b>　　}</b></p><p>　　a:visited {</p><p>　　color: #6E6C64;</p>

48、<p>　　text-decoration: underline;</p><p><b>　　}</b></p><p>　　a:hover, a:active, a:focus { /* 此組選擇器將為鍵盤導航者提供與鼠標使用者相同的懸停體驗。*/</p><p>　　text-decoration: none;</p&g

49、t;<p><b>　　}</b></p><p>　　/* ~~ 此固定寬度容器包含所有其它div ~~ */</p><p>　　.container {</p><p>　　width: 960px;</p><p>　　background: #FFFFFF;</p><p>

50、;　　margin: 0 auto; /* 側(cè)邊的自動值與寬度結(jié)合使用，可以將布局居中對齊*/</p><p><b>　　}</b></p><p>　　/* ~~ 標題未指定寬度。它將擴展到布局的完整寬度。標題包含一個圖像占位符，該占位符應替換為您自己的鏈接徽標。~~ */</p><p><b>　　.header {</

51、b></p><p>　　background: #ADB96E;</p><p><b>　　}</b></p><p>　　2.2 Dreamweaver CS5制作頁面特效</p><p>　　Dreamweaver是唯一提供Roundtrip HTML、視覺化編輯與原始碼編輯同步的設計工具。它包含HomeS

52、ite和BBEdit等主流文字編輯器。幀(frames)和表格的制作速度快的令您無法想像。進階表格編輯功能使您簡單的選擇單格、行、欄或作未連續(xù)之選取。甚至可以排序或格式化表格群組，Dreamweaver 支援精準定位，利用可輕易轉(zhuǎn)換成表格的圖層以拖拉置放的方式進行版面配置。所見即所得 Dreamweaver成功整合動態(tài)式出版視覺編輯及電子商務功能，提供超強的支援能力給Third-party廠商，包含ASP， Apache，BroadVi

53、sion， Cold Fusion，iCAT， Tango與自行發(fā)展的應用軟體。當您正使用Dreamweaver在設計動態(tài)網(wǎng)頁時，所見即所得的功能，讓您不需要透過瀏覽器就能預覽網(wǎng)頁。夢幻樣版和XML Dreamweaver將內(nèi)容與設計分開，應用于快速網(wǎng)頁更新和團隊合作網(wǎng)頁編輯。建立網(wǎng)頁外觀的樣版，指定可編輯或不可編輯的部份，內(nèi)容提供者可直接編輯以樣式為主的內(nèi)容卻不會不小心改變既定之樣式。您也可以使用樣版正確地輸入或輸出XML內(nèi)容。 全方

54、位的</p><p><b>　　頁面頭部幻燈片效果</b></p><p>　　iframe 元素會創(chuàng)建包含另外一個文檔的內(nèi)聯(lián)框架（即行內(nèi)框架）?？梢园研枰奈谋痉胖迷?lt;iframe>和</iframe>之間，這樣就可以應對無法理解iframe的瀏覽器。</p><p>　　iframe標簽對于seoer來說是一定要掌

55、握的一個HTML代碼標簽，可以再網(wǎng)頁中任意位置創(chuàng)建一個新的框架的，iframe標簽一般是用在門戶、信息站點的比較多，常用語創(chuàng)建廣告框架，而且iframe標簽比較類似于nofollow標簽，創(chuàng)建廣告框架但是無法輸送權重。iframe標簽是一種讓百度蜘蛛抓取困難的標簽。</p><p>　　網(wǎng)頁幻燈片代碼：<iframe name="gg" marginwidth="0&quo

56、t; framespacing="0" marginheight="0" </p><p>　　src="huandengpian.aspx" frameborder="0" noresize scrolling=no </p><p>　　vspale="0" align=&quo

57、t;left" style="height: 180px; width: 240px; margin-left: 0px"></p><p><b>　　</iframe></b></p><p><b>　　頁面滾動新聞欄效果</b></p><p>　　Javascrip

58、t是一種由Netscape的LiveScript發(fā)展而來的原型化繼承的面向?qū)ο蟮膭討B(tài)類型的區(qū)分大小寫的客戶端腳本語言，主要目的是為了解決服務器端語言，比如Perl，遺留的速度問題，為客戶提供更流暢的瀏覽效果。當時服務端需要對數(shù)據(jù)進行驗證，由于網(wǎng)絡速度相當緩慢，只有28.8kbps，驗證步驟浪費的時間太多。于是Netscape的瀏覽器Navigator加入了Javascript，提供了數(shù)據(jù)驗證的基本功能。</p><p

59、>　　網(wǎng)頁新聞滾動欄javascript特效代碼：<script></p><p>　　var speed=25</p><p>　　design2.innerHTML=design1.innerHTML</p><p>　　function Marquee2()</p><p><b>　　{</b>

60、</p><p>　　if(design2.offsetTop-design.scrollTop<=0)</p><p>　　design.scrollTop-=design1.offsetHeight</p><p><b>　　else</b></p><p><b>　　{</b><

61、;/p><p>　　design.scrollTop++</p><p><b>　　}</b></p><p><b>　　}</b></p><p>　　var MyMar2=setInterval(Marquee2,speed)</p><p>　　design.onmou

62、seover=function()</p><p><b>　　{</b></p><p>　　clearInterval(MyMar2)</p><p><b>　　}</b></p><p>　　design.onmouseout=function()</p><p>&

63、lt;b>　　{</b></p><p>　　MyMar2=setInterval(Marquee2,speed)</p><p><b>　　}</b></p><p><b>　　</script></b></p><p>　　<script language

64、="javascript"></p><p><b>　　<!--</b></p><p>　　function showchargemenu(m1)</p><p><b>　　{</b></p><p>　　document.getElementById(&quo

65、t;test").innerHTML = m1.innerHTML; </p><p><b>　　}</b></p><p><b>　　//--></b></p><p><b>　　</script></b></p><p>　　Flash制作

66、頁面動畫</p><p>　　Flash是由macromedia公司推出的交互式矢量圖和 Web 動畫的標準，由Adobe公司收購。網(wǎng)頁設計者使用 Flash 創(chuàng)作出既漂亮又可改變尺寸的導航界面以及其他奇特的效果。Flash的前身是Future Wave公司的Future Splash，是世界上第一個商用的二維矢量動畫軟件，用于設計和編輯Flash文檔。1996年11月，美國Macromedia公司收購了Futu

67、re Wave，并將其改名為Flash。后又被Adobe公司收購。Flash通常也指Macromedia Flash Player(現(xiàn)Adobe Flash Player)。2012年8月15日，F(xiàn)lash退出Android平臺，正式告別移動端。</p><p>　　Flash，是一種動畫創(chuàng)作與應用程序開發(fā)于一身的創(chuàng)作軟件，目前最新的零售版本為Adobe Flash Professional CS6(2012年發(fā)

68、布)。Adobe Flash Professional CS6為創(chuàng)建數(shù)字動畫、交互式Web站點、桌面應用程序以及手機應用程序開發(fā)提供了功能全面的創(chuàng)作和編輯環(huán)境。Flash廣泛用于創(chuàng)建吸引人的應用程序，它們包含豐富的視頻、聲音、圖形和動畫。可以在Flash中創(chuàng)建原始內(nèi)容或者從其它Adobe應用程序（如Photoshop或Illustrator）導入它們，快速設計簡單的動畫，以及使用Adobe AcitonScript 3.0開發(fā)高級的交互

69、式項目。設計人員和開發(fā)人員可使用它來創(chuàng)建演示文稿、應用程序和其它允許用戶交互的內(nèi)容。Flash可以包含簡單的動畫、視頻內(nèi)容、復雜演示文稿和應用程序以及介于它們之間的任何內(nèi)容。通常，使用Flash創(chuàng)作的各個內(nèi)容單元稱為應用程序，即使它們可能只是很簡單的動畫。您也可以通過添加圖片、聲音、視頻和特殊效果，構(gòu)建包含豐富媒體的Flash應用程序。</p><p>　　1.Flash被大量應用于互聯(lián)網(wǎng)網(wǎng)頁的矢量動畫設計。因為

70、使用向量運算（VectorGraphics）的方式，產(chǎn)生出來的影片占用存儲空間較小。 </p><p>　　2.使用Flash創(chuàng)作出的影片有自己的特殊檔案格式（SWF），該公司聲稱全世界97%的網(wǎng)絡瀏覽器都內(nèi)建Flash播放器（FlashPlayer）。 　　</p><p>　　3.Flash是Macromedia提出的“富因特網(wǎng)應用”（RIA）概念的實現(xiàn)平臺之一。</p>

71、<p>　　網(wǎng)頁代碼：<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" </p><p>　　codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0"

72、 </p><p>　　name="carousel_xml_lanrentuku" align="middle" id="carousel_xml_lanrentuku"></p><p>　　<param name="allowScriptAccess" value="sameDoma

73、in" /></p><p>　　<param name="movie" value="carousel_xml.swf" /></p><p>　　<param name="quality" value="high" /></p><p>　　&

74、lt;param name="menu" value="false" /></p><p>　　<param name="bgcolor" value="#000000" /></p><p>　　<embed src="carousel_xml.swf" quali

75、ty="high" menu="false" bgcolor="#000000" width="600" height="450" name="carousel_xml_lanrentuku" align="middle" allowScriptAccess="samedomain&quo

76、t; type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /> </object></p><p><b>　　網(wǎng)站后臺代碼編寫</b></p><p>　　3.1

77、ASP.NET簡介</p><p>　　ASP 是一項微軟公司的技術，是一種使嵌入網(wǎng)頁中的腳本可由因特網(wǎng)服務器執(zhí)行的服務器端腳本技術。 指 Active Server Pages（動態(tài)服務器頁面） ，運行于 IIS 之中的程序 。</p><p>　　asp.net的前身ASP技術，是在IIS 2.0上首次推出(Windows NT 3.51)，當時與 ADO 1.0 一起推出，在IIS

78、3.0 (Windows NT 4.0)發(fā)揚光大，成為服務器端應用程序的熱門開發(fā)工具，微軟還特別為它量身打造了Visual InterDev開發(fā)工具，在1994年到2000年之間，ASP技術已經(jīng)成為微軟推展Windows NT 4.0平臺的關鍵技術之一，數(shù)以萬計的ASP網(wǎng)站也是這個時候開始如雨后春筍般的出現(xiàn)在網(wǎng)絡上。它的簡單以及高度可定制化的能力，也是它能迅速崛起的原因之一。</p><p>　　意大利面型的程序

79、開發(fā)方法，讓維護的難度提高很多，尤其是大型的ASP應用程序。 直譯式的VBScript或JScript語言，讓效能有些許的受限。 延展性因為其基礎架構(gòu)擴充性不足而受限，雖然有COM元件可用，但開發(fā)一些特殊功能（像文件上傳）時，沒有來自內(nèi)置的支持，需要尋求第三方軟件商開發(fā)的元件。 1997年時，微軟開始針對ASP的缺點（尤其是意大利面型的程序開發(fā)方法）準備開始一個新項目來開發(fā)，當時asp.net的主要領導人Scott Guthrie剛從杜

80、克大學畢業(yè)，他和IIS團隊的Mark Anders經(jīng)理一起合作兩個月，開發(fā)出了下一代ASP技術的原型，這個原型在1997年的圣誕節(jié)時被發(fā)展出來，并給予一個名稱：XSP，這個原型產(chǎn)品使用的是Java語言。不過它馬上就被納入當時還在開發(fā)中的CLR平臺，Scott Guthrie事后也認為將這個技術移植到當時的CLR平臺，確實有很大的風險(huge risk)，但當時的XSP團隊卻是以CLR開發(fā)應用的第一個團隊。</p><

81、;p>　　為了將XSP移植到CLR中，XSP團隊將XSP的內(nèi)核程序全部以C#語言重新撰寫（在內(nèi)部的項目代號是 "Project Cool"，但是當時對公開場合是保密的），并且改名為ASP+，作為ASP技術的后繼者，并且也會提供一個簡單的移轉(zhuǎn)方法給ASP開發(fā)人員。ASP+首次的Beta版本以及應用在PDC 2000中亮相，由Bill Gates主講Keynote(即關鍵技術的概覽)，由富士通公司展示使用COBOL

82、語言撰寫ASP+應用程序，并且宣布它可以使用Visual Basic.NET、C#、Perl與Python語言（后兩者由ActiveState公司開發(fā)的互通工具支持）來開發(fā)。</p><p>　　在2000年第二季時，微軟正式推動.NET策略，ASP+也順理成章的改名為asp.net，經(jīng)過四年的開發(fā)，第一個版本的asp.net在2002年1月5日亮相(和.NET Framework 1.0)，Scott Guth

83、rie也成為asp.net的產(chǎn)品經(jīng)理（到現(xiàn)在已經(jīng)開發(fā)了數(shù)個微軟產(chǎn)品，像asp.net AJAX和Microsoft Silverlight）。目前最新版本的 asp.net 4.0 以及 .NET Framework 4.0 已經(jīng)在VS2010平臺內(nèi)應用。</p><p><b>　　世界級的工具支持</b></p><p>　　asp.net構(gòu)架是可以用Micros

84、oft（R）公司最新的產(chǎn)品 Visual Studio.net開發(fā)環(huán)境進行開發(fā)，WYSIWYG（What You See Is What You Get所見即為所得）的編輯。這些僅是asp.net強大化軟件支持的一小部分。</p><p><b>　　強大性和適應性</b></p><p>　　因為asp.net是基于通用語言的編譯運行的程序，所以它的強大性和適應性，

85、可以使它運行在Web應用軟件開發(fā)者的幾乎全部的平臺上（筆者到現(xiàn)在為止只知道它只能用在Windows 2000/2003 Server/VISTA/7/XP/WIN7上）。通用語言的基本庫，消息機制，數(shù)據(jù)接口的處理都能無縫的整合到asp.net的Web應用中。asp.net同時也是language-independent（語言獨立化）的，所以，你可以選擇一種最適合你的語言來編寫你的程序，或者把你的程序用很多種語言來寫，現(xiàn)在已經(jīng)支持的有C#

86、（C++和Java的結(jié)合體），VB，Jscript , C++、F++。將來，這樣的多種程序語言協(xié)同工作的能力保護您現(xiàn)在的基于COM+開發(fā)的程序，能夠完整的移植向asp.net。</p><p>　　asp.net一般分為兩種開發(fā)語言，VB.NET和C#，C#相對比較常用，因為是.NET獨有的語言，VB.NET則為以前VB程序設計，適合于以前VB程序員，如果新接觸.NET，沒有其他開發(fā)語言經(jīng)驗，建議直接學習C#即

87、可。</p><p>　　3.2 C#語言簡介</p><p>　　C#是微軟公司發(fā)布的一種面向?qū)ο蟮?、運行于.NET Framework之上的高級程序設計語言。并定于在微軟職業(yè)開發(fā)者論壇(PDC)上登臺亮相。C#是微軟公司研究員Anders Hejlsberg的最新成果。C#看起來與Java有著驚人的相似；它包括了諸如單一繼承、接口、與Java幾乎同樣的語法和編譯成中間代碼再運行的過程。

88、但是C#與Java有著明顯的不同，它借鑒了Delphi的一個特點，與COM（組件對象模型）是直接集成的，而且它是微軟公司 .NET windows網(wǎng)絡框架的主角。 </p><p>　　C#，讀做 "C sharp"，中文譯音暫時沒有，非專業(yè)人士一般讀"C井"，專業(yè)人士一般讀"C sharp"。</p><p>　　C#的全稱為C

89、 sharp。最初C#并不叫C#，它有個更酷的名字，叫做COOL。微軟從1998年12月開始了COOL項目，直到1999年7月，COOL被正式更名為C#。在1998年，Delphi語言的設計者Hejlsberg帶領著Microsoft公司的開發(fā)團隊，開始了第一個版本C#語言的設計。在2000年9月，國際信息和通信系統(tǒng)標準化組織為C#語言定義了一個Microsoft公司建議的標準。最終C#語言在2001年得以正式發(fā)布。</p>

90、<p>　　C#是一種安全的、穩(wěn)定的、簡單的、優(yōu)雅的，由C和C++衍生出來的面向?qū)ο蟮木幊陶Z言。它在繼承C和C++強大功能的同時去掉了一些它們的復雜特性（例如沒有宏以及不允許多重繼承）。C#綜合了VB簡單的可視化操作和C++的高運行效率，以其強大的操作能力、優(yōu)雅的語法風格、創(chuàng)新的語言特性和便捷的面向組件編程的支持成為.NET開發(fā)的首選語言。</p><p>　　C#是面向?qū)ο蟮木幊陶Z言。它使得程序員

91、可以快速地編寫各種基于MICROSOFT .NET平臺的應用程序，MICROSOFT .NET提供了一系列的工具和服務來最大程度地開發(fā)利用計算與通訊領域。</p><p>　　正是由于C#面向?qū)ο蟮淖吭皆O計，使它成為構(gòu)建各類組件的理想之選——無論是高級的商業(yè)對象還是系統(tǒng)級的應用程序。使用簡單的C#語言結(jié)構(gòu)，這些組件可以方便的轉(zhuǎn)化為XML網(wǎng)絡服務，從而使它們可以由任何語言在任何操作系統(tǒng)上通過INTERNET進行調(diào)用

92、。</p><p>　　C#使得C++程序員可以高效的開發(fā)程序，且因可調(diào)用由 C/C++ 編寫的本機原生函數(shù)，因此絕不損失C/C++原有的強大的功能。因為這種繼承關系，C#與C/C++具有極大的相似性，熟悉類似語言的開發(fā)者可以很快的轉(zhuǎn)向C#。</p><p><b>　　語言結(jié)構(gòu)</b></p><p>　　類：在C#中類的聲明與C++和Jav

93、a很相似。但是，不象C++，C#結(jié)構(gòu)體與類是不支持繼承。但是，與Java相同的是，一個結(jié)構(gòu)體可以實現(xiàn)接口(interface)。Java的關鍵字import已經(jīng)被替換成using，它起到了同樣的作用。 　　</p><p>　　類可以是抽象的和不可繼承的：一個被申明成abstract的類不能被實例化，它只能被用做一個基類，C#關鍵字lock就像Java關鍵字final，它申明一個類不是抽象的，但是它也不能被用做另

94、一個類的基類界面：就象在Java中一樣，一個界面是一組方法集合的抽象定義。當一個類或結(jié)構(gòu)體實現(xiàn)一個界面的時候，它必須實現(xiàn)這個界面中定義的所有方法。一個單一的類可以實現(xiàn)幾個界面，也許以后會出現(xiàn)一些微妙的差別，但是這個特點看起來與Java相比沒有變化?！　?</p><p>　　在Java中，一個接口是一組方法集合的抽象定義.當一個類或結(jié)構(gòu)體實現(xiàn)一個接口的時候,它必須實現(xiàn)這個接口中定義的所有方法.一個單一的類可以實現(xiàn)

95、幾個接口.也許以后會出現(xiàn)一些微妙的差別,但是這個特點看起來與Java相比沒有變化。布爾運算:條件表達式的結(jié)果是布爾數(shù)據(jù)類型,布爾數(shù)據(jù)類型是這種語言中獨立的一種數(shù)據(jù)類型.從布爾類型到其他類型沒有直接的轉(zhuǎn)換過程.布爾常量true和false是C#中的關鍵字.錯誤處理:如Java中那樣,通過拋出和捕捉異常對象來管理錯誤處理過程.內(nèi)存管理:由底層.NET框架進行自動內(nèi)存垃圾回收。</p><p>　　布爾運算：條件表達式

96、的結(jié)果是布爾數(shù)據(jù)類型，布爾數(shù)據(jù)類型是這種語言中獨立的一種數(shù)據(jù)類型，從布爾類型到其他類型沒有直接的轉(zhuǎn)換過程，布爾常量true和false是C#中的關鍵字。錯誤處理：如Java中那樣，通過拋出和捕捉異常對象來管理錯誤處理過程?！　?lt;/p><p>　　內(nèi)存管理：由底層.NET框架進行自動內(nèi)存垃圾回收。一個基本的C#類中包含數(shù)據(jù)成員、屬性、構(gòu)造器和方法。屬性可以是靜態(tài)或?qū)嵗蓡T。 　　</p><p

97、>　　接口：是其他類型為確保它們支持某些操作而實現(xiàn)的引用類型。接口從不直接創(chuàng)建而且沒有實際的表示形式，其他類型必須轉(zhuǎn)換為接口類型。 　　</p><p>　　一個接口定義一個協(xié)定。實現(xiàn)接口的類或結(jié)構(gòu)必須遵守其協(xié)定。接口可以包含方法、屬性、索引器和事件作為成員。 　　</p><p>　　強類型：C#是一個強類型的語言，它的數(shù)值類型有一些可以進行隱式轉(zhuǎn)換，其他的必須顯式轉(zhuǎn)換，隱式轉(zhuǎn)換的

98、類型只能是長度短的類型轉(zhuǎn)換成長的類型，int可以轉(zhuǎn)換成long、float、double、decimal，反之必須顯式的轉(zhuǎn)換。 　　</p><p>　　編譯：程序直接編譯成標準的二進制可執(zhí)行形式.但C#的源程序并不是被編譯成二進制可執(zhí)行形式，而是一種中間語言(IL)，類似于JAVA字節(jié)碼。如果前面的Hello World程序被保存成一個文本文件并被命名為Hello.cs，它將被編譯成命名Hello.exe的可執(zhí)

99、行程序。 　　C#程序不能直接編譯成標準的二進制可執(zhí)行形式，與 Java 類似，它被編譯成為中間代碼(Microsoft Intermediate Language)，然后通過 .NET Framework 的虛擬機——被稱之為通用語言執(zhí)行層(Common Language Runtime, CLR)——執(zhí)行。 　　</p><p>　　一個C#的結(jié)構(gòu)體與C++的結(jié)構(gòu)體是相似的,因為它能夠包含數(shù)據(jù)聲明和方法.但是

100、,不象C++,C#結(jié)構(gòu)體與類是不同的而且不支持繼承.但是,與Java相同的是,一個結(jié)構(gòu)體可以實現(xiàn)接口。 　　</p><p>　　預編譯：C# 中存在預編譯指令支持條件編譯,警告，錯誤報告和編譯行控制.可用的預編譯指令有：#define，#undef，#if，#elif，#else，#endif，#warning，#error，#line?！　?lt;/p><p>　　沒有了#include偽

101、指令，無法再用#define 語句對符號賦值,所以就不存在源代碼替換的概念--這些符號只能用在#if和#elif偽指令里.在#line偽指令里的數(shù)字（和可選的名字）能夠修改行號還有#warning和#error輸出結(jié)果的文件名?！　?lt;/p><p>　　操作符重載：一些操作符能夠被重載，而另一些則不能.特別的是，沒有一個賦值運算符能夠被重載.能夠被重載的單目操作符是：+ - ! ~ ++ -- true fals

102、e　能夠被重載的二元運算符是：+、 - 、*、 /、 %、 &、 |、 ^、 << 、>>、 ==、 !=、 >、 < 、>= 、<=?！　?lt;/p><p>　　類型：C# 中的類型一共分為兩類，一類是值類型(Value Type)，一類是引用類型(Reference Type)。值類型和引用類型是以它們在計算機內(nèi)存中是如何被分配的來劃分的。值類型包括 結(jié)構(gòu)

103、和枚舉，引用類型包括類、接口、委托 等。還有一種特殊的值類型，稱為簡單類型(Simple Type)，比如 byte，int等，這些簡單類型實際上是FCL類庫類型的別名，比如聲明一個int類型，實際上是聲明一個System. Int32結(jié)構(gòu)類型。因此，在 Int32類型中定義的操作，都可以應用在int類型上，比如 “123.Equals(2)”。 　　</p><p>　　所有的值類型都隱式地繼承自System.

104、ValueType類型(注意System.ValueType本身是一個類類型)，System.ValueType和所有的引用類型都 繼承自 System.Object基類。不能顯式地讓結(jié)構(gòu)繼承一個類，因為C#不支持多重繼承，而結(jié)構(gòu)已經(jīng)隱式繼承自ValueType。 　　</p><p>　　NOTE：堆棧(stack)是一種后進先出的數(shù)據(jù)結(jié)構(gòu)，在內(nèi)存中，變量會被分配在堆棧上來進行操作。堆(heap)是用于為類型實

105、例(對象)分配空間的內(nèi)存區(qū)域，在堆上創(chuàng)建一個對象，會將對象的地址傳給堆棧上的變量(反過來叫變量指向此對象，或者變量引用此對象)?！　≈虚g代碼：微軟在用戶選擇何時MSIL應該編譯成機器碼的時候是留了很大的余地.微軟公司很小心的聲稱MSIL不是解釋性的，而是被編譯成了機器碼.它也明白許多--如果不是大多數(shù)的話--程序員認為Java程序要不可避免的比C編寫的任何東西都要慢.而這種實現(xiàn)方式?jīng)Q定了基于MSIL的程序（指的是用C#，Visual B

106、asic,"Managed C++"--C++的一個符合CLS的版本--等語言編寫的程序）將在性能上超過"解釋性的"Java代碼.當然，這一點還需要得到事實證明，因為C#和其他生成MSIL的編譯器還沒有發(fā)布.但是Java JIT編譯器的普遍存在使得Java和C#在性能上相對相同.象"C#是編譯語言而Java是解釋性的，"之類的聲明只是商業(yè)技巧.Java的中間代碼和MSIL都是中

107、間的匯編形式的語言，它們在運行時或其它的時候被編譯成機器</p><p>　　基本數(shù)據(jù)類型：C#擁有比C/C++或者Java更廣泛的數(shù)據(jù)類型.這些類型是bool、byte、ubyte、short、ushort、int、uint、long、ulong、float、double和decimal，像Java一樣，所有這些類型都有一個固定的大小.又像C和C++一樣，每個數(shù)據(jù)類型都有有符號和無符號兩種類型.與Java相同的

108、是，一個字符變量包含的是一個16位的Unicode字符，C#新的數(shù)據(jù)類型是decimal數(shù)據(jù)類型，對于貨幣數(shù)據(jù)，它能存放28位10進制數(shù)字?！　?lt;/p><p>　　兩個基本類：一個名叫object的類是所有其他類的基類。而一個名叫string的類也象object一樣是這個語言的一部分.作為語言的一部分存在意味著編譯器有可能使用它，無論何時在程序中寫入一句帶引號的字符串，編譯器會創(chuàng)建一個string對象來保存它。

109、　　</p><p>　　參數(shù)傳遞：方法可以被聲明接受可變數(shù)目的參數(shù).缺省的參數(shù)傳遞方法是對基本數(shù)據(jù)類型進行值傳遞。ref關鍵字可以用來強迫一個變量通過引用傳遞，這使得一個變量可以接受一個返回值。out關鍵字也能聲明引用傳遞過程，與ref不同的地方是，它指明這個參數(shù)并不需要初始值。　　</p><p>　　COM的集成：C#對Windows程序最大的賣點可能就是它與COM的無縫集成了，CO

110、M就是微軟的Win32組件技術.實際上，最終有可能在任何.NET語言里編寫COM客戶和服務器端。C#編寫的類可以子類化一個已存在的COM組件;生成的類也能被作為一個COM組件使用，然后又能使用，比方說，JScript語言子類化它從而得到第三個COM組件。這種現(xiàn)象的結(jié)果是導致了一個運行環(huán)境的產(chǎn)生，在這個環(huán)境里的組件是網(wǎng)絡服務，可用任何.NET語言子類化?！?lt;/p><p>　　索引下標：一個索引與屬性除了不使用屬性

111、名來引用類成員而是用一個方括號中的數(shù)字來匿名引用（就象用數(shù)組下標一樣）以外是相似的?！　?lt;/p><p>　　代理和反饋：一個代理對象包括了訪問一個特定對象的特定方法所需的信息.只要把它當成一個聰明的方法指針就行了。代理對象可以被移動到另一個地方，然后可以通過訪問它來對已存在的方法進行類型安全的調(diào)用.一個反饋方法是代理的特例.event關鍵字用在將在事件發(fā)生的時候被當成代理調(diào)用的方法聲明中。</p>

112、<p>　　3.3 運用Microsoft Visual Studio 2008編寫代碼</p><p>　　Microsoft Visual Studio 2008是面向Windows Vista、Office 2007、Web 2.0的下一代開發(fā)工具,代號“Orcas”，是對Visual Studio 2005一次及時、全面的升級。 </p><p>　　VS2008引入了

113、250多個新特性，整合了對象、關系型數(shù)據(jù)、XML的訪問方式，語言更加簡潔。使用Visual Studio 2008可以高效開發(fā)Windows應用程序。設計器中可以實時反映變更，XAML中智能感知功能可以提高開發(fā)效率。同時Visual Studio 2008支持項目模板、調(diào)試器和部署程序。Visual Studio 2008可以高效開發(fā)Web應用，集成了AJAX 1.0，包含AJAX項目模板，它還可以高效開發(fā)Office應用和Mobile