第一篇：教學網站的設計與實現-文獻綜述

河北大學2011屆本科生畢業論文（文獻綜述）

文獻綜述

計算機和互聯網技術日新月異的發展，正在迅速地改變人們傳統的生活、工作和學習方式。多媒體計算機技術、以及 Internet 的不斷普及，使得通過網絡進行教學獲得了前所未有的技術支持的。網絡教學打破了傳統課堂的界限，可以創造不受時空限制的的多元化學習環境，網絡教學能夠充分利用現代化的教學手段和多種教學資源，為學習者提供一個良好的教與學的環境，并能激發學習者的學習興趣，使學生更主動的參與學習。

網絡教學平臺的建設是實現網絡教學的重要方面。依托現代教學理論，利用軟件設計技術，建立輔助教學的網站是行之有效的輔助教學工具，是達到資訊交流與資源共享的最佳途徑。隨著現代教學技術的普及，針對某一門課程開發一個輔助教學系統可以彌補傳統課堂教學的不足，優化課堂教學，提高教學質量。《數據結構》是計算機科學與技術等相關專業的核心課程。然而，長期以來，教學方式仍是單一課堂講授為主，變化也僅是課件代替了板書，其缺點是缺少課堂互動，不利于學生對知識的建構理解，無法調動學生的積極性。而且，同其他課程相比，《數據結構》這門課程概念多而且復雜，理解起來比較抽象，程序的編寫比較困難，算法的思想難于建立。僅憑教師課堂講解，學生往往難于完全理解和掌握教材中的知識點，更不用說靈活運用進行編程了。為提高《數據結構》的教學效果，通過先進的教學手段來輔助教師教學是十分必要的。因此，在這一背景下提出了開發基于《數據結構》課程的教學網站的構想并付諸實施。

ASP和ASP.NET是WEB開發領域比較流行的動態WEB開發技術。ASP是Active Server Page的縮寫，即活動服務器頁面，是一個WEB服務器端的開發環境，利用它可以結合HTML網頁、ASP指令和Active X元件建立和執行動態的、互動的、高性能的WEB服務應用程序。ASP.NET并不是ASP的簡單升級，而是全新一代的動態網頁實現系統，它是微軟發展的新體系結構.NET的一部分，是ASP和.NET技術的結合。ASP.NET提供基于組件、事件驅動的可編程網絡表單，大大簡化了編程，還可以用于建立網絡服務。

我們從一些具體方面對ASP和ASP.NET進行比較。

一、開發語言不同。ASP的開發僅限于non-type腳本，且使用的是VBS/JS這樣的腳本語言混合HTML來編程，而那些腳本語言屬于弱類型面向結構的編程語言，因此在使用ASP和WEB唐家代碼時容易出現代碼雜亂。而ASP.NET本身就是一種面向對象的編程語言，它具有封裝性、繼承性、多態性等此類面向對象編程語言的一切特性，因此它不僅擺脫了ASP使用腳本語言編程的缺點，而且，ASP.NET允許用戶使用strongly-type編程語言

河北大學2011屆本科生畢業論文（文獻綜述）

和.NETFramework開發。

二、開發方式不同。ASP是一種把界面設計和程序設計混合在一起的開發方式，后期維護起來會比較困難；而ASP.NET則是一種把界面設計和程序設計以不同文件分離開來的開發方式，復用性和維護性得到有效提高。

三、運行機制不同。ASP是解釋解釋運行的編程框架，執行效率相對比較低；而ASP.NET則是編譯框架，程序所運行的是服務器上已經編譯好的公共語言，效率方面會相對比較高。

ASP.NET和ASP最大的區別不僅僅在于功能的增強，而在于編程思維的轉換。下面，就從語言方面和功能方面來分別參數傳統ASP產生的問題：

在語言方面。首先，ASP的代碼邏輯混亂，難于管理。由于傳統ASP是吧HTML內容和ASP WEB頁面的源代碼緊密的集成在一起。因為沒有分離代碼和HTML的內容，所以很難看清代碼的邏輯關系。而且隨著程序復雜性增加，使得代碼的管理十分困難，甚至超出一個程序員所能達到的管理能力，從而造成這樣或那樣的問題。其次，代碼的可重用性差。由于是面向結構的編程方式,并且混合HTML,所以可能頁面原型修改一點,整個程序都需要修改,更別提代碼重用了。再者，弱類型造成潛在的出錯可能。ASP的開發僅局限于non-type腳本,且使用的VBS/JS這樣弱類型面向結構,而非面向對象的編程腳本語言與HTML語言混合編排的,因此在使用ASP給Web添加代碼時容易出現代碼雜亂。盡管弱數據類型的編程語言使用起來方便一些,但相對于它所造成的出錯幾率是遠遠得不償失的。

在功能方面。首先，安全性差。ASP是微軟(Microsoft)所開發的一種后臺腳本語言,它的語法可以像SSI(Server Side Include)那樣把后臺腳本代碼內嵌到HTML頁面中。雖然ASP簡單易用,但是它自身安全性較差。目前在微軟的.NET戰略中新推出的ASP.NET借鑒了Java技術的優點,使用C#語言作為ASP.NET的推薦語言,同時改進了以前ASP的安全性差等缺點。其次，缺乏完善的糾錯/調試功能。而且，功能弱。一些底層操作只能通過組件來完成。

微軟推出的ASP.NET,是全新一代的動態網頁實現系統,是微軟發展的新體系結構.NET的一部分,是ASP和.NET技術的結合。此外,還可用ASP.NET建立網絡服務。ASP.NET擺脫了以前ASP使用腳本語言編程的缺點,理論上可以使用任何編程語言包括C++,VB,JS等。當然,最合適的編程語言還是MS為.NETFrmaework專門推出的C#。首先它是面向對象的編程語言,所以它具有面向對象編程語言的一切特性,比如封裝性、繼承性、多態性等等。封裝性使得代碼邏輯清晰,易于管理,并且應用到ASP.NET上就可以使業務邏輯和HTML頁面分離;繼承性和多態性使得代碼的可重用性大大提高,你可以通過繼承已有的對象最大限

河北大學2011屆本科生畢業論文（文獻綜述）

度保護你以前的投資,并且C#和C++、Java一樣提供了完善的調試/糾錯體系。一個全新技術誕生的時候,總是充滿困難的。

通常對于一個新技術,總會聽到好與壞兩方面意見。從傳統ASP到ASP.NET的轉變,它便利的功能彌補了ASP的不足。然而,ASP.NET并不是Web應用技術的終結,隨著科技的不斷發展,相信還會向更新更好的發展方向前進。

譚浩強的《ASP的動態網頁設計》一書中在談到ASP.NET的工作原理時講到：我們可以吧ASP.NET頁面看層一般的HTML頁面，當安裝.NET時，本地IIS Web服務器自動被配置成.ASPX文件，且用ASP.NET模塊aspnet_isapi.dll文件來處理。ASP.NET 模塊分析ASPX文件內容并將文件內容分解成單獨命令以建立代碼的整體結構。完成此工作后，ASP.NET模塊將各命令放置到預定義的類定義中。然后使用這個類定義一個特殊的ASP.NET對象Page。該對象要完成的任務之一就是生成HTML流，這些HTML流可以返回到IIS，再從IIS返回到客戶。簡言之，在用戶請求IIS服務器提供一個頁面時，IIS服務器就根據頁面上的文本、HTML和代碼建立該頁面。

在網站的建設與實現過程中，HTML語言是必不可少的。在張金霞的《HTML網頁設計手冊》一書中見到HTML語言是制作網頁的基礎語言。本書由最基本的HTML語法開始講解網頁設計的基礎技術，詳細介紹了各種網頁制作的標記；最后以應用最廣泛的Dreamweaver為例，介紹網頁設計的方法。在講解中配有大量范例，使在實際操作中學習制作網頁。

現在不論是做軟件還是做網站，后臺數據庫對于它們來說都是必不可少的。王珊,薩師煊的《數據庫系統概論》加強關系數據庫系統的講解，特別是SQL的內容緊跟標準的發展。而后講到的數據庫設計的基本步驟：需求分析、概念結構設計、邏輯結構設計、物理結構設計、數據庫實施、數據庫的運行和維護等。還更新了數據庫安全性的部分內容；加深了關系查詢處理和查詢優化的內容；講解了應用開發所需的ODBC、JDBC等概念和方法。

總之，通過這段時間查閱網站建設的相關資料、文獻等，對這個項目的實施有了進一步的理解和看法，對其中的問題也有了大致的解決方法，并且也有了初步的規劃。這對我接下來項目的實際實施有很大的幫助。但是由于我的技術水平還不扎實。也不太到位，對本篇論文的很多問題還沒有深刻的了解，難免文章中存在一些不妥的地方，希望老師給予寶貴意見，謝謝老師。

河北大學2011屆本科生畢業論文（文獻綜述）

參考文獻：

[1] 張海藩． 軟件工程導論(第四版).北京：清華大學出版社，2003 [2] 王珊，薩師煊．數據庫系統概論.北京：高等教育出版社，2006 [3] 張金霞．HTML網頁設計手冊[M].北京：清華大學出版社，2006． [4] Java Web整合開發實戰.北京：清華大學出版社，2013 [5] 徐國平，JSP網絡開發實務.北京：電子機械工業出版社，2001 [6] Tomcat與Java Web開發技術詳解（第二版）.北京：電子工業出版社，2009 [7] 王劍南．Java面向對象B/S后臺開發精粹.北京：清華大學出版社，2013 [8] 周顥.網絡編程語言JSP實例教程.北京：電子工業出版社，2005 [9] 洪丹丹.基于J2EE輕量級框架的安全Web架構研宄與應用[D].成都:電子科技大

學，2009 [10] 蔣軍強.MySQL數據庫中亂碼成因及解決辦法探究[J].科技信息(科學教研），2007

第二篇：班級網站設計與實現

沈陽化工學院

本科畢業論文

題 目: 班級網站設計與實現 院 系: 計算機科學與技術學院 專 業: 計算機科學與技術 班 級: 計算機0802 學生姓名: 金智宇 指導教師: 張 麗

論文提交日期:2012年06月20日 論文答辯日期:2012年06月26日

I

內容摘要

隨著人類的進步，網絡技術不斷發展和計算機的普及，越來越多的人擁有自己電腦，讓人們的生活更快捷和豐富，并且豐富人類的精神世界和物質世界，讓人類最便捷地獲取信息，找到所求，讓人類的生活更快樂。

網絡的普及越來越多的學校和班級通過計算機網來管理各項事務。同時，學生與學生之間通過網絡來交流的方式也日趨頻繁。在這種潮流的趨勢下，應該采用什么樣的方式來更好的管理學生各項信息和班級各項日常事務，以及怎么是學生之間能更好的交流，成為一個問題。

班級網站設計是為了合理的利用網絡資源，提供班級與交流、有管理班級事務的網絡平臺。本網站基于B/S模式，在ASP.NET集成開發的環境下采用C#語言開發完成。本網站有班級介紹、班級相冊、同學登陸、班級留言、學習空間、休閑等模塊。網站的設計體現個性化要求。其中同學登陸模塊實現了用戶注冊、登陸與修改個人資料等功能；班級相冊實現圖片上傳和在線瀏覽功能；班級留言實現網上留言功能；提供交流平臺。本網站 促進班級學生的學習交流，實現用戶自由訪問，增加同學們的相互了解，增強班級凝聚力。

關鍵詞: 網站建設、網站運營、ASP.NET|、SQL server 2005

II

Abstract With the progress of mankind, the continuous development of network technology and the proliferation of computers, more and more people have their own computer to make people's lives more efficient and rich, and enrich our spiritual world and physical world, human access to the most convenientinformation, find what we seek to make human life happier.More and more schools and classes of the popularity of the network through the computer network to manage the affairs.At the same time, the way to communicate through the network between the students and the students become more frequent.In this fashion trends, what way should be used with good management students all the information and classes the daily affairs, and how better communication between students, become a problem.The class website is designed to use the network resources to provide classes and exchanges, to manage class affairs network platform.This site is based on B / S mode, ASP.NET integrated development environment using C # language developed.This site have a class, class album, the students landing, message classes, learning space, leisure and other modules.The site design reflects the individual requirements.Students landing module user registration, login and modify personal information;class album image upload and

III

online feature;class message Message function;provide an exchange platform.This site to promote the exchange of classes students learn to achieve the users the freedom to access, increase mutual understanding of the students, and enhance class cohesion.Key words: Website building、website operators、ASP.NET|、server 2005

IV

SQL

目錄

班級網站設計與實現.........................................................................1 一.緒論..........................................................................................1 1.1 課題背景來源和發展意義..........................................................1 1.1.1 課題背景.............................................................................1 1.1.2 課題來源.............................................................................1

二.開發工具與開發技術..................................................................3 2.1 開發技術...................................................................................3 2.1.1 ASP.NET技術....................................................................3

2.2 開發工具...................................................................................4 2.2.1 SQL server 2005數據庫.....................................................4

2.3 開發環境...................................................................................5 2.3.1 Visual Studio.NET2010開發環境.....................................5 2.3.2 CSS樣式表在HTML中的實現............................................7

三.方案設計與論證........................................................................9 3.1 項目概述與需求分析.................................................................9 3.1.1 目標....................................................................................9 3.1.2 用戶的特點..........................................................................9

V

3.1.3 假定和約束..........................................................................9

3.2 設計中的圖表..........................................................................10 3.2.1 對功能的規定....................................................................10 3.2.2 網站結構圖：....................................................................11 3.2.3 類圖..................................................................................12

3.3 測試........................................................................................12 3.3.1 軟件測試...........................................................................12

四.設計與實現..............................................................................14 4.1 網站框架和代碼......................................................................14 4.1.1 添加用戶...........................................................................14 4.1.2 管理用戶...........................................................................15

4.2 網站首頁.................................................................................15 4.2.1 班級首頁...........................................................................15 圖4.2.1班級首頁.........................................................................16 4.2.2 網站首頁部分代碼.............................................................16

4.3 網站介紹.................................................................................18 4.3.1 班級介紹...........................................................................18 4.3.2 班級介紹部分代碼.............................................................19

4.4 資源共享.................................................................................22 4.4.1 資源共享介紹....................................................................22 4.4.2 連接代碼...........................................................................22

VI

4.5 專業課程.................................................................................23 4.5.1 課程信息...........................................................................23 4.5.2 專業課程部分代碼.............................................................23

4.6 班級通訊.................................................................................24 4.6.1 通訊界面...........................................................................24 4.6.2 班級通訊部分代碼.............................................................25

4.7 留言飛語.................................................................................27 4.7.1 留言界面...........................................................................27 4.7.2 同學留言部分代碼.............................................................27

4.8 聯系方式.................................................................................29 4.8.1 管理員聯系界面.................................................................29 4.8.2 聯系方式部分代碼.............................................................29

五.結果與評價..............................................................................31 六.結論.........................................................................................32

VII 沈陽化工學院學士學位論文

第一章 緒

論

班級網站設計與實現

一.緒論

1.1 課題背景來源和發展意義

1.1.1 課題背景

隨著互聯網的進一步發展與成熟，網絡的帶寬進一步加闊，網絡應用也越來越廣泛。網頁制作更是日新月異，層出不窮。涌現了很多琳瑯滿目的網站，使得整個互聯網多姿多彩。網頁功能分析就是以系統的觀點，對已選定的對象與開發范圍進行有目的、有步驟的實際調查和科學分析。分析的目的就是要弄清楚網頁要做什么，最終為后面的設計工作打下基礎。需求分析是制作一個網站的第一步。在制作網站之前，首先要了解客戶的需要和要求。這些必要的信息包括客戶所要表達的理念、界面顯示的內容和欄目的要求、網站功能方面的要求等。根據客戶的具體情況，需求也會有所差別。本網站是針對班級同學而設計的網站，主要是便于同學聯系例如聚會、發布班級信息等系列的通知，同時本網站還針對同學們的需求建立個人信息空間，可以建立個人影集，彰顯每個同學的個性與風采，相當于一個“便攜式”的聊天平臺，無論同學們以后身在那里我們都可以在茶余飯后對我們現在也或是過去進行討論，彼此交換心得體會，更加了解班級的概況，增強同學之間交流。

1.1.2 課題來源

大學時代的同學之情是最真摯的一份感情。沒有任何一個時代的學生比現在的學生們更加渴望言論自由，渴望情感交流。但在學分制條件下，快節奏的學習生活、越來越少的集體活動時間使同班同學之間的交流也日益困難。大學班級網站的建立為現實世界中的班級提供了一個非正式交往的虛擬平臺，它為班級每一個成員都提供了平等、自由的發言機會，使相互的交流跨越了時間和空間的樊籬，也打破了男女間、寢室間的障礙。沈陽化工學院學士學位論文

第一章 緒

論

為了滿足班級網站的交流目的。本網站包括：班級簡介、班級相冊、班級登陸、班級留言、學習交流、論壇等模塊。班級簡介模塊，作為班級總體介紹平臺，極少班級的建設，班級成員，班級成績等；班級相冊模塊，包括用戶上傳圖片以及圖片的瀏覽功能，實現與數據庫的銜接；班級登陸模塊，包括注冊和登陸兩個子模塊，通過注冊可以成為班級成員，在通過登錄擁有訪問網站各項功能的權限；班級留言模塊，實現用戶的在線留言；班級論壇模塊，論壇模塊主要實現注冊用戶能在此網站平臺之上交流，一般用戶可以回復別人的發言，亦可提出自己的言論，一伙的其他人的建議和意見；

本系統使用ASP。Net技術的動態網頁與SQL server2000數據庫結合設計建立的一個班級網站。用戶首先通過內部網絡訪問本站進行簡單的注冊并經營管理員審核通過后，即擁有了使用本網站上所提供的出管理模塊的各項功能的權利。功能模塊包括班級留言、班級相冊、學習交流等，論壇社區提供用戶之間的主要交流平臺，用戶可以發起自己的帖子，來引起班級其他同學的對本帖的討論或回復，同時用戶也可以對自己或別人的帖子提出自己的見解，從而很好地促進了班級內同學的交流。班級留言提供網上留言功能。留言可以使班級的老師班長或其他同學的留言，通過網絡的迅捷的傳輸率達到快速的了解及處理班級各項事務的目的。班級相冊可以將班級內同學的相冊傳到網站上自由瀏覽，增加班級的親和力。以及以上功能很好的解決上面所提出的問題 沈陽化工學院學士學位論文

第二章 開發工具與開發技術

二.開發工具與開發技術

2.1 開發技術

2.1.1 ASP.NET技術

AS.PNET是一種建立在通用語言上的程序結構，能被用于一臺Web服務器來建立強大的Web應用程序。ASP.NET是在服務器上運行的編譯好的公共語言運行庫，利用早期的綁定、實時編譯、本機優化和盒外緩存服務，著相當于在編寫代碼行之前便顯著提高了性能。另外，由于ASP.NET框架補充了Visual Studio 集成開發環境，想必ASP，使程序設計相對簡化，結構更為清晰

ASP.NET的前身ASP技術，是在IIS 2.0上首次推出(Windows NT 3.51)，當時與 ADO 1.0 一起推出，在IIS 3.0(Windows NT 4.0)發揚光大，成為服務器端應用程序的熱門開發工具，微軟還 特別為它量身打造了Visual InterDev開發工具，在1994年到2000年之間，ASP技術已經成為微軟推展Windows NT 4.0平臺的關鍵技術之一，數以萬計的ASP網站也是這個時候開始如雨后春筍般的出現在網絡上。它的簡單以及高度可定制化的能力，也是它能迅速崛起的原因 之一。不過ASP的缺點也逐漸的浮現出來：

意大利面型的程序開發方法，讓維護的難度提高很多，尤其是大型的ASP應用程序。直譯式的VBScript或JScript語言，讓效能有些許的受限。延展性因為其基礎架構擴充性不足而受限，雖然有COM元件可用，但開發一些特殊功能（像文件上傳）時，沒有來自內置的支持，需要尋求第三方軟件商開發的元件。1997年時，微軟開始針對ASP的缺點（尤其是意大利面型的程序開發方法）準備開始一個新項目來開發，當時ASP.NET的主要領導人Scott Guthrie剛從杜克大學畢業，他和IIS團隊的Mark Anders經理一起合作兩個月，開發出了下一代ASP技術的原型，這個原型在1997年的圣誕節時被發展出來，并給予一個名稱：XSP，這個原型產品使用的是Java語言。不過它馬上就被納入當時還在開發中的CLR平臺，Scott Guthrie事后也認為將這個技術移植到當時的CLR平臺，確實有很大的風險(huge risk)，但當時的XSP團 沈陽化工學院學士學位論文

第二章 開發工具與開發技術

隊卻是以CLR開發應用的第一個團隊。

為了將XSP移植到CLR中，XSP團隊將XSP的內核程序全部以C#語言重新撰寫（在內部的項目代號是 “Project Cool”，但是當時對公開場合是保密的），并且改名為ASP+，作為ASP技術的后繼者，并且也會提供一個簡單的移轉方法給ASP開發人員。ASP+首次的Beta版本以及應用在PDC 2000中亮相，由Bill Gates主講Keynote(即關鍵技術的概覽)，由富士通公司展示使用COBOL語言撰寫ASP+應用程序，并且宣布它可以使用Visual Basic.NET、C#、Perl與Python語言（后兩者由ActiveState公司開發的互通工具支持）來開發。

在2000年第二季時，微軟正式推動.NET策略，ASP+也順理成章的改名為ASP.NET，經過四年的開發，第一個版本的ASP.NET在2002年1月5日亮相(和.NET Framework 1.0)，Scott Guthrie也成為ASP.NET的產品經理（到現在已經開發了數個微軟產品，像ASP.NET AJAX和Microsoft Silverlight）。目前最新版本的 ASP.NET 4.0 以及.NET Framework 4.0 已經在VS2010平臺內應用。

2.2 開發工具

2.2.1 SQL server 2005數據庫

數據庫是信息的集合，是指長期存儲在計算機內的、有組織的、可共享的數據集合。數據庫中的數據按一定的數據模型組織、描述和儲存，具有較小的冗余度、較高的數據獨立性和易擴展性，并可為各種用戶共享。例如，記錄客戶信息、網絡通訊錄等。以往會將這些數據記錄到紙上或是計算機某個文件中，如果要修改或查詢則要消費大量時間。現在人們借助計算機和數據庫技術科學地保存和管理大量的復雜的數據，以便能方便而充分的利用這些寶貴的信息資源。數據被規整地存儲起來，修改和查詢只需幾條SQL語句就完成了。

Internet集成。SQL Server 2005 數據庫引擎提供完整的XML 支持。它還具有構成最大的Web 站點的數據存儲組件所需的可伸縮性、可用性和安全功能。SQL Server 2000 程序設計模型與 Windows DNA 構架集成，用以開發 Web 應用程序，并且SQL Server 2005 支持 English Query 和 Microsoft 搜索服務等功能，在Web 應用程序中包含了用戶友好的查詢和強大的搜索功能。沈陽化工學院學士學位論文

第二章 開發工具與開發技術

2.可伸縮性和可用性。同一個數據庫引擎可以在不同的平臺上使用，從運行 Microsoft Windowsreg;98 的便攜式電腦，到運行 Microsoft Windows 2000 數據中心版的大型多處理器服務器。SQL Server 2005 企業版支持聯合服務器、索引視圖和大型內存支持等功能，使其得以升級到最大 Web 站點所需的性能級別。

3.企業級數據庫功能。SQL Server 2005 關系數據庫引擎支持當今苛刻的數據處理環境所需的功能。數據庫引擎充分保護數據完整性，同時將管理上千個并發修改數據庫的用戶的開銷減到最小。SQL Server 2005 分布式查詢使您得以引用來自不同數據源的數據，就好像這些數據是 SQL Server 2005 數據庫的一部分，同時分布式事務支持充分保護任何分布式數據更新的完整性。復制同樣使您得以維護多個數據復本，同時確保單獨的數據復本保持同步。可將一組數據復制到多個移動的脫接用戶，使這些用戶自主地工作，然后將他們所做的修改合并會發布服務器。

4.易于安裝、部署和使用。SQL Server 2005 中包括一系列管理和開發工具，這些工具可改進在多個站點上安裝、部署、管理和使用 SQL Server 的過程。SQL Server 2005 還支持基于標準的、與 Windows DNA 集成的程序設計模型，使 SQL Server 數據庫和數據倉庫的使用成為生成強大的可伸縮系統的無縫部分。這些功能使您得以快速交付 SQL Server 應用程序，使客戶只需最少的安裝和管理開銷即可實現這些應用程序。

2.3 開發環境

2.3.1 Visual Studio.NET2010開發環境

1998 年，微軟公司發布了 Visual Studio 6.0。所有開發語言的開發環境版本均升至 6.0。這也是 Visual Basic 最后一次發布，從下一個版本(7.0)開始，Microsoft Basic 進化成了一種新的面向對象的語言：Microsoft Basic NET。由于微軟公司對于 Sun 公司 Java 語言擴充導致與 Java 虛擬機不 兼容被 Sun 告上法庭，微軟在后續的 Visual Studio 中不再包括面向 Java 虛擬機的開發環境。Visual Studio 97 是最早的 Visual Studio 版本。包含有面向 Windows 開發使用的 Visual Basic 5.0、Visual C++5.0，面向 Java開發的 Visual J++和 面向數據庫開發的 Visual FoxPro，還包含有創建 DHTML(Dynamic HTML)所需要的 Visual InterDev。其中，Visual Basic 和 沈陽化工學院學士學位論文

第二章 開發工具與開發技術

Visual FoxPro 使用單獨的開發環境，其他的開發語言使用統一的開發環境。

2002 年，隨著.NET 口號的提出與 Windows XP / Office XP 的發布，微軟發布了 Visual Studio.NET（內部版本號為 7.0）。在這個版本的 Visual Studio 中，微軟剝離了 Visual FoxPro 作為一個單獨的開發環境以 Visual FoxPro 7.0 單獨銷售，同時取消了 Visual InterDev。與此同時，微軟引入了建立在.NET 框架上（版本1.0）的托管代碼機制以及一門新的語言 C#（讀作 C Sharp，意為 C#）。C# 是一門建立在 C++和 Java 基礎上的現代語言，是編寫.NET 框架的語言。

.NET 的通用語言框架機制（Common Language Runtime, CLR），其目的是在同一個項目中支持不同的語言所開發的組件。所有 CLR 支持的代碼都會被解釋成為 CLR 可執行的機器代碼然后運行。

Visual Basic、Visual C++ 都被擴展為支持托管代碼機制的開發環境，且 Visual Basic.NET更是從 Visual Basic 脫胎換骨，徹底支持面向對象的編程機制。而 Visual J++ 也變為 Visual J#。后者僅語法同 Java 相同，但是面向的不是 Java 虛擬機，而是.NET Framework。

2003 年，微軟對 Visual Studio 2002 進行了部分修訂，以 Visual Studio 2003 的名義發布（內部版本號為 7.1）。Visio 作為使用統一建模語言（UML）架構應用程序框架的程序被引入，同時被引入的還包括移動設備支持和企業模版。.NET 框架也升級到了 1.1。

2005 年，微軟發布了 Visual Studio 2005。.NET 字眼從各種語言的名字中被抹去，但是這個版本的 Visual Studio 仍然還是面向.NET 框架的（版本2.0）。

這個版本的 Visual Studio 包含有眾多版本，分別面向不同的開發角色。同時還永久提供免費的 Visual Studio Express 版本。

隨著即將發布的 Windows Vista和 Office 2007，Visual Studio 9 也漸漸浮出水面。Visual Studio 9 目前可以確定的是支持建立于 DHTML 基礎上的 Ajax 技術，這種微軟在 Visual InterDev 時代提出的基于異步的客戶端動 態網頁技術在當年并沒有像微軟預期中的那么流行起來，反而隨著 Gmail 等應用而東山再起，漸漸成為主流網絡應用之一。同時 Visual Studio 9 會強化對于數據庫的支持以及微軟新的基于工作流（Workflow）的編程模型。預計為了保持與 Office 系列的統一，Visual Studio 9 的名稱為 Visual Studio 2007。沈陽化工學院學士學位論文

第二章 開發工具與開發技術

2007年11月，微軟發布了 Visual Studio 2008 英文版，2008年2月14日發布了簡體中文專業版。

2010年4月12微軟發布Visual Studio 2010以及.NET Framework 4.0,并于2010年5月26發布了中文版

Visual Studio.NET2010是Microsoft推出.NET應用程序開發工具。Visual Studio，我們一般都簡稱為VS，Visual Studio其實是微軟開發的一套工具集，它由各種各樣的工具組成，這就好像Office 2007時由Word 2007、Excel 2007、Access 2007等等組成的一個道理。其中Visual C++就是Visual Studio的一個重要的組成部分。Visual Studio可以用于生成Web應用程序，也可以生成桌面應用程序，在Visual Studio下面，除了VC，還有Visual C#，Visual Basec，過去還有Visual J#，現在還有Visual F#等等組件工具，使用這些工具你可以使用C++語言C#語言或者Basic語言進行開發。這就好比桌上放著刀、叉、筷子，你可以用它來吃飯，無論它們都是餐具的一種

2.3.2 CSS樣式表在HTML中的實現

在HTML網頁中加入CSS并不是只有一種方法，在不同的情況下，可以采用不同的方法，比較常用的有下面幾中。

1.嵌入式樣式表

嵌入式樣式表的實現很簡單，只需在每個要應用樣式的HTML標簽后寫上CSS屬性即可。例如要設置指定表格中的文字的樣式為紅色，字號為10pt，可在當前表格的

標記內添加下面的代碼：

。這種方式主要用于對具體的標簽作具體的調整，其作用的范圍只限于本標簽。嵌入式樣式表不能充分體現出CSS樣式表的優越性，所以應用場合并不多。

2.內聯式樣式表

若想只對當前頁面應用樣式，就要使用內聯式樣式表。所謂內聯式樣式表就是把樣式表定義語句放在標簽中，設置時通常放在HTML代碼的部分。

3.外聯式樣式表 沈陽化工學院學士學位論文

第二章 開發工具與開發技術

外聯式樣式表是將指定的樣式代碼放到一個擴展名為css的樣式文件中以方便其他網頁的調用。這種方式的優點是可以通過一個css文件管理網站中的多個網頁。如果要對網站中其他頁面進行樣式引用，可以先把樣式用記事本定義成一個“css”的文件。例如：打開記事本，將定義的名為h3的樣式代碼寫到記事本中，保存的文件名為example.css，代碼如下：

h3{ font-family:“黑體”;color：green;font-style：italic； } 引用時在網頁HTML代碼的標記后用引用這個樣式文件，在部分的相應內容的前后加上

和

。沈陽化工學院學士學位論文

dd沈陽化工學院學士學論文

三.方案設計與論證

3.1 項目概述與需求分析

3.1.1 目標

該軟件是一個基于.NET技術的網站管理軟件，程序采用B/S架構，能提供瀏覽等功能。用戶可以在網上瀏覽計算機班級網站的基本信息，資料的上傳下載，也可以進行留言及回復。管理員經過登陸，能夠管理網站里所有的信息的添加、修改和刪除。網站風格力求簡潔樸素，美觀大方，能夠完成基本的功能。

軟件開發目的是理解軟件文檔寫作規范以及利用.net開發簡單的網站，同時也希望最終產品能滿足班級成員的期望。該網站運行的平臺應具有IE瀏覽器5.0以上版本。

3.1.2 用戶的特點

用戶不需要任何技術背景，但能夠具有瀏覽網頁的基本操作能力。用戶也無須具備網絡方面的知識，只需知道如何訪問網站。管理員需要有電腦打字方面的技術。

3.1.3 假定和約束

本軟件的開發期限為五周。完成項目的主要困難是： 1.缺乏B/S軟件開發的背景和知識 2.缺少平面設計的相關知識經 3.對.net開發平臺的不熟悉 4.開發技術不成熟 5.沒有軟件工程實際經驗

由于是個人完成整個軟件的開發過程，時間、人力和技術上都有限，因此部分功 沈陽化工學院學士學位論文

dd沈陽化工學院學士學論文

能已簡略.3.2 設計中的圖表

3.2.1 對功能的規定

用戶通過首頁進入網站，以點擊不同的欄目或鏈接，轉入其它頁面來瀏覽本網站的相關內容。用戶可以上傳下載資料，同時可以留言以及回復。管理員進入網站登陸后，可以通過后臺管理對網站的數據庫進行相關的操作，主要的后臺管理分為七部分，分別對應網站的六大模塊與用戶管理。

具體欄目需求：

名稱

班級首頁：

需求說明

能展示班級主要動態信息，設置導航欄以及后臺接口。風格力求簡約大方，自然清新，能夠體現大學生的精神面貌。

顯示本班級簡介；在后臺進行修改。班級簡介：

專業課程： 展示班級課程安排

班級通訊： 展示班級同學與同學的聯系，按日期降序排列。

班級相冊： 展示班級相冊；點擊每一條可查看詳細。

資源共享： 可以上傳和下載資源；資源列表以日期降序排列。

留言飛語： 可以留言和回復；添加留言者各種聯系方式。

聯系方式： 顯示管理員的聯系信息。沈陽化工學院學士學位論文

dd沈陽化工學院學士學論文

3.2.2 網站結構圖：

班班級級首介頁紹

班級首頁注冊/登陸資專班留源業級言共課通飛享程訊語圖3.2.2 網站結構圖

聯系方式 沈陽化工學院學士學位論文

dd沈陽化工學院學士學論文

3.2.3 類圖

圖3.2.3 類圖

3.3 測試

3.3.1 軟件測試

軟件測試就是利用測試工具按照測試方案和流程對產品進行功能和性能測試，甚至根據需要編寫不同的測試工具，設計和維護測試系統，對測試方案可能出現的問題進行分析和評估。執行測試用例后，需要跟蹤故障，以確保開發的產品適合需求。使用人工或者自動手段來運行或測試某個系統的過程，其目的在于檢驗它是否滿足規定的需求或弄清預期結果與實際結果之間的差別。

它是幫助識別開發完成（中間或最終的版本）的計算機軟件（整體或部分）的正確度(correctness)、完全度(completeness)和質量(quality)的軟件過程；是SQA(software quality assurance)的重要子域

Grenford J.Myers曾對軟件測試的目的提出過以下觀點： 沈陽化工學院學士學位論文

dd沈陽化工學院學士學論文

(1)測試是為了發現程序中的錯誤而執行程序的過程

(2)好的測試方案是極可能發現迄今為止尚未發現的錯誤的測試方案

(3)成功的測試是發現了至今為止尚未發現的錯誤的測試。

然而，這種觀點指出測試是以查找錯誤為中心，而不是為了演示軟件的正確功能。但是只從字面意思理解，可能會產生誤導，認為發現錯誤是軟件測試的唯一目的，查找不出錯誤的測試就是沒有價值的測試，實際上并非如此!

(1)測試并不僅僅是為了找出錯誤.通過分析錯誤產生的原因和錯誤的發生趨勢，可以幫助項目管理者

發現當前軟件開發過程中的缺陷，以便及時改進

(2)這種分析也能幫助測試人員設計出有針對性的測試方法，改善測試的效率和有效性

(3)沒有發現錯誤的測試也是有價值的，完整的測試是評定軟件質量的一種方法

(4)另外，根據測試目的的不同，還有回歸測試、壓力測試、性能測試等，分別為了檢驗修改或優化過程是否引發新的問題、軟件所能達到處理能力和是否達到預期的處理能力等。沈陽化工學院學士學論文

第四章 設計與實現

四.設計與實現

4.1 網站框架和代碼

4.1.1 添加用戶

添加用戶分三個角色：管理員、普通用戶、班級同學。

圖4.1.0添加用戶

您可以選擇添加角色或組，這讓您可以允許或拒絕用戶組對網站中特定文件夾的訪問。例如，您可以創建“經理”、“銷售人員”或“成員”等角色，每種角色對特定文件夾都具有不同的訪問權限。沈陽化工學院學士學論文

第四章 設計與實現

圖4.1.1創建新角色

4.1.2 管理用戶

圖4.1.2 管理用戶

4.2 網站首頁

4.2.1 班級首頁

班級首頁如圖： 沈陽化工學院學士學論文

第四章 設計與實現

圖4.2.1班級首頁

4.2.2 網站首頁部分代碼

@{ ViewBag.Title = “班級首頁”;}

<%=rs_student(“Name”)%>

<%=rs_student(“sex”)%>

<%=rs_student(“birthday”)%>

<%=rs_student(“Professionname”)%>

<%=rs_student(“address”)%>

”> 第四篇：個人網站的設計與實現 二○○七屆學生畢業論文（設計） 畢業設計(論文)論文題目 個人網站的設計與實現 英文 Personal Webside Design and accomplish 個人網站的設計與實現 摘 要 在互聯網走進我們的生活之前，沒有人敢夢想擁有自己的報紙、雜志、電臺、電視臺。除了政策上的制約外，一個人也根本沒有操作一份傳播媒體的能力。現在不同了，互聯網給我們提供了一個“表達自我”的自由天地,你可以擁有自己的新聞郵件，你可以建立自己的個人網站。只要你辦得成功也可以吸引成千上萬的訂戶、讀者,并建立自己在眾多參與者中的權威地位。建立個人網站的基本過程可以分為以下七個環節： 1.了解中國網絡個人主頁研究背景與發展現狀 2.系統需求分析與總體設計 3.熟悉網站開發模式、工具及環境 4.把自己的作品和想要展示的內容制作成網頁 5.使用動態網頁技術(ASP)，實現動態內容更新 6.認真地選取測試用例，進行交叉測試 7.網站的后期完善、宣傳及發展方向 其中 ,網頁制作和使用動態網頁技術(ASP)實現動態內容更新是網站開發的核心內容。 關鍵詞：網頁、制作、訪問、鏈接 Abstract Enters before our life in the Internet, nobody dares to vainly hope for has own newspaper, the magazine, the broadcasting station, the television station.Besides the policy in restriction, a person simply has not also operated dissemination media the ability.Now has been different, Internet has provided to us “the expression” free world,You may have own news mail, you may establish own individual website.So long as you also manage the success to be possible to attract the tens of thousands of subscribers, the reader,And establishes oneself in the multitudinous participant's authoritative status.Establishes individual website the unit process to be possible to divide into following seven links： 1.understands the Chinese network individual main page research background and the development present situation 2.systems demands analysis and system design 3.familiar websites developments pattern, tool and environment 4.and wants own work the content which demonstrated to manufacture the homepage 5.uses dynamic homepages technology(ASP), realization dynamic content renewal 6.earnestly selects measured the test example, carries on the overlapping test 7.websites later periods consummate, the propaganda and the development direction Among them,The homepage manufacture and the use dynamic homepage technology(ASP)realizes the dynamic content renewal is the website development core content.Key word: Homepage, manufacture, visit, link 前 言 隨著國際互聯網的普及，很多人已經不滿足僅僅在Internet上的瀏覽信息，而是希望更深入的參與其中，擁有自己的Web網站，這似乎已經成為一種潮流。如果說個人建立網站是為了追求時尚，那么企業建立網站就是必然的選擇了。 無論是專業的，還是業余的，很多人對網頁制作頗感興趣。事實上制作一個簡單的網頁并不困難，會使用Word的人都可以勝任。但想做出超凡脫俗的網頁就不那么容易了，而Dreamweaver卻可以滿足你的愿望，它是Macromedia公司開發的集網頁制作和網站管理于一身的所見即所得的網頁編輯器。 同樣出自Macromedia公司的Flash,Fireworks在制作網站的過程中起到了錦上添花的作用，是個人網站實現的好幫手，在制作網站的時候經常會用到這些軟件。 目 錄 摘要----------------1 前言----------------1 第一章：緒論--3 1.1 我國網絡發展現狀---------------------3 1.2 個人網站的目的------------------------3 第二章：個人網站的開發環境--------4 2.1 Dreamweaver簡述----------------------4 2.2 Dreamweaver的操作環境-------------4 2.3 ASP技術--5 第三章：需求分析--------------------------7 3.1 概述-------7 第四章：網站制作---------------------------9 4.1站點-----------9 4.2首頁-----------9 4.3創建其它網頁-----------------------------11 3.2個人網站的問題定義與可行性分析-7 3.3 個人網站整體要求----------------------8 第五章：網頁鏈接的建立-----------------12 5.1 鏈接的概念12 5.2 創立連接---12 5.3文字鏈接-----15 5.4影像鏈--------16 5.5 Email鏈接---18 5.6文件下載鏈接------------------------------21 5.7在HTML語言中建立網頁鏈接-------22 第六章：總 結--25 致謝------------------26 參考文獻----------27 第一章 緒論 1.1 我國網絡發展現狀 2010年1月15日，中國互聯網絡信息中心（CNNIC）發布了《第25次中國互聯網絡發展狀況統計報告》（以下簡稱《報告》）。《報告》數據顯示，截至2009年12月，我國網民規模已達3.84億，互聯網普及率進一步提升，達到28.9%。隨著我國互聯網普及率的逐年提高，互聯網正在走進人們的工作與生活。CNNIC《報告》調查顯示，在家和單位上網的網民比例在2009年有了明顯的提高，有83.2%的網民選擇在家上網，另有30.2%的網民選擇在單位上網，互聯網作為人們日常工具的價值正在日益提升。 1.2 個人網站的目的 個人網站最開始的動機可能是出于興趣或一種愛好，但時間一長，這些興趣或愛好便為自己積累了許多資源，比如數量可觀的訪問量。當這些資源積累到一定程度的時候，商業意識比較敏感的個人網站站長便開始尋求開展電子商務，將自己手中的資源進行商業操作，從而，個人網站開始賺錢。當然，目前比較流行的個人網站賺錢方式可能更多的還是依賴于廣告，但從目前個人網站的廣告收入來看，它已經陷入了一個低谷。所以，如果個人網站想要得到長足的發展，或者希望自己的 網站能夠賺錢，那么必須主動出擊！事在人為，作為一個個人網站，我們可以擁有自己的產品，并把它們賣掉，依靠自己來賺錢！ 一、個人網站自主經營的可行性 網民正在不斷地快速增長。另有調查表明，網民的平均收入水平提高了，也就是說網民的消費水平也提高了。我們個人網站為什么要依靠做廣告來賺錢？我們難道不可以轉變一下思路嗎？打個比方，你的網站日訪問量有1000左右(也就是說每天有1000個人左右進入你的“商店”)，做廣告相當于代理別人的產品，就算賣出去了也只能返回給你一部分的利潤。但是如果你的“商店”賣自己的產品，那么大部分利潤就掌握在自己手中。廣告賺錢只是做網站的“副產品”，真正的產品是你自己的網站。記住：你的網站是一座金礦，可能你只是開采了“瀏覽量”這一層礦產，更深層次的礦產你可能還尚未開發出來！你完全可以將你自己網站的產品進行出售，比如將你網站的精品內容印成一本書，然后在網上賣你自己的書。還有更多的經營方法，關鍵是你要去不斷探索！下面我就結合我對互聯網的觀察與自己的實踐經驗告訴大家如何經營自己的產品。對于網絡經商，起初一定要抱平和的心態！因為中國的網民畢竟不是很多，大家不要過分期望網絡經商會給你帶來很大的效益。要把網絡經商作為一種鍛煉，說句現實的話：“現在賺小錢，以后賺大錢”。這是我對 網絡經商的一種“長期作戰”的戰略觀點。第二章 個人網站的開發環境 2.1 Dreamweaver簡述 Dreamweaver是美國MACROMEDIA公司開發的集網頁制作和管理網站于一身的所見即所得網頁編輯器，它是第一套針對專業網頁設計師特別發展的視覺化網頁開發工具，利用 它可以輕而易舉地制作出跨越平臺限制和跨越瀏覽器限制的充滿動感的網頁。 Dreamweaver是在網頁設計與制作領域中用戶最多、應用最廣、功能最強大的軟件，隨著Dreamweaver 8的發布，更堅定Dreamweaver在該領域的地位。它集網頁設計、網站開發和站點管理功能于一身，具有可視化、支持多平臺和跨瀏覽器的特性，是目前網站設計、開發、制作的首選工具。Dreamweaver8.0的特點如下。 1、靈活的編寫方式 Dreamweaver具有靈活編寫網頁的特點，不但將世界一流水平的“設計”和“代碼”編輯器合二為一，而且在設計窗口中還精化了源代碼，能幫助用戶按工作需要定制自己的用戶界面。 2、可視化編輯界面 Dreamweaver是一種所見即所得的HTML編輯器，可實現頁面元素的插入和生成。或視化編輯環境大量減少了代碼的編寫，同時亦保證了其專業性和兼容性，并且可以對內部的HTML編輯器和任何第三方的HTML編輯器進行實時的訪問。無論用戶習慣手工輸入HTML源代碼還是使用可視化的編輯界面，Dreamweaver都能提供便捷的方式使用戶設計網頁和管理網站變得更容易。 3、功能更多的CSS支持——CSS可視化設計、CSS檢查工具 4、動態跨瀏覽器驗證 當保存時系統自動檢查當前文檔的跨瀏覽器有效性，可以指定何種瀏覽器為測試用瀏覽器，同時系統自動檢驗以確定頁面有沒有目標瀏覽器不支持的tags或CSS結構。動態跨瀏覽器有效性檢查功能可以自動核對tags和CSS規則是否適應目前的主瀏覽器。 5、強大的WEB站點管理功能 6、內建的圖形編輯引擎 7、Dreamweaver的集成特性 Dreamweaver 8繼承了Fireworks、Flash和Shockwave的集成特性，可以在這些Web創作工具之間自由地切換，輕松地創建美觀實用的網頁。 8、豐富的媒體支持能力 可以方便地加入Java、Flash、Shockwave、ActiveX以及其他媒體。Dreamweaver具有強大的多媒體處理功能，在設計DHTML和CSS方面表現得極為出色，它利用JavaScript和DHTML語言代碼輕松地實現網頁元素的動作和交互操作。Dreamweaver還提供行為和時間線兩種控件來產生交互式響應和進行動畫處理。 2.2 Dreamweaver的操作環境 我們將工作界面分成了“標題欄”、“菜單欄”、“快捷工具欄”、“屬性面板”、“浮動控制面板”5個部分來分別介紹。 2.2.1 標題欄 Dreamweaver MX的“標題欄”中將顯示文字“Macromedia Dreamweaver MX”如果打開網頁的話，在后面還會顯示該網頁的一些信息，如網頁標題、所在位置及網頁名稱，右邊有三個鈕，分別對應Dreamweaver MX的最大化最小化和關閉的操作。 2.2.2菜單欄 “標題欄”下面就是“菜單欄”，欄中提供了“文件”、“編輯”、“查看”、“插入”、“修改”、“文本”、“站點”、“窗口”、“幫助”10項菜單。單擊其中任意一項菜單，隨即就會出現一個下拉式指令菜單。有些指令的右邊會有鍵盤的代碼，這是該指令的快捷鍵，熟練使用快捷鍵將會有助于提高工作效率。有些指令的右邊會有一個小黑三角的標記，它代表該指令還包含下一級的指令，鼠標停留片刻即可顯示。 2.2.3快捷工具欄 “快捷工具欄”指的是“菜單欄”下邊的3排按鈕，選擇菜單“查看/工具欄”，勾選里面的“插入”、“文檔”和“標準”3項，完整的快捷工具欄就顯現出來了。 2.2.4屬性面板 在網頁編輯窗口的下面還有一個面板，它是有名的“屬性面板”，它在這個軟件中起到舉足輕重的作用。 屬性面板顧名思義，就是顯示，調整屬性的面板，根據鼠標所選中對象的不同，“屬性面板”在界面上也會有所差異，用戶可以分別對不同的對象進行調整。 2.3 ASP技術 Active Server Pages：“動態服務器網頁”，一般簡稱為“ASP”，ASP之所以能受到大家的重視與使用的原因，主要在于所產生的執行結果都是標準的HTML格式，而且這些程序是在網絡服務端中執行，使用一般的瀏覽器（如IE 或Netscape）都可以正確地獲得ASP的“執行”結果，并且將這ASP執行的結果直接在瀏覽器中“瀏覽”，不像VBScript或 JavaScript是在客戶端（Client）的瀏覽器上執行，若使用VBScript來設計程序，客戶端（Client）在ＩＥ瀏覽器中可以顯示程序執行的結果，可是，客戶端（Client）若使用Netscape瀏覽器就無法顯示VBScript的執行結果。ASP的特點如下： 1、任何開發工具皆可發展ASP 只要使用一般的文書編輯程序，如Windows記事本，就可以編輯。當然，其他網頁發展工具，例如，FrontPage Express、FrontPage等也都可以；不過還是建議你用記事本來寫，既省錢又方便，若是使用那些所見即所得的網頁編輯來寫ＡＳＰ，可能會發生一些意想不到的離奇狀態。 通過各家瀏覽由于ASP程序是在網絡服務器端中執行，執行結果所產生的HTML文件適用于不同的瀏覽器。 2、語言相容性高 ASP與所有的ActiveX Script語言都相容，除了可結合HTML，VBScript、Java script Active X服務器組件來設計外，并可經由plug-In（外掛組件模組）的方式，使用其他廠商（Third Party）所提供的語言。 3、隱密安全性高 如果我們在瀏覽器中直接查看網頁的原始代碼，就只能看到ＨＴＭＬ文件，原始的ASP程序代碼是看不到的！這是因杰ＡＳＰ程序先于網站服務（Web Server）端執行后，將結果轉換成標準HTML文件，再傳送到客戶端（Client）的瀏覽器上，因此，我們所辛苦撰寫的ASP程序并不會輕易地被看見進而被盜用。 4、易于操控數據庫 ASP可以輕易地通過ODBC(Open Database Connectivity)驅動程序連接各種不同的數據庫，例如：Access fox pro、dBase、Oracle等等，另外，ＡＳＰ亦可將“文本文件”或是“Excel” 文件當成數據庫用。 5、面向對象學習容易 ＡＳＰ具備有面向對象（object-Oriented）功能，學習容易，ＡＳＰ提供了五種方便能力強大的內建對象：Request、Response、Sever、Application以及Session，同時，若使用ＡＳＰ內建的“Application”對象或“Session”對象所撰寫出來的ＡＳＰ程序可以在多個網頁之間暫時保存必要的信息。 6、ASP的六大內部對象 對象名稱 功能描述 Request Response Server Session Application Object Context 從客戶端取得信息將信息送給客戶端提供一些Web服務器工具儲存在一個 Session內的用戶信息，該信息僅可被該用戶訪問在一個 ASP-Application中讓不同的客戶端共享信息可以用來配合 Microsoft Transaction 服務器進行分布式事務處理 所以我選擇了ASP結合Dreamweaver架構個人站點。 第三章 需求分析 3.1 概述 需求分析最根本的任務是確定“為了滿足客戶的需要，系統必須做什么”。具體的說，應該確定系統必須具有的功能和性能，系統要求的運行環境，并且預測系統發展的前景。必須仔細分析系統中的資料，既要分析系統中的數據流，又要分析長期使用的資料儲存。該階段不是確定系統怎樣完成它的工作，而僅僅是確定系統必須完成哪些工作，也就是對目標系統提出完整、準確、清晰、具體的要求。 3.2個人網站的問題定義與可行性分析 一、明確架設網站的目的及客戶要求 通常情況下，架設個人網站主要是為了通過互聯網表達個人在商業、科技、交際、生活等方面的信息需求或者進行信息的交流，具有較強的目的性，我的個人網站一般體現在：為了展示自己的風采，讓大家和我一起分享我的心得與經驗，讓和我有共同愛好的朋友有一個傾訴的地方。 二、我的個人網站概貌 因為是個人網站，所以只是選擇了自己擅長和喜愛的內容，在突出自己的風格和特點的同時，還應用了現在流行的網站設計技術和數據庫技術。因此將網站設計分為前臺頁面展示平臺和后臺在線管理平臺。 三、功能劃分 網站設計有新聞更新，瀏覽者可以在首頁瀏覽自己喜歡的新聞，并且可以在留言板和大家交流，在后臺管理頁面中，通過身份認證，管理員——我，可以對網站信息進行管理。站內的其它頁面均是我自己的精心收藏，與大家一起分享 3.2.1 功能定義 （1）管理員權限：修改所有頁面內容、增刪改文章、管理評論、修改公告、修改管理員自身信息、編輯各頁面欄目、添加刪除圖片、添加刪除音樂、修改版權信息等。 （2）瀏覽者權限：閱讀所有頁面內容、添加評論、添加留言、瀏覽文章、瀏覽圖片、瀏覽音樂等。3.2.2 可行性分析 系統可行性分析主要從經濟可行性、技術可行性和操作可行性三方面去分析。（1）經濟可行性分析 從系統的開發和效益關系上講，采用asp這個可以開發出交互、高性能Web數據庫應用的技術進行開發，效率較高。該系統的開發不需要花費太多的經費，只需在域名和服務器空間租用上有開銷，因為個人網站不涉及超大容量的文件存儲和龐大的訪問量，因此對于服務器來講，要求不會太高，開銷不會很大。因此，從經濟性分析是可行的。 （2）技術可行性分析 根據現有的技術設備條件，在技術上實現也是可行的。在設備方面，前期系統開發在本地端制作完成，只需通過ftp軟件上傳至服務器端即可，而軟件開發所需條件相對較低，對于系統開發及運行環境均不造成任何困難。對于系統開發人員基本具備了計算機專業知識，有一定的編程基礎，熟悉和掌握數據庫及網絡相關知識，具備開發條件。 （3）操作可行性 該系統操作上非常簡單，對于用戶來說，只要具備IE瀏覽器5.5版本以上即可通過域名搜索即可登錄本站。 3.3 個人網站整體要求 3.3.1 功能要求 （1）頁面風格簡潔明快，給人以較好的視覺印象。（2）用戶瀏覽、操作均便捷，迅速。（3）用戶權限、功能的設置要準確無誤。3.3.2 系統性能要求 在目前硬件設備條件下，要求處理程序的速度相對較快。因此，在程序設計階段，優化代碼，降低處理時間是需要考慮的問題。3.3.3關于未來需求 由于系統開發時間較短，可能不是很完善，在運行過程中還會遇到一些問題，所以應在系統設計過程中對未來可能需要的擴充和修改做好準備，以便及時變更 第四章 網站制作 4.1 站點 4.1.1 創建站點 要制作一個網站，第一步操作都是一樣的，就是要創造一個“站點”，這樣可以使整個網站的脈絡結構清晰地展現在面前，避免了以后再進行紛雜的管理。從菜單中選擇“站點/管理站點”在彈出的對話框中選擇“新建”，之后再選擇其中的“站點”，再次彈出一個對話框，在文本框中輸入自己已經企化好的網站名稱“追夢人”。填好后，單擊“下一步”，進入下一個步驟。由于我要做的是一個靜態的網頁，所以選擇上面的一項“否，我不想使用服務器技術。” 單擊“下一步”，進入下一個步驟。 在此選項中有兩個選擇，選擇推薦的“編輯我的計算機上的本地副本，完成后再上傳到服務器”。底下的文本框允許在本地磁盤上指定一個文件夾，Dreamweaver將在其中儲存站點文件的本地副本。單擊該文本框后面的文件夾圖標，新建并指定一個空的文件夾“E:/ding”。之后單擊“下一步“，進入下一個步驟。 這一步是如何設置連接到遠程服務器，彈出式菜單中有6中選擇，這里選擇“無”。而后“下一步”再“完成”，即可。 4.1.2 創建站點內容 站點創建完成后，就可以創建Web頁來填充站點了。在“右側浮動面板組”中選擇“文件/文件”面板，此時整個網站中沒有任何內容。用鼠標右擊面板中的本地根目錄文件夾。在彈出的菜單中選擇“新建文件”，新建一個文件后將其命名為“index.htm(或index.html),它就是未來的首頁。網站分為“平面設計”、“動畫制作”、“網文精品”、“經典回顧”、“個人說明“這五個大欄目，所以繼續用鼠標右擊右側，在彈出的菜單中選擇第二項“New Folder（新建文件夾）”。執行五次操作，新建五個文件夾，并把它們重命名為graph、anim、books、music、letter，分別對應上面的五個大欄目。存放它們各自的內容。之后再次新建1個文件夾，命名為images,用來存放“所有的圖象文件”的內容。 之后在個欄目的文件夾里還要建立想相應的欄目網頁。 4.2首頁 4.2.1 設置首頁布局 首頁是打開網站后在瀏覽器中顯示的第一個頁面。它是起什么名字通常要視Server端的設置，一般的有index.htm,default.htm或home.htm等，目前主要以index.htm的居多。當然，后綴名為html也是正確的。 具體設置方法是：右健單擊“文件”浮動面板中的index.htm,在彈出的菜單中選擇“設成首頁”。 首頁的布局有很多方法，在這里我所用到的是表格的“布局模式”。“布局”模式中的表格稱為布局表格，單元格稱為布局單元格。在繪制布局表格和布局單元格時，必須從“標準”模式切換到“布局”模式。直接單擊“布局”按鈕即可。操作步驟： 1、在“插入快捷欄”的“布局”分類中，單擊“布局表格”按紐。 2、將變成“+”形狀的鼠標光標放到編輯中網頁上，在要繪制的地方進行拖動就可以進行創建了。（如果繪制的是第一個表格必須從網頁的最左上角開始繪制）。 3、在這里要繪制多個表格，可以再次單擊“布局表格”按紐進行繪制，也可以按住Ctrl鍵繪制多個表格。 4.2.2設置首頁的頁面屬性 首先雙擊“文件”浮動面板中的index.htm,進入頁面的編輯窗口。右健單擊空白區域，在菜單中選擇“頁面屬性”，之后彈出“頁面屬性”對話框，若選擇主菜單“修改/頁面屬性”項，也可以把打開該對話框。 在“頁面屬性”對話框中，左側窗口顯示“分類”，其中包括了“外觀”、“鏈接”、“標題”、“標題/編碼”、“跟蹤圖像”5項，右側區域則顯示各類中可以設置的項目。4.2.3查看和編輯頭內容 一個網頁文件結構上實際是由兩部分組成，頭（head）內容和主體（body）內容主體內容（body）是文檔的主要部分，也是包含文本和圖像等的可見部分。頭內容（head）是除文檔標題外的不可見部分，包含有文檔類型、語言編碼、搜索引擎的關鍵的關鍵字和內容指示器以及樣式定義等重要信息，這些元器并不是每個頁面都需要的，例如，可以僅為主頁提供關鍵字。 下面就以首頁為例，說明怎樣插入較常用的頭（head）內容。 單擊“菜單攔”下面“插入快捷”的下拉列表，選擇其中的HTML類，此時右側將會顯示該類中可以插入的對象快捷按鈕，再次單擊第2個按鈕“文件頭”旁邊的下拉箭頭，會彈出菜單，該項列出的便是即將插入的頭內容。4.2.4 插入圖像 圖像是網頁中不可或缺的組成成份，恰當地使用圖像，可以使網站充滿生活生命力與說服力，吸引更多的瀏覽者，加深他們欣賞你網站的意愿。 另一方面，網頁的容量大小是網站成功與否的一大關鍵因素。由于網絡在傳輸上的限制，導致了下載的速度不可能太快，因此，網頁的大小就不能太大，其中關鍵就在于圖像的大小了，否則瀏覽者會失去等待的耐心，無論你的網站多么精彩也無濟于事了。 所以，在網面容量大小的問題上一定要重視。下面就來詳細介紹對網頁圖像進行處理的操作步驟，以使得它們在保持圖形美麗與網站風格搭配的基礎上，圖片文件能夠變的更小。 1、首先將光標停留在要插入圖像的位置，然后單擊“菜單欄”下面“插入快健欄”的下拉表，選擇其中的“常用”類，則右側將會顯示該類中可以插入的對象快鍵按鈕。左起第5個即為“圖像：圖像”按鈕，單擊它右側的下拉列表，選擇第1項“圖像”。 2、隨即彈出“選擇圖像源文件”對話框。從計算機磁盤中選擇想要插入的圖像文件，或在URL編輯框中輸入圖像的路徑和名稱。下面的“相對于”下拉表框中，可選擇文件URL地址的類型，如果選擇“文檔”選項，表示圖像地址相對于當前文檔；如果選擇“站點根目錄”選項，表示地址相對于根目錄。在這里我要插入的是網站標志logo，插入logo圖象。 最后單擊“確定”按鈕，即可完成插入圖像的操作。 4.2.5 插入多媒體 在Dreamweaver中，除了之前講到的可以插入“圖像”外，還可插入動畫、聲音、視頻等媒體元素，如Flash,Shockwave,Applets,ActieX及格Midi聲音文件等，并且還可以在Dreamweaver自身內插入Macromedia Flash按鈕和文本對象，以及進行相關的后期處理和添加設計備注等操作。 在Dreamweaver MX 2004文檔中，可以插入媒體文件包括Flash Shockwave影片、QuickTime、AVI java、applet Active X控件以及各種格式的音頻文件。 要在瀏覽器中播放放Flash 動畫，必須在瀏覽器中集成“Flash 播放器（Flash Player）”。其中，Internet Explorer通過ActiveX控制來實現，Netscape Navigator則是通過相應的插件來實現的。在最新的Netscape Navigator和Internet Explorer瀏覽器中，均已集成了 Flash動 3、畫播放功能。操場作步驟： 步驟1 將光標停留在要插入Flash的位置，然后單擊菜單欄下面“插入快捷欄”的下拉列表，選擇其中的“常用”分類，右側將會顯示該類中可以插入的對象快捷按鈕。左起第6個即為“媒體”按鈕，單擊它右側的下拉列表，選擇第1項Flash圖標。 步驟2 在彈出的對話框中選擇擴展名為swf 的Flash文件，即可將其插入到Dreamwe aver的“網頁編輯窗口”中，可以看到，在這個窗口中Flash文件的大小。在這里我的主頁插入的一個動畫。4.2.6插入文本 在網頁中，文本內容也可以說是重要的組成部分，一個網站成功與否，它是最關鍵的因素。在這最關鍵的因素。可豐富網站的文字內容，并以最最美觀、最整齊的方式放入到網頁中。 插入文本的兩種方式 一種是在網頁編輯窗口中直接用鍵盤敲入文本。這可以算是最基本的輸入方式了，和一些文本編輯軟件（如Microsoft Word）的使用方法一樣，選擇好習慣的輸入法，就可以運指如飛了。 另一種是復制文本的方式。有些讀者可能不喜歡使用Dreamweaver來進行打字的工作，而更習慣在專門的文本編輯軟件中快速打字，如Microsoft Word和 Windows自帶的記事本等，又或者讀者已經準備好了要放入網頁的文本的電子版本，那么我們就可以直接使用Dreamweaver的文本復制功能，將大段的文本內容拷貝到網頁的編輯窗口來進行排版的工作，具體步驟如下。 打開文本編輯軟件（如Microsoft Word），選中要復制的文本，它們將反白顯示，執行菜單“編輯/復制”命令或直接用快捷鍵Ctrl+C，之后切換回Dreamweaver,將光標停留在插入文本的位置，執行主菜單“編輯/粘貼”命令或直接使用快捷鍵Ctrl+v,即可將大段的文本快速粘貼到網頁中。 這在我的“網文精品”中用到很多，全部是在word軟件中排好ctrl+c,然后點擊要粘貼的位置，crtl+v到Dreamweaver即可。 4.3創建其它網頁 還有其它的幾個網站與主頁的制作相同，一個網頁是圖象和文字的組合。 “平面設計”中的圖象插入和前面的介紹相似，并可以在屬性攔中調節圖象的大小。在Dreamwerver中常常會用到Firework、Flash，它們是相輔相成，在主頁中的主體部分就是用Firework 在“個人說明”中也用到這點，首先定好需要尺寸，在屬性中設好背景，顏色等等，插入圖象，輸入文字，也word里的操作雷同。 第五章 網頁鏈接的建立 5.1 鏈接的概念 鏈接（或稱超鏈接）是網頁與網頁之間一種單向的連接關系。也是www.tmdps.cn如圖所示 （3）即對所選文本或圖像建立完鏈接。 5.6文件下載鏈接 “文件下載鏈接”的原理很簡單，只要鏈接文件屬于瀏覽無法識別的關型，便都會使用IE瀏覽器直接進行下載，并保存到本地計算機中。 瀏覽器無法識別的文件類型有很多，這里就介紹一個最常用的，以zip或rar為后綴名的壓縮格式文件，這種文件可以使用主流的壓縮軟件（如winzip、winrar）來制作。下面我們就業以實例來說明。 在前面“插入多媒體”一章中，我們曾經講過直接鏈接文件的方式來插入“視頻”，即直接在“鏈接”文本框中輸入“文件名+名后綴名”，如olympus.wmv。單日擊這個鏈接，經過數據下載后，Windows系統將啟動自帶的媒體播放器Windows Media Player 來播放該視頻。操作步驟 步驟1 先將視頻文件olympus.wmv通壓縮成olympus.rar文件，放入站點的media文件夾下。 步驟2 將文件路徑輸入至“鏈接”文本框中。 步驟3 保存網頁，按下F12預覽，在瀏覽器中單擊“下載精彩廣告視頻”鏈接文本，會彈出“文本下載”選擇框，單擊其中的“保存”按鈕。 步驟4 在“另存為”對框中選擇保存到本地計算機中的位置，實例中為“經典回顧”文 件夾。之后單擊“保存”按鈕，壓縮文件即保存到該位置中。至此，“文件下載鏈接”便制作完成了。讀者可以打開“我的文檔”文件夾，解壓縮olympus.rar文件，隨時欣賞下載影片。 本設計中未用到此鏈接，在此只作簡單介紹。 5.7在HTML語言中建立網頁鏈接 5.7.1文字鏈接 在HTML語言中用超鏈接標記指向一個目標。其基本格式為： 舉個簡單的“文本鏈接”的實例，該實例相對應的HTML代碼如下所示。 a href-“index2.html”target=”-blank”>平面設計（新開窗口，-blank) 動畫制作（原窗口，默認為空） 網文精品 第五篇：課程網站的設計與實現 課程網站的設計與實現 摘要：課程建設是“高等學校教學質量與教學改革工程”的一項重要內容,也是教育部深化教學改革，以教育信息化帶動教育現代化的一項重要舉措。課程網站是課程建設和評價的窗口，是課程網絡化學習的平臺，是教師與學生互動交流的媒介，也是精品課程示范幅射的載體。因此，課程網站建設意義重大。 本課程網站就是為了順應這一時代要求而設計的。本網站的開發是采用asp及ACCESS數據庫進行開發。 在本篇文章中，首先對本系統設計的意義和開發工具等做了簡要介紹，接著對系統做了詳細的需求分析；然后給出了課程網站所需的功能，重點探討了精品課程網站的設計法案；接著對該網站前臺框架、實驗教學、教學研究、教學成果模塊等進行了重點詳細介紹，并給出了具體實現步驟；通過測試分析，該系統的運行穩定、可靠，具有一定的實用價值。 關鍵詞：網站；asp；dreamweaver； access； 資源共享 1 目錄 第一章 緒論.......................................................2 1.1 課程網站開發背景............................................2 1.2 課程網站現狀分析............................................2 1.3 建立課程網站的意義..........................................2 1.4 本文的主要工作..............................................3 1.5 論文結構....................................................3 第二章 網站概述...................................................3 2.1 網站前臺設計..................................................3 2.2 開發環境簡介..................................................4 2.2.1 asp介紹..................................................4 2.2.2 數據庫開發工具簡介........................................4 第三章 設計與實現.................................................5 3.1 代碼和界面.................................................5 總結與展望...............................................48 致謝..............................................................48參開文獻..........................................................50 的精品課程網站的實驗教學、教學研究、教學成果3個模塊的開發過程的詳細描述。在項目組成員的共同努力下，成功地實現了網站的研究與開發。開發步驟如下： (1)網站需求分析 (2)初步框架設計（包括原型頁面的實現）(3)數據庫設計 (4)頁面與底層的交互融合 (5)代碼整合以及整合后的測試工作 1.5 論文結構 第一章：緒論部分。介紹了論文的選題背景、所研究內容的現狀析和設計精品課程網站的意義，解決的主要問題及應達到的技術要求。 第二章：網站概述及相關技術介紹。 第三章：總結與展望，對本論文的主要研究內容進行了扼要的總結，總結了論文的主要研究成果，并提出了有待進一步開展的工作。 第二章 網站概述及相關技術介紹 2.1網 站 前 臺 設 計 2.2.1 asp介紹 (現學期:2014年春學期)