課程網(wǎng)站的設(shè)計與實現(xiàn)

第一篇：課程網(wǎng)站的設(shè)計與實現(xiàn)

摘要：課程建設(shè)是“高等學(xué)校教學(xué)質(zhì)量與教學(xué)改革工程”的一項重要內(nèi)容,也是教育部深化教學(xué)改革，以教育信息化帶動教育現(xiàn)代化的一項重要舉措。課程網(wǎng)站是課程建設(shè)和評價的窗口，是課程網(wǎng)絡(luò)化學(xué)習(xí)的平臺，是教師與學(xué)生互動交流的媒介，也是精品課程示范幅射的載體。因此，課程網(wǎng)站建設(shè)意義重大。

本課程網(wǎng)站就是為了順應(yīng)這一時代要求而設(shè)計的。本網(wǎng)站的開發(fā)是采用asp及ACCESS數(shù)據(jù)庫進(jìn)行開發(fā)。

在本篇文章中，首先對本系統(tǒng)設(shè)計的意義和開發(fā)工具等做了簡要介紹，接著對系統(tǒng)做了詳細(xì)的需求分析；然后給出了課程網(wǎng)站所需的功能，重點探討了精品課程網(wǎng)站的設(shè)計法案；接著對該網(wǎng)站前臺框架、實驗教學(xué)、教學(xué)研究、教學(xué)成果模塊等進(jìn)行了重點詳細(xì)介紹，并給出了具體實現(xiàn)步驟；通過測試分析，該系統(tǒng)的運(yùn)行穩(wěn)定、可靠，具有一定的實用價值。

關(guān)鍵詞：網(wǎng)站；asp；dreamweaver； access；資源共享 1

第一章緒論.......................................................2 1.1 課程網(wǎng)站開發(fā)背景............................................2 1.2 課程網(wǎng)站現(xiàn)狀分析............................................2 1.3 建立課程網(wǎng)站的意義..........................................2 1.4 本文的主要工作..............................................3 1.5 論文結(jié)構(gòu)....................................................3 第二章網(wǎng)站概述...................................................3 2.1 網(wǎng)站前臺設(shè)計..................................................3 2.2 開發(fā)環(huán)境簡介..................................................4 2.2.1 asp介紹..................................................4 2.2.2 數(shù)據(jù)庫開發(fā)工具簡介........................................4 第三章設(shè)計與實現(xiàn).................................................5 3.1 代碼和界面.................................................5 總結(jié)與展望...............................................48 致謝..............................................................48參開文獻(xiàn)..........................................................50

的精品課程網(wǎng)站的實驗教學(xué)、教學(xué)研究、教學(xué)成果3個模塊的開發(fā)過程的詳細(xì)描述。在項目組成員的共同努力下，成功地實現(xiàn)了網(wǎng)站的研究與開發(fā)。開發(fā)步驟如下：

(1)網(wǎng)站需求分析

(2)初步框架設(shè)計（包括原型頁面的實現(xiàn)）(3)數(shù)據(jù)庫設(shè)計

(4)頁面與底層的交互融合

(5)代碼整合以及整合后的測試工作

1.5 論文結(jié)構(gòu)

第一章：緒論部分。介紹了論文的選題背景、所研究內(nèi)容的現(xiàn)狀析和設(shè)計精品課程網(wǎng)站的意義，解決的主要問題及應(yīng)達(dá)到的技術(shù)要求。

第二章：網(wǎng)站概述及相關(guān)技術(shù)介紹。

第三章：總結(jié)與展望，對本論文的主要研究內(nèi)容進(jìn)行了扼要的總結(jié)，總結(jié)了論文的主要研究成果，并提出了有待進(jìn)一步開展的工作。

第二章網(wǎng)站概述及相關(guān)技術(shù)介紹

2.1網(wǎng)

站

前

臺

設(shè)

計

2.2.1 asp介紹

(現(xiàn)學(xué)期:2014年春學(xué)期)

第二篇：課程網(wǎng)站的設(shè)計與實現(xiàn)

課程網(wǎng)站的設(shè)計與實現(xiàn)

本課程網(wǎng)站就是為了順應(yīng)這一時代要求而設(shè)計的。本網(wǎng)站的開發(fā)是采用asp及ACCESS數(shù)據(jù)庫進(jìn)行開發(fā)。

關(guān)鍵詞：網(wǎng)站；asp；dreamweaver； access；資源共享 1

(1)網(wǎng)站需求分析

(2)初步框架設(shè)計（包括原型頁面的實現(xiàn)）(3)數(shù)據(jù)庫設(shè)計

(4)頁面與底層的交互融合

(5)代碼整合以及整合后的測試工作

1.5 論文結(jié)構(gòu)

第二章：網(wǎng)站概述及相關(guān)技術(shù)介紹。

第二章網(wǎng)站概述及相關(guān)技術(shù)介紹

2.1網(wǎng)

站

前

臺

設(shè)

計

2.2.1 asp介紹

(現(xiàn)學(xué)期:2014年春學(xué)期)

第三篇：班級網(wǎng)站設(shè)計與實現(xiàn)

沈陽化工學(xué)院

本科畢業(yè)論文

題目: 班級網(wǎng)站設(shè)計與實現(xiàn) 院系: 計算機(jī)科學(xué)與技術(shù)學(xué)院專業(yè): 計算機(jī)科學(xué)與技術(shù) 班級: 計算機(jī)0802 學(xué)生姓名: 金智宇指導(dǎo)教師: 張麗

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

內(nèi)容摘要

隨著人類的進(jìn)步，網(wǎng)絡(luò)技術(shù)不斷發(fā)展和計算機(jī)的普及，越來越多的人擁有自己電腦，讓人們的生活更快捷和豐富，并且豐富人類的精神世界和物質(zhì)世界，讓人類最便捷地獲取信息，找到所求，讓人類的生活更快樂。

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

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

關(guān)鍵詞: 網(wǎng)站建設(shè)、網(wǎng)站運(yùn)營、ASP.NET|、SQL server 2005

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

SQL

班級網(wǎng)站設(shè)計與實現(xiàn).........................................................................1 一.緒論..........................................................................................1 1.1 課題背景來源和發(fā)展意義..........................................................1 1.1.1 課題背景.............................................................................1 1.1.2 課題來源.............................................................................1

二.開發(fā)工具與開發(fā)技術(shù)..................................................................3 2.1 開發(fā)技術(shù)...................................................................................3 2.1.1 ASP.NET技術(shù)....................................................................3

2.2 開發(fā)工具...................................................................................4 2.2.1 SQL server 2005數(shù)據(jù)庫.....................................................4

2.3 開發(fā)環(huán)境...................................................................................5 2.3.1 Visual Studio.NET2010開發(fā)環(huán)境.....................................5 2.3.2 CSS樣式表在HTML中的實現(xiàn)............................................7

三.方案設(shè)計與論證........................................................................9 3.1 項目概述與需求分析.................................................................9 3.1.1 目標(biāo)....................................................................................9 3.1.2 用戶的特點..........................................................................9

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

3.2 設(shè)計中的圖表..........................................................................10 3.2.1 對功能的規(guī)定....................................................................10 3.2.2 網(wǎng)站結(jié)構(gòu)圖：....................................................................11 3.2.3 類圖..................................................................................12

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

四.設(shè)計與實現(xiàn)..............................................................................14 4.1 網(wǎng)站框架和代碼......................................................................14 4.1.1 添加用戶...........................................................................14 4.1.2 管理用戶...........................................................................15

4.2 網(wǎng)站首頁.................................................................................15 4.2.1 班級首頁...........................................................................15 圖4.2.1班級首頁.........................................................................16 4.2.2 網(wǎng)站首頁部分代碼.............................................................16

4.3 網(wǎng)站介紹.................................................................................18 4.3.1 班級介紹...........................................................................18 4.3.2 班級介紹部分代碼.............................................................19

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

4.5 專業(yè)課程.................................................................................23 4.5.1 課程信息...........................................................................23 4.5.2 專業(yè)課程部分代碼.............................................................23

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

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

4.8 聯(lián)系方式.................................................................................29 4.8.1 管理員聯(lián)系界面.................................................................29 4.8.2 聯(lián)系方式部分代碼.............................................................29

五.結(jié)果與評價..............................................................................31 六.結(jié)論.........................................................................................32

VII 沈陽化工學(xué)院學(xué)士學(xué)位論文

第一章緒

論

班級網(wǎng)站設(shè)計與實現(xiàn)

一.緒論

1.1 課題背景來源和發(fā)展意義

1.1.1 課題背景

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

1.1.2 課題來源

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

第一章緒

論

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

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

第二章開發(fā)工具與開發(fā)技術(shù)

二.開發(fā)工具與開發(fā)技術(shù)

2.1 開發(fā)技術(shù)

2.1.1 ASP.NET技術(shù)

AS.PNET是一種建立在通用語言上的程序結(jié)構(gòu)，能被用于一臺Web服務(wù)器來建立強(qiáng)大的Web應(yīng)用程序。ASP.NET是在服務(wù)器上運(yùn)行的編譯好的公共語言運(yùn)行庫，利用早期的綁定、實時編譯、本機(jī)優(yōu)化和盒外緩存服務(wù)，著相當(dāng)于在編寫代碼行之前便顯著提高了性能。另外，由于ASP.NET框架補(bǔ)充了Visual Studio 集成開發(fā)環(huán)境，想必ASP，使程序設(shè)計相對簡化，結(jié)構(gòu)更為清晰

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

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

第二章開發(fā)工具與開發(fā)技術(shù)

隊卻是以CLR開發(fā)應(yīng)用的第一個團(tuán)隊。

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

在2000年第二季時，微軟正式推動.NET策略，ASP+也順理成章的改名為ASP.NET，經(jīng)過四年的開發(fā)，第一個版本的ASP.NET在2002年1月5日亮相(和.NET Framework 1.0)，Scott Guthrie也成為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)應(yīng)用。

2.2 開發(fā)工具

2.2.1 SQL server 2005數(shù)據(jù)庫

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

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

第二章開發(fā)工具與開發(fā)技術(shù)

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

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

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

2.3 開發(fā)環(huán)境

2.3.1 Visual Studio.NET2010開發(fā)環(huán)境

1998 年，微軟公司發(fā)布了 Visual Studio 6.0。所有開發(fā)語言的開發(fā)環(huán)境版本均升至 6.0。這也是 Visual Basic 最后一次發(fā)布，從下一個版本(7.0)開始，Microsoft Basic 進(jìn)化成了一種新的面向?qū)ο蟮恼Z言：Microsoft Basic NET。由于微軟公司對于 Sun 公司 Java 語言擴(kuò)充導(dǎo)致與 Java 虛擬機(jī)不兼容被 Sun 告上法庭，微軟在后續(xù)的 Visual Studio 中不再包括面向 Java 虛擬機(jī)的開發(fā)環(huán)境。Visual Studio 97 是最早的 Visual Studio 版本。包含有面向 Windows 開發(fā)使用的 Visual Basic 5.0、Visual C++5.0，面向 Java開發(fā)的 Visual J++和面向數(shù)據(jù)庫開發(fā)的 Visual FoxPro，還包含有創(chuàng)建 DHTML(Dynamic HTML)所需要的 Visual InterDev。其中，Visual Basic 和沈陽化工學(xué)院學(xué)士學(xué)位論文

第二章開發(fā)工具與開發(fā)技術(shù)

Visual FoxPro 使用單獨的開發(fā)環(huán)境，其他的開發(fā)語言使用統(tǒng)一的開發(fā)環(huán)境。

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

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

Visual Basic、Visual C++ 都被擴(kuò)展為支持托管代碼機(jī)制的開發(fā)環(huán)境，且 Visual Basic.NET更是從 Visual Basic 脫胎換骨，徹底支持面向?qū)ο蟮木幊虣C(jī)制。而 Visual J++ 也變?yōu)?Visual J#。后者僅語法同 Java 相同，但是面向的不是 Java 虛擬機(jī)，而是.NET Framework。

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

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

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

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

第二章開發(fā)工具與開發(fā)技術(shù)

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

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

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

2.3.2 CSS樣式表在HTML中的實現(xiàn)

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

1.嵌入式樣式表

嵌入式樣式表的實現(xiàn)很簡單，只需在每個要應(yīng)用樣式的HTML標(biāo)簽后寫上CSS屬性即可。例如要設(shè)置指定表格中的文字的樣式為紅色，字號為10pt，可在當(dāng)前表格的

標(biāo)記內(nèi)添加下面的代碼：

。這種方式主要用于對具體的標(biāo)簽作具體的調(diào)整，其作用的范圍只限于本標(biāo)簽。嵌入式樣式表不能充分體現(xiàn)出CSS樣式表的優(yōu)越性，所以應(yīng)用場合并不多。

2.內(nèi)聯(lián)式樣式表

若想只對當(dāng)前頁面應(yīng)用樣式，就要使用內(nèi)聯(lián)式樣式表。所謂內(nèi)聯(lián)式樣式表就是把樣式表定義語句放在標(biāo)簽中，設(shè)置時通常放在HTML代碼的部分。

3.外聯(lián)式樣式表沈陽化工學(xué)院學(xué)士學(xué)位論文

第二章開發(fā)工具與開發(fā)技術(shù)

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

h3{ font-family:“黑體”;color：green;font-style：italic； } 引用時在網(wǎng)頁HTML代碼的標(biāo)記后用引用這個樣式文件，在部分的相應(yīng)內(nèi)容的前后加上

和

。沈陽化工學(xué)院學(xué)士學(xué)位論文

dd沈陽化工學(xué)院學(xué)士學(xué)論文

三.方案設(shè)計與論證

3.1 項目概述與需求分析

3.1.1 目標(biāo)

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

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

3.1.2 用戶的特點

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

3.1.3 假定和約束

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

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

dd沈陽化工學(xué)院學(xué)士學(xué)論文

能已簡略.3.2 設(shè)計中的圖表

3.2.1 對功能的規(guī)定

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

具體欄目需求：

名稱

班級首頁：

需求說明

能展示班級主要動態(tài)信息，設(shè)置導(dǎo)航欄以及后臺接口。風(fēng)格力求簡約大方，自然清新，能夠體現(xiàn)大學(xué)生的精神面貌。

顯示本班級簡介；在后臺進(jìn)行修改。班級簡介：

專業(yè)課程：展示班級課程安排

班級通訊：展示班級同學(xué)與同學(xué)的聯(lián)系，按日期降序排列。

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

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

留言飛語：可以留言和回復(fù)；添加留言者各種聯(lián)系方式。

聯(lián)系方式：顯示管理員的聯(lián)系信息。沈陽化工學(xué)院學(xué)士學(xué)位論文

dd沈陽化工學(xué)院學(xué)士學(xué)論文

3.2.2 網(wǎng)站結(jié)構(gòu)圖：

班班級級首介頁紹

班級首頁注冊/登陸資專班留源業(yè)級言共課通飛享程訊語圖3.2.2 網(wǎng)站結(jié)構(gòu)圖

聯(lián)系方式沈陽化工學(xué)院學(xué)士學(xué)位論文

dd沈陽化工學(xué)院學(xué)士學(xué)論文

3.2.3 類圖

圖3.2.3 類圖

3.3 測試

3.3.1 軟件測試

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

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

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

dd沈陽化工學(xué)院學(xué)士學(xué)論文

(1)測試是為了發(fā)現(xiàn)程序中的錯誤而執(zhí)行程序的過程

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

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

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

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

發(fā)現(xiàn)當(dāng)前軟件開發(fā)過程中的缺陷，以便及時改進(jìn)

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

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

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

第四章設(shè)計與實現(xiàn)

四.設(shè)計與實現(xiàn)

4.1 網(wǎng)站框架和代碼

4.1.1 添加用戶

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

圖4.1.0添加用戶

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

第四章設(shè)計與實現(xiàn)

圖4.1.1創(chuàng)建新角色

4.1.2 管理用戶

圖4.1.2 管理用戶

4.2 網(wǎng)站首頁

4.2.1 班級首頁

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

第四章設(shè)計與實現(xiàn)

圖4.2.1班級首頁

4.2.2 網(wǎng)站首頁部分代碼

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

沈陽化工學(xué)院學(xué)士學(xué)論文

第四章設(shè)計與實現(xiàn)

第四篇：《計算機(jī)網(wǎng)絡(luò)技術(shù)》課程教學(xué)網(wǎng)站設(shè)計與實現(xiàn)

畢業(yè)論文

（《計算機(jī)網(wǎng)絡(luò)技術(shù)》課程教學(xué)網(wǎng)站設(shè)計與實現(xiàn)）

姓名：張慧學(xué) 號： 20071116080 指導(dǎo)教師：哈斯巴根

2010年5月10日

物理與電子信息學(xué)院學(xué)年論文

引言????????????????????????????????2 1 教學(xué)媒體的網(wǎng)絡(luò)化?????????????????????????2 1.1 網(wǎng)絡(luò)化課堂教學(xué)的特點??????????????????????3 1.2 網(wǎng)絡(luò)化課堂的發(fā)展趨勢??????????????????????4 2《計算機(jī)網(wǎng)絡(luò)技術(shù)》課程教學(xué)網(wǎng)站???????????????????5 3 教學(xué)網(wǎng)站的實現(xiàn)??????????????????????????5 參考文獻(xiàn)????????????????????????????6

《計算機(jī)網(wǎng)絡(luò)技術(shù)》課程教學(xué)網(wǎng)站設(shè)計與實現(xiàn)

張慧（學(xué)號：20071116080）

（物理與電子信息學(xué)院電子信息科技專業(yè) 2007科技班，內(nèi)蒙古呼和浩特 010022）

指導(dǎo)教師：哈斯巴根

摘要：網(wǎng)絡(luò)信息傳播對教育和學(xué)習(xí)的沖擊是巨大的。面對網(wǎng)絡(luò)生存時代，如何實現(xiàn)教育的轉(zhuǎn)變，如何塑造新型的人才，是現(xiàn)代教育關(guān)注的焦點。本文提出了利用網(wǎng)站進(jìn)行教育教學(xué)對教育教學(xué)的作用和影響以及網(wǎng)絡(luò)化課堂教學(xué)的特點。

關(guān)鍵詞：教學(xué)媒體；網(wǎng)絡(luò)化；網(wǎng)絡(luò)課堂；教學(xué)網(wǎng)站；發(fā)展趨勢中途分類號：O39

引言

目前的教師和學(xué)生不能及時交流，學(xué)生上課時間長，學(xué)習(xí)任務(wù)重，而教師上完課后就離開教室，離開學(xué)生，造成學(xué)生中的很多問題不能及時解決，而且對于學(xué)生作業(yè)也不能及時跟蹤，網(wǎng)絡(luò)課堂服務(wù)于軟件學(xué)院全體師生，有效解決學(xué)生問題，延展師生溝通時間，充分了解學(xué)生情況，尤其針對對特殊環(huán)境更適合，比如甲流時期，教師或者學(xué)生在生病的時期，完全可以通過網(wǎng)絡(luò)傳輸教學(xué)內(nèi)容，學(xué)生可以通過網(wǎng)絡(luò)課堂提問，交作業(yè)，在線測試等。教師可以留作業(yè)，改作業(yè)，資源的上傳，師生在線討論等。1 教學(xué)媒體的網(wǎng)絡(luò)化

20世紀(jì)90年代，計算機(jī)的發(fā)展進(jìn)入一個新的階段，其中一個最主要的特征就是網(wǎng)絡(luò)的發(fā)展，網(wǎng)絡(luò)以其快捷的通信手段、簡便的信息查尋很快得到了普及。可以說目前我們獲得的信息主要來源是通過網(wǎng)絡(luò)，網(wǎng)絡(luò)已經(jīng)深入到每個人的生活 2

物理與電子信息學(xué)院學(xué)年論文

中，它改變了人們之間信息交流的傳統(tǒng)方式。在教育領(lǐng)域，各種教育網(wǎng)站、學(xué)校的校園網(wǎng)迅速發(fā)展、壯大起來，這個時候，網(wǎng)絡(luò)化課堂教學(xué)就應(yīng)運(yùn)而生了，它是將教學(xué)媒體與網(wǎng)絡(luò)進(jìn)行有機(jī)地結(jié)合，運(yùn)用網(wǎng)絡(luò)技術(shù)進(jìn)行的教學(xué)活動。1.1 網(wǎng)絡(luò)化課堂教學(xué)的特點

（1）學(xué)習(xí)資源豐富、開放

利用網(wǎng)站進(jìn)行教育的重要特點就是其資源的豐富性與共享性，所以學(xué)生的主要網(wǎng)絡(luò)學(xué)習(xí)活動就是信息的收集活動。信息收集并非簡單的光收集信息，而且也包括對收集的信息進(jìn)行共享，建立數(shù)據(jù)庫以及通過工具進(jìn)行相應(yīng)的分析等內(nèi)容。信息收集、的活動使學(xué)生網(wǎng)上學(xué)習(xí)活動的主要形式。學(xué)生通過網(wǎng)站可以收集到各種各樣的信息，再對收集來的信息進(jìn)行加工和處理，并在課堂上和其他學(xué)生共享和交流，完成相應(yīng)的學(xué)習(xí)任務(wù)。在網(wǎng)站上，可以讓學(xué)生通過解決問題，和真實的社會接觸，從而真正培養(yǎng)學(xué)生的問題解決能力。

（2）教師與學(xué)生之間的信息交流是交互式、平等的

傳統(tǒng)的教學(xué)模式是以課堂為中心，以課本為中心，以教師的“教”為中心，其主要問題是只重視教師對學(xué)生的知識灌輸，而忽視了學(xué)生在學(xué)習(xí)過程中的主體地位；以學(xué)生為中心，以“學(xué)”為中心的模式，是在20世紀(jì)90年代以后，現(xiàn)代信息技術(shù)迅猛發(fā)展，建構(gòu)主義學(xué)習(xí)理論日益風(fēng)行的條件下，基于建構(gòu)主義學(xué)習(xí)理論的模式。在這種教學(xué)模式下，整個教學(xué)過程中由教師起組織者、指導(dǎo)者、幫助者和促進(jìn)者的作用。充分發(fā)揮學(xué)生的主動性、積極性和創(chuàng)造精神。

（3）學(xué)生的學(xué)習(xí)是自主、協(xié)作式的

利用網(wǎng)絡(luò)進(jìn)行的教學(xué)活動中，學(xué)生不再是被動的聽課者，而是需要自主搜尋。查找、編輯資料與信息，還需要與他人進(jìn)行溝通、交流，以便獲得最佳方案。在這個過程中，不僅鍛煉了學(xué)生的思維能力、操作能力，還培養(yǎng)了與他人合作的能力。

多媒體環(huán)境下人與機(jī)、人與網(wǎng)之間的互動，一方面激發(fā)學(xué)生的學(xué)習(xí)興趣，產(chǎn)生強(qiáng)烈的學(xué)習(xí)欲望，形成學(xué)習(xí)動機(jī)，有利于學(xué)生主體地位的發(fā)揮；另一方面，多媒體和網(wǎng)絡(luò)環(huán)境下，以計算機(jī)及網(wǎng)絡(luò)為中介而形成的教師與個別學(xué)生、教師與學(xué)

《計算機(jī)網(wǎng)絡(luò)技術(shù)》課程教學(xué)網(wǎng)站設(shè)計與實現(xiàn)

生群體、學(xué)生與學(xué)生之間的互動，都為協(xié)作學(xué)習(xí)創(chuàng)造了理想的空間，不僅有利于學(xué)生共享群體的智力資源，提高整個群體的綜合素質(zhì)，也有利于培養(yǎng)學(xué)生與人合作、團(tuán)結(jié)向上的團(tuán)隊精神。1.2 網(wǎng)絡(luò)化課堂的發(fā)展趨勢

網(wǎng)絡(luò)教育的迅猛發(fā)展的勢頭令人驚喜。設(shè)立網(wǎng)站利用網(wǎng)站進(jìn)行教育教學(xué)工作是目前教育的一大趨勢。網(wǎng)站教育就是利用現(xiàn)代信息網(wǎng)絡(luò)工具所特有的易跨時空溝通、互動、共享信息的開放、平等的無中心網(wǎng)狀環(huán)境來發(fā)展學(xué)習(xí)者個性，從而實現(xiàn)以學(xué)習(xí)者個體為本的理念的教學(xué)組織形式。

在網(wǎng)站設(shè)立聊天室或設(shè)立在線論壇，教師、學(xué)生、家長之間通過網(wǎng)絡(luò)互通信息，進(jìn)行心靈的溝通，健康且不失自由。這樣總比在網(wǎng)上隨便查找網(wǎng)友不著邊際的閑聊、互相漫罵要好的多。另外，它的隱蔽性好，讓學(xué)生們敢說真話，敢說心里話，其較之于陳舊的寫日記、寫周記交流方式，更富有新鮮感、趣味性，通過聊天室，教師、和家長能及時了解學(xué)生的內(nèi)心世界和班級狀況。2 《計算機(jī)網(wǎng)絡(luò)技術(shù)》課程教學(xué)網(wǎng)站

利用多媒體和網(wǎng)絡(luò)教學(xué)素材、課程軟件和反饋系統(tǒng)等等，豐富的媒體信息呈現(xiàn)方式及整合技術(shù)，使充分開發(fā)、組合和利用各種有益而豐富的學(xué)習(xí)資源，擴(kuò)展教育或?qū)W習(xí)空間成為可能。利用多媒體和網(wǎng)絡(luò)技術(shù)化大為小，化小為大，化靜為動，化動為靜等新的表現(xiàn)信息的時空觀念和技術(shù)優(yōu)勢，能使學(xué)生認(rèn)識事物過程的途徑和方法得到改善。《計算機(jī)網(wǎng)絡(luò)技術(shù)》課程教學(xué)網(wǎng)站運(yùn)用現(xiàn)代信息技術(shù)及相應(yīng)媒體，可以構(gòu)建多樣化的教育教學(xué)環(huán)境，有利于及時主導(dǎo)作用發(fā)揮的多媒體組合課堂教學(xué)環(huán)境。

教育正向著信息化、社會化、網(wǎng)絡(luò)化發(fā)展。網(wǎng)絡(luò)的發(fā)展影響著今天人們的生存和發(fā)展。利用網(wǎng)絡(luò)學(xué)習(xí)，是適應(yīng)時代變化的根本手段。利用網(wǎng)站進(jìn)行教育教學(xué)可以鍛煉學(xué)生運(yùn)用信息工具的能力；能使學(xué)生根據(jù)自己的學(xué)習(xí)目標(biāo)有效的搜集和選擇各種學(xué)習(xí)信息；能使學(xué)生對搜集的信息進(jìn)行理解、歸納、存儲記憶、批判、鑒別、遴選、分析綜合、抽象概括和表達(dá)等；能使學(xué)生在信息搜集、選擇、理解和批判的基礎(chǔ)上，能準(zhǔn)確的概述、綜合、改造和表述所需要的信息，使之簡潔明 4

物理與電子信息學(xué)院學(xué)年論文

了、通俗流暢并且富有個性特色；圍繞同一目的，在多種多樣的信息交合的基礎(chǔ)上迸發(fā)創(chuàng)造思維的火花，產(chǎn)生新信息的生長點，從而創(chuàng)造新信息。3 教學(xué)網(wǎng)站的實現(xiàn)

利用網(wǎng)站設(shè)立在線網(wǎng)絡(luò)虛擬實驗環(huán)境，通過網(wǎng)絡(luò)虛擬實驗室，能夠通過計算機(jī)在網(wǎng)絡(luò)中模擬一些實驗現(xiàn)象。它不僅僅能夠提高網(wǎng)站教育的教學(xué)效果，更重要的是對一些缺乏實驗條件的學(xué)生，通過網(wǎng)絡(luò)同樣能夠“身臨其境“的觀察實驗現(xiàn)象，甚至和異地的學(xué)生合作進(jìn)行實驗。

利用網(wǎng)絡(luò)平臺，可以有效的解決研究學(xué)習(xí)中的問題，快捷的交流信息，加強(qiáng)項目的管理。比如，開始時，每個同學(xué)的搜集的資料和自己取得結(jié)論或形成的觀點可以在網(wǎng)上發(fā)布；可以全班集中討論，也可以通過電子郵件和信息發(fā)布臺進(jìn)行異地討論；將初步的成果公布在網(wǎng)上，再繼續(xù)通過網(wǎng)站進(jìn)行討論，如此反復(fù)。

總之，隨著網(wǎng)絡(luò)和計算機(jī)技術(shù)的不斷發(fā)展，網(wǎng)絡(luò)教育無疑將成為當(dāng)代教育改革的一個主要趨勢。但基于個體全面發(fā)展的需要，網(wǎng)絡(luò)教育決不可能包括教育的全部。因此，堅持傳統(tǒng)教育和網(wǎng)絡(luò)教育并行發(fā)展，實現(xiàn)優(yōu)勢互補(bǔ)，資源共享，應(yīng)當(dāng)成為今后我們每個教育工作者努力的方向。

《計算機(jī)網(wǎng)絡(luò)技術(shù)》課程教學(xué)網(wǎng)站設(shè)計與實現(xiàn)

參考文獻(xiàn)：

[1]《當(dāng)代教育科學(xué)》2004年4月 [2]《山東教育科研》2001年9月

[3] 陳康溫旭升?！队嬎銠C(jī)網(wǎng)絡(luò)實用教程》。清華大學(xué)出版社 2007年12月。[4] 張曉明?！队嬎銠C(jī)網(wǎng)絡(luò)教程》。清華大學(xué)出版社 2010年9月。

物理與電子信息學(xué)院學(xué)年論文

“Computer Network” web site design and implementation of teaching

Zhang Hui(Student ID: 20071116080)

(Institute of Physics and Electronic Information Science and Technology Electronics and Information Technology Professional class of 2007, Hohhot

010022)

Instructor: Ha Siba root

Abstract:The computer has gone deep into all walks of life, every office, studio is a small local area networks, this paper describes the technical aspects of computer network LAN, LAN management.At the same time the basis of language based on the popularity of the Java language for simple analysis, and in the current situation, common office software is that each person must master the ability.

第五篇：個人網(wǎng)站的設(shè)計與實現(xiàn)

二○○七屆學(xué)生畢業(yè)論文（設(shè)計）

畢業(yè)設(shè)計(論文)論文題目

個人網(wǎng)站的設(shè)計與實現(xiàn)

英文 Personal Webside Design and accomplish 個人網(wǎng)站的設(shè)計與實現(xiàn)

摘要

在互聯(lián)網(wǎng)走進(jìn)我們的生活之前，沒有人敢夢想擁有自己的報紙、雜志、電臺、電視臺。除了政策上的制約外，一個人也根本沒有操作一份傳播媒體的能力。現(xiàn)在不同了，互聯(lián)網(wǎng)給我們提供了一個“表達(dá)自我”的自由天地,你可以擁有自己的新聞郵件，你可以建立自己的個人網(wǎng)站。只要你辦得成功也可以吸引成千上萬的訂戶、讀者,并建立自己在眾多參與者中的權(quán)威地位。建立個人網(wǎng)站的基本過程可以分為以下七個環(huán)節(jié)：

1.了解中國網(wǎng)絡(luò)個人主頁研究背景與發(fā)展現(xiàn)狀 2.系統(tǒng)需求分析與總體設(shè)計

3.熟悉網(wǎng)站開發(fā)模式、工具及環(huán)境

4.把自己的作品和想要展示的內(nèi)容制作成網(wǎng)頁 5.使用動態(tài)網(wǎng)頁技術(shù)(ASP)，實現(xiàn)動態(tài)內(nèi)容更新 6.認(rèn)真地選取測試用例，進(jìn)行交叉測試 7.網(wǎng)站的后期完善、宣傳及發(fā)展方向

其中 ,網(wǎng)頁制作和使用動態(tài)網(wǎng)頁技術(shù)(ASP)實現(xiàn)動態(tài)內(nèi)容更新是網(wǎng)站開發(fā)的核心內(nèi)容。

關(guān)鍵詞：網(wǎng)頁、制作、訪問、鏈接

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

前言

隨著國際互聯(lián)網(wǎng)的普及，很多人已經(jīng)不滿足僅僅在Internet上的瀏覽信息，而是希望更深入的參與其中，擁有自己的Web網(wǎng)站，這似乎已經(jīng)成為一種潮流。如果說個人建立網(wǎng)站是為了追求時尚，那么企業(yè)建立網(wǎng)站就是必然的選擇了。

無論是專業(yè)的，還是業(yè)余的，很多人對網(wǎng)頁制作頗感興趣。事實上制作一個簡單的網(wǎng)頁并不困難，會使用Word的人都可以勝任。但想做出超凡脫俗的網(wǎng)頁就不那么容易了，而Dreamweaver卻可以滿足你的愿望，它是Macromedia公司開發(fā)的集網(wǎng)頁制作和網(wǎng)站管理于一身的所見即所得的網(wǎng)頁編輯器。

同樣出自Macromedia公司的Flash,Fireworks在制作網(wǎng)站的過程中起到了錦上添花的作用，是個人網(wǎng)站實現(xiàn)的好幫手，在制作網(wǎng)站的時候經(jīng)常會用到這些軟件。

摘要----------------1 前言----------------1 第一章：緒論--3 1.1 我國網(wǎng)絡(luò)發(fā)展現(xiàn)狀---------------------3 1.2 個人網(wǎng)站的目的------------------------3 第二章：個人網(wǎng)站的開發(fā)環(huán)境--------4 2.1 Dreamweaver簡述----------------------4 2.2 Dreamweaver的操作環(huán)境-------------4 2.3 ASP技術(shù)--5 第三章：需求分析--------------------------7 3.1 概述-------7 第四章：網(wǎng)站制作---------------------------9

4.1站點-----------9 4.2首頁-----------9 4.3創(chuàng)建其它網(wǎng)頁-----------------------------11 3.2個人網(wǎng)站的問題定義與可行性分析-7 3.3 個人網(wǎng)站整體要求----------------------8 第五章：網(wǎng)頁鏈接的建立-----------------12 5.1 鏈接的概念12 5.2 創(chuàng)立連接---12 5.3文字鏈接-----15 5.4影像鏈--------16 5.5 Email鏈接---18 5.6文件下載鏈接------------------------------21 5.7在HTML語言中建立網(wǎng)頁鏈接-------22 第六章：總結(jié)--25 致謝------------------26 參考文獻(xiàn)----------27

第一章緒論

1.1 我國網(wǎng)絡(luò)發(fā)展現(xiàn)狀

2010年1月15日，中國互聯(lián)網(wǎng)絡(luò)信息中心（CNNIC）發(fā)布了《第25次中國互聯(lián)網(wǎng)絡(luò)發(fā)展?fàn)顩r統(tǒng)計報告》（以下簡稱《報告》）。《報告》數(shù)據(jù)顯示，截至2009年12月，我國網(wǎng)民規(guī)模已達(dá)3.84億，互聯(lián)網(wǎng)普及率進(jìn)一步提升，達(dá)到28.9%。隨著我國互聯(lián)網(wǎng)普及率的逐年提高，互聯(lián)網(wǎng)正在走進(jìn)人們的工作與生活。CNNIC《報告》調(diào)查顯示，在家和單位上網(wǎng)的網(wǎng)民比例在2009年有了明顯的提高，有83.2%的網(wǎng)民選擇在家上網(wǎng)，另有30.2%的網(wǎng)民選擇在單位上網(wǎng)，互聯(lián)網(wǎng)作為人們?nèi)粘９ぞ叩膬r值正在日益提升。

1.2 個人網(wǎng)站的目的

個人網(wǎng)站最開始的動機(jī)可能是出于興趣或一種愛好，但時間一長，這些興趣或愛好便為自己積累了許多資源，比如數(shù)量可觀的訪問量。當(dāng)這些資源積累到一定程度的時候，商業(yè)意識比較敏感的個人網(wǎng)站站長便開始尋求開展電子商務(wù)，將自己手中的資源進(jìn)行商業(yè)操作，從而，個人網(wǎng)站開始賺錢。當(dāng)然，目前比較流行的個人網(wǎng)站賺錢方式可能更多的還是依賴于廣告，但從目前個人網(wǎng)站的廣告收入來看，它已經(jīng)陷入了一個低谷。所以，如果個人網(wǎng)站想要得到長足的發(fā)展，或者希望自己的

網(wǎng)站能夠賺錢，那么必須主動出擊！事在人為，作為一個個人網(wǎng)站，我們可以擁有自己的產(chǎn)品，并把它們賣掉，依靠自己來賺錢！

一、個人網(wǎng)站自主經(jīng)營的可行性網(wǎng)民正在不斷地快速增長。另有調(diào)查表明，網(wǎng)民的平均收入水平提高了，也就是說網(wǎng)民的消費(fèi)水平也提高了。我們個人網(wǎng)站為什么要依靠做廣告來賺錢？我們難道不可以轉(zhuǎn)變一下思路嗎？打個比方，你的網(wǎng)站日訪問量有1000左右(也就是說每天有1000個人左右進(jìn)入你的“商店”)，做廣告相當(dāng)于代理別人的產(chǎn)品，就算賣出去了也只能返回給你一部分的利潤。但是如果你的“商店”賣自己的產(chǎn)品，那么大部分利潤就掌握在自己手中。廣告賺錢只是做網(wǎng)站的“副產(chǎn)品”，真正的產(chǎn)品是你自己的網(wǎng)站。記?。耗愕木W(wǎng)站是一座金礦，可能你只是開采了“瀏覽量”這一層礦產(chǎn)，更深層次的礦產(chǎn)你可能還尚未開發(fā)出來！你完全可以將你自己網(wǎng)站的產(chǎn)品進(jìn)行出售，比如將你網(wǎng)站的精品內(nèi)容印成一本書，然后在網(wǎng)上賣你自己的書。還有更多的經(jīng)營方法，關(guān)鍵是你要去不斷探索！下面我就結(jié)合我對互聯(lián)網(wǎng)的觀察與自己的實踐經(jīng)驗告訴大家如何經(jīng)營自己的產(chǎn)品。對于網(wǎng)絡(luò)經(jīng)商，起初一定要抱平和的心態(tài)！因為中國的網(wǎng)民畢竟不是很多，大家不要過分期望網(wǎng)絡(luò)經(jīng)商會給你帶來很大的效益。要把網(wǎng)絡(luò)經(jīng)商作為一種鍛煉，說句現(xiàn)實的話：“現(xiàn)在賺小錢，以后賺大錢”。這是我對

網(wǎng)絡(luò)經(jīng)商的一種“長期作戰(zhàn)”的戰(zhàn)略觀點。第二章個人網(wǎng)站的開發(fā)環(huán)境

2.1 Dreamweaver簡述

Dreamweaver是美國MACROMEDIA公司開發(fā)的集網(wǎng)頁制作和管理網(wǎng)站于一身的所見即所得網(wǎng)頁編輯器，它是第一套針對專業(yè)網(wǎng)頁設(shè)計師特別發(fā)展的視覺化網(wǎng)頁開發(fā)工具，利用它可以輕而易舉地制作出跨越平臺限制和跨越瀏覽器限制的充滿動感的網(wǎng)頁。

Dreamweaver是在網(wǎng)頁設(shè)計與制作領(lǐng)域中用戶最多、應(yīng)用最廣、功能最強(qiáng)大的軟件，隨著Dreamweaver 8的發(fā)布，更堅定Dreamweaver在該領(lǐng)域的地位。它集網(wǎng)頁設(shè)計、網(wǎng)站開發(fā)和站點管理功能于一身，具有可視化、支持多平臺和跨瀏覽器的特性，是目前網(wǎng)站設(shè)計、開發(fā)、制作的首選工具。Dreamweaver8.0的特點如下。

1、靈活的編寫方式

Dreamweaver具有靈活編寫網(wǎng)頁的特點，不但將世界一流水平的“設(shè)計”和“代碼”編輯器合二為一，而且在設(shè)計窗口中還精化了源代碼，能幫助用戶按工作需要定制自己的用戶界面。

2、可視化編輯界面

Dreamweaver是一種所見即所得的HTML編輯器，可實現(xiàn)頁面元素的插入和生成?；蛞暬庉嫮h(huán)境大量減少了代碼的編寫，同時亦保證了其專業(yè)性和兼容性，并且可以對內(nèi)部的HTML編輯器和任何第三方的HTML編輯器進(jìn)行實時的訪問。無論用戶習(xí)慣手工輸入HTML源代碼還是使用可視化的編輯界面，Dreamweaver都能提供便捷的方式使用戶設(shè)計網(wǎng)頁和管理網(wǎng)站變得更容易。

3、功能更多的CSS支持——CSS可視化設(shè)計、CSS檢查工具

4、動態(tài)跨瀏覽器驗證

當(dāng)保存時系統(tǒng)自動檢查當(dāng)前文檔的跨瀏覽器有效性，可以指定何種瀏覽器為測試用瀏覽器，同時系統(tǒng)自動檢驗以確定頁面有沒有目標(biāo)瀏覽器不支持的tags或CSS結(jié)構(gòu)。動態(tài)跨瀏覽器有效性檢查功能可以自動核對tags和CSS規(guī)則是否適應(yīng)目前的主瀏覽器。

5、強(qiáng)大的WEB站點管理功能

6、內(nèi)建的圖形編輯引擎

7、Dreamweaver的集成特性

Dreamweaver 8繼承了Fireworks、Flash和Shockwave的集成特性，可以在這些Web創(chuàng)作工具之間自由地切換，輕松地創(chuàng)建美觀實用的網(wǎng)頁。

8、豐富的媒體支持能力

可以方便地加入Java、Flash、Shockwave、ActiveX以及其他媒體。Dreamweaver具有強(qiáng)大的多媒體處理功能，在設(shè)計DHTML和CSS方面表現(xiàn)得極為出色，它利用JavaScript和DHTML語言代碼輕松地實現(xiàn)網(wǎng)頁元素的動作和交互操作。Dreamweaver還提供行為和時間線兩種控件來產(chǎn)生交互式響應(yīng)和進(jìn)行動畫處理。

2.2 Dreamweaver的操作環(huán)境

我們將工作界面分成了“標(biāo)題欄”、“菜單欄”、“快捷工具欄”、“屬性面板”、“浮動控制面板”5個部分來分別介紹。

2.2.1 標(biāo)題欄

Dreamweaver MX的“標(biāo)題欄”中將顯示文字“Macromedia Dreamweaver MX”如果打開網(wǎng)頁的話，在后面還會顯示該網(wǎng)頁的一些信息，如網(wǎng)頁標(biāo)題、所在位置及網(wǎng)頁名稱，右邊有三個鈕，分別對應(yīng)Dreamweaver MX的最大化最小化和關(guān)閉的操作。

2.2.2菜單欄

“標(biāo)題欄”下面就是“菜單欄”，欄中提供了“文件”、“編輯”、“查看”、“插入”、“修改”、“文本”、“站點”、“窗口”、“幫助”10項菜單。單擊其中任意一項菜單，隨即就會出現(xiàn)一個下拉式指令菜單。有些指令的右邊會有鍵盤的代碼，這是該指令的快捷鍵，熟練使用快捷鍵將會有助于提高工作效率。有些指令的右邊會有一個小黑三角的標(biāo)記，它代表該指令還包含下一級的指令，鼠標(biāo)停留片刻即可顯示。

2.2.3快捷工具欄

“快捷工具欄”指的是“菜單欄”下邊的3排按鈕，選擇菜單“查看/工具欄”，勾選里面的“插入”、“文檔”和“標(biāo)準(zhǔn)”3項，完整的快捷工具欄就顯現(xiàn)出來了。

2.2.4屬性面板

在網(wǎng)頁編輯窗口的下面還有一個面板，它是有名的“屬性面板”，它在這個軟件中起到舉足輕重的作用。

屬性面板顧名思義，就是顯示，調(diào)整屬性的面板，根據(jù)鼠標(biāo)所選中對象的不同，“屬性面板”在界面上也會有所差異，用戶可以分別對不同的對象進(jìn)行調(diào)整。

2.3 ASP技術(shù)

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é)果。ASP的特點如下：

1、任何開發(fā)工具皆可發(fā)展ASP 只要使用一般的文書編輯程序，如Windows記事本，就可以編輯。當(dāng)然，其他網(wǎng)頁發(fā)展工具，例如，F(xiàn)rontPage Express、FrontPage等也都可以；不過還是建議你用記事本來寫，既省錢又方便，若是使用那些所見即所得的網(wǎng)頁編輯來寫ＡＳＰ，可能會發(fā)生一些意想不到的離奇狀態(tài)。

通過各家瀏覽由于ASP程序是在網(wǎng)絡(luò)服務(wù)器端中執(zhí)行，執(zhí)行結(jié)果所產(chǎn)生的HTML文件適用于不同的瀏覽器。

2、語言相容性高

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

3、隱密安全性高

如果我們在瀏覽器中直接查看網(wǎng)頁的原始代碼，就只能看到ＨＴＭＬ文件，原始的ASP程序代碼是看不到的！這是因杰ＡＳＰ程序先于網(wǎng)站服務(wù)（Web Server）端執(zhí)行后，將結(jié)果轉(zhuǎn)換成標(biāo)準(zhǔn)HTML文件，再傳送到客戶端（Client）的瀏覽器上，因此，我們所辛苦撰寫的ASP程序并不會輕易地被看見進(jìn)而被盜用。

4、易于操控數(shù)據(jù)庫

ASP可以輕易地通過ODBC(Open Database Connectivity)驅(qū)動程序連接各種不同的數(shù)據(jù)庫，例如：Access fox pro、dBase、Oracle等等，另外，ＡＳＰ亦可將“文本文件”或是“Excel” 文件當(dāng)成數(shù)據(jù)庫用。

5、面向?qū)ο髮W(xué)習(xí)容易

ＡＳＰ具備有面向?qū)ο螅╫bject-Oriented）功能，學(xué)習(xí)容易，ＡＳＰ提供了五種方便能力強(qiáng)大的內(nèi)建對象：Request、Response、Sever、Application以及Session，同時，若使用ＡＳＰ內(nèi)建的“Application”對象或“Session”對象所撰寫出來的ＡＳＰ程序可以在多個網(wǎng)頁之間暫時保存必要的信息。

6、ASP的六大內(nèi)部對象對象名稱功能描述

Request Response Server Session Application Object Context 從客戶端取得信息將信息送給客戶端提供一些Web服務(wù)器工具儲存在一個

Session內(nèi)的用戶信息，該信息僅可被該用戶訪問在一個 ASP-Application中讓不同的客戶端共享信息可以用來配合 Microsoft Transaction 服務(wù)器進(jìn)行分布式事務(wù)處理所以我選擇了ASP結(jié)合Dreamweaver架構(gòu)個人站點。

第三章需求分析

3.1 概述

需求分析最根本的任務(wù)是確定“為了滿足客戶的需要，系統(tǒng)必須做什么”。具體的說，應(yīng)該確定系統(tǒng)必須具有的功能和性能，系統(tǒng)要求的運(yùn)行環(huán)境，并且預(yù)測系統(tǒng)發(fā)展的前景。必須仔細(xì)分析系統(tǒng)中的資料，既要分析系統(tǒng)中的數(shù)據(jù)流，又要分析長期使用的資料儲存。該階段不是確定系統(tǒng)怎樣完成它的工作，而僅僅是確定系統(tǒng)必須完成哪些工作，也就是對目標(biāo)系統(tǒng)提出完整、準(zhǔn)確、清晰、具體的要求。

3.2個人網(wǎng)站的問題定義與可行性分析

一、明確架設(shè)網(wǎng)站的目的及客戶要求

通常情況下，架設(shè)個人網(wǎng)站主要是為了通過互聯(lián)網(wǎng)表達(dá)個人在商業(yè)、科技、交際、生活等方面的信息需求或者進(jìn)行信息的交流，具有較強(qiáng)的目的性，我的個人網(wǎng)站一般體現(xiàn)在：為了展示自己的風(fēng)采，讓大家和我一起分享我的心得與經(jīng)驗，讓和我有共同愛好的朋友有一個傾訴的地方。

二、我的個人網(wǎng)站概貌因為是個人網(wǎng)站，所以只是選擇了自己擅長和喜愛的內(nèi)容，在突出自己的風(fēng)格和特點的同時，還應(yīng)用了現(xiàn)在流行的網(wǎng)站設(shè)計技術(shù)和數(shù)據(jù)庫技術(shù)。因此將網(wǎng)站設(shè)計分為前臺頁面展示平臺和后臺在線管理平臺。

三、功能劃分

網(wǎng)站設(shè)計有新聞更新，瀏覽者可以在首頁瀏覽自己喜歡的新聞，并且可以在留言板和大家交流，在后臺管理頁面中，通過身份認(rèn)證，管理員——我，可以對網(wǎng)站信息進(jìn)行管理。站內(nèi)的其它頁面均是我自己的精心收藏，與大家一起分享

3.2.1 功能定義

（1）管理員權(quán)限：修改所有頁面內(nèi)容、增刪改文章、管理評論、修改公告、修改管理員自身信息、編輯各頁面欄目、添加刪除圖片、添加刪除音樂、修改版權(quán)信息等。

（2）瀏覽者權(quán)限：閱讀所有頁面內(nèi)容、添加評論、添加留言、瀏覽文章、瀏覽圖片、瀏覽音樂等。3.2.2 可行性分析

系統(tǒng)可行性分析主要從經(jīng)濟(jì)可行性、技術(shù)可行性和操作可行性三方面去分析。（1）經(jīng)濟(jì)可行性分析

從系統(tǒng)的開發(fā)和效益關(guān)系上講，采用asp這個可以開發(fā)出交互、高性能Web數(shù)據(jù)庫應(yīng)用的技術(shù)進(jìn)行開發(fā)，效率較高。該系統(tǒng)的開發(fā)不需要花費(fèi)太多的經(jīng)費(fèi)，只需在域名和服務(wù)器空間租用上有開銷，因為個人網(wǎng)站不涉及超大容量的文件存儲和龐大的訪問量，因此對于服務(wù)器來講，要求不會太高，開銷不會很大。因此，從經(jīng)濟(jì)性分析是可行的。

（2）技術(shù)可行性分析

根據(jù)現(xiàn)有的技術(shù)設(shè)備條件，在技術(shù)上實現(xiàn)也是可行的。在設(shè)備方面，前期系統(tǒng)開發(fā)在本地端制作完成，只需通過ftp軟件上傳至服務(wù)器端即可，而軟件開發(fā)所需條件相對較低，對于系統(tǒng)開發(fā)及運(yùn)行環(huán)境均不造成任何困難。對于系統(tǒng)開發(fā)人員基本具備了計算機(jī)專業(yè)知識，有一定的編程基礎(chǔ)，熟悉和掌握數(shù)據(jù)庫及網(wǎng)絡(luò)相關(guān)知識，具備開發(fā)條件。

（3）操作可行性

該系統(tǒng)操作上非常簡單，對于用戶來說，只要具備IE瀏覽器5.5版本以上即可通過域名搜索即可登錄本站。

3.3 個人網(wǎng)站整體要求

3.3.1 功能要求

（1）頁面風(fēng)格簡潔明快，給人以較好的視覺印象。（2）用戶瀏覽、操作均便捷，迅速。（3）用戶權(quán)限、功能的設(shè)置要準(zhǔn)確無誤。3.3.2 系統(tǒng)性能要求

在目前硬件設(shè)備條件下，要求處理程序的速度相對較快。因此，在程序設(shè)計階段，優(yōu)化代碼，降低處理時間是需要考慮的問題。3.3.3關(guān)于未來需求

由于系統(tǒng)開發(fā)時間較短，可能不是很完善，在運(yùn)行過程中還會遇到一些問題，所以應(yīng)在系統(tǒng)設(shè)計過程中對未來可能需要的擴(kuò)充和修改做好準(zhǔn)備，以便及時變更

第四章網(wǎng)站制作

4.1 站點

4.1.1 創(chuàng)建站點

要制作一個網(wǎng)站，第一步操作都是一樣的，就是要創(chuàng)造一個“站點”，這樣可以使整個網(wǎng)站的脈絡(luò)結(jié)構(gòu)清晰地展現(xiàn)在面前，避免了以后再進(jìn)行紛雜的管理。從菜單中選擇“站點/管理站點”在彈出的對話框中選擇“新建”，之后再選擇其中的“站點”，再次彈出一個對話框，在文本框中輸入自己已經(jīng)企化好的網(wǎng)站名稱“追夢人”。填好后，單擊“下一步”，進(jìn)入下一個步驟。由于我要做的是一個靜態(tài)的網(wǎng)頁，所以選擇上面的一項“否，我不想使用服務(wù)器技術(shù)?！?單擊“下一步”，進(jìn)入下一個步驟。

在此選項中有兩個選擇，選擇推薦的“編輯我的計算機(jī)上的本地副本，完成后再上傳到服務(wù)器”。底下的文本框允許在本地磁盤上指定一個文件夾，Dreamweaver將在其中儲存站點文件的本地副本。單擊該文本框后面的文件夾圖標(biāo)，新建并指定一個空的文件夾“E:/ding”。之后單擊“下一步“，進(jìn)入下一個步驟。

這一步是如何設(shè)置連接到遠(yuǎn)程服務(wù)器，彈出式菜單中有6中選擇，這里選擇“無”。而后“下一步”再“完成”，即可。

4.1.2 創(chuàng)建站點內(nèi)容

站點創(chuàng)建完成后，就可以創(chuàng)建Web頁來填充站點了。在“右側(cè)浮動面板組”中選擇“文件/文件”面板，此時整個網(wǎng)站中沒有任何內(nèi)容。用鼠標(biāo)右擊面板中的本地根目錄文件夾。在彈出的菜單中選擇“新建文件”，新建一個文件后將其命名為“index.htm(或index.html),它就是未來的首頁。網(wǎng)站分為“平面設(shè)計”、“動畫制作”、“網(wǎng)文精品”、“經(jīng)典回顧”、“個人說明“這五個大欄目，所以繼續(xù)用鼠標(biāo)右擊右側(cè)，在彈出的菜單中選擇第二項“New Folder（新建文件夾）”。執(zhí)行五次操作，新建五個文件夾，并把它們重命名為graph、anim、books、music、letter，分別對應(yīng)上面的五個大欄目。存放它們各自的內(nèi)容。之后再次新建1個文件夾，命名為images,用來存放“所有的圖象文件”的內(nèi)容。

之后在個欄目的文件夾里還要建立想相應(yīng)的欄目網(wǎng)頁。

4.2首頁

4.2.1 設(shè)置首頁布局

首頁是打開網(wǎng)站后在瀏覽器中顯示的第一個頁面。它是起什么名字通常要視Server端的設(shè)置，一般的有index.htm,default.htm或home.htm等，目前主要以index.htm的居多。當(dāng)然，后綴名為html也是正確的。

具體設(shè)置方法是：右健單擊“文件”浮動面板中的index.htm,在彈出的菜單中選擇“設(shè)成首頁”。

首頁的布局有很多方法，在這里我所用到的是表格的“布局模式”?！安季帧蹦Ｊ街械谋砀穹Q為布局表格，單元格稱為布局單元格。在繪制布局表格和布局單元格時，必須從“標(biāo)準(zhǔn)”模式切換到“布局”模式。直接單擊“布局”按鈕即可。操作步驟：

1、在“插入快捷欄”的“布局”分類中，單擊“布局表格”按紐。

2、將變成“+”形狀的鼠標(biāo)光標(biāo)放到編輯中網(wǎng)頁上，在要繪制的地方進(jìn)行拖動就可以進(jìn)行創(chuàng)建了。（如果繪制的是第一個表格必須從網(wǎng)頁的最左上角開始繪制）。

3、在這里要繪制多個表格，可以再次單擊“布局表格”按紐進(jìn)行繪制，也可以按住Ctrl鍵繪制多個表格。

4.2.2設(shè)置首頁的頁面屬性

首先雙擊“文件”浮動面板中的index.htm,進(jìn)入頁面的編輯窗口。右健單擊空白區(qū)域，在菜單中選擇“頁面屬性”，之后彈出“頁面屬性”對話框，若選擇主菜單“修改/頁面屬性”項，也可以把打開該對話框。

在“頁面屬性”對話框中，左側(cè)窗口顯示“分類”，其中包括了“外觀”、“鏈接”、“標(biāo)題”、“標(biāo)題/編碼”、“跟蹤圖像”5項，右側(cè)區(qū)域則顯示各類中可以設(shè)置的項目。4.2.3查看和編輯頭內(nèi)容

一個網(wǎng)頁文件結(jié)構(gòu)上實際是由兩部分組成，頭（head）內(nèi)容和主體（body）內(nèi)容主體內(nèi)容（body）是文檔的主要部分，也是包含文本和圖像等的可見部分。頭內(nèi)容（head）是除文檔標(biāo)題外的不可見部分，包含有文檔類型、語言編碼、搜索引擎的關(guān)鍵的關(guān)鍵字和內(nèi)容指示器以及樣式定義等重要信息，這些元器并不是每個頁面都需要的，例如，可以僅為主頁提供關(guān)鍵字。

下面就以首頁為例，說明怎樣插入較常用的頭（head）內(nèi)容。

單擊“菜單攔”下面“插入快捷”的下拉列表，選擇其中的HTML類，此時右側(cè)將會顯示該類中可以插入的對象快捷按鈕，再次單擊第2個按鈕“文件頭”旁邊的下拉箭頭，會彈出菜單，該項列出的便是即將插入的頭內(nèi)容。4.2.4 插入圖像

圖像是網(wǎng)頁中不可或缺的組成成份，恰當(dāng)?shù)厥褂脠D像，可以使網(wǎng)站充滿生活生命力與說服力，吸引更多的瀏覽者，加深他們欣賞你網(wǎng)站的意愿。

另一方面，網(wǎng)頁的容量大小是網(wǎng)站成功與否的一大關(guān)鍵因素。由于網(wǎng)絡(luò)在傳輸上的限制，導(dǎo)致了下載的速度不可能太快，因此，網(wǎng)頁的大小就不能太大，其中關(guān)鍵就在于圖像的大小了，否則瀏覽者會失去等待的耐心，無論你的網(wǎng)站多么精彩也無濟(jì)于事了。

所以，在網(wǎng)面容量大小的問題上一定要重視。下面就來詳細(xì)介紹對網(wǎng)頁圖像進(jìn)行處理的操作步驟，以使得它們在保持圖形美麗與網(wǎng)站風(fēng)格搭配的基礎(chǔ)上，圖片文件能夠變的更小。

1、首先將光標(biāo)停留在要插入圖像的位置，然后單擊“菜單欄”下面“插入快健欄”的下拉表，選擇其中的“常用”類，則右側(cè)將會顯示該類中可以插入的對象快鍵按鈕。左起第5個即為“圖像：圖像”按鈕，單擊它右側(cè)的下拉列表，選擇第1項“圖像”。

2、隨即彈出“選擇圖像源文件”對話框。從計算機(jī)磁盤中選擇想要插入的圖像文件，或在URL編輯框中輸入圖像的路徑和名稱。下面的“相對于”下拉表框中，可選擇文件URL地址的類型，如果選擇“文檔”選項，表示圖像地址相對于當(dāng)前文檔；如果選擇“站點根目錄”選項，表示地址相對于根目錄。在這里我要插入的是網(wǎng)站標(biāo)志logo，插入logo圖象。

最后單擊“確定”按鈕，即可完成插入圖像的操作。

4.2.5 插入多媒體

在Dreamweaver中，除了之前講到的可以插入“圖像”外，還可插入動畫、聲音、視頻等媒體元素，如Flash,Shockwave,Applets,ActieX及格Midi聲音文件等，并且還可以在Dreamweaver自身內(nèi)插入Macromedia Flash按鈕和文本對象，以及進(jìn)行相關(guān)的后期處理和添加設(shè)計備注等操作。

在Dreamweaver MX 2004文檔中，可以插入媒體文件包括Flash Shockwave影片、QuickTime、AVI java、applet Active X控件以及各種格式的音頻文件。

要在瀏覽器中播放放Flash 動畫，必須在瀏覽器中集成“Flash 播放器（Flash Player）”。其中，Internet Explorer通過ActiveX控制來實現(xiàn)，Netscape Navigator則是通過相應(yīng)的插件來實現(xiàn)的。在最新的Netscape Navigator和Internet Explorer瀏覽器中，均已集成了 Flash動

3、畫播放功能。操場作步驟：

步驟1 將光標(biāo)停留在要插入Flash的位置，然后單擊菜單欄下面“插入快捷欄”的下拉列表，選擇其中的“常用”分類，右側(cè)將會顯示該類中可以插入的對象快捷按鈕。左起第6個即為“媒體”按鈕，單擊它右側(cè)的下拉列表，選擇第1項Flash圖標(biāo)。

步驟2 在彈出的對話框中選擇擴(kuò)展名為swf 的Flash文件，即可將其插入到Dreamwe

aver的“網(wǎng)頁編輯窗口”中，可以看到，在這個窗口中Flash文件的大小。在這里我的主頁插入的一個動畫。4.2.6插入文本

在網(wǎng)頁中，文本內(nèi)容也可以說是重要的組成部分，一個網(wǎng)站成功與否，它是最關(guān)鍵的因素。在這最關(guān)鍵的因素?？韶S富網(wǎng)站的文字內(nèi)容，并以最最美觀、最整齊的方式放入到網(wǎng)頁中。

插入文本的兩種方式

一種是在網(wǎng)頁編輯窗口中直接用鍵盤敲入文本。這可以算是最基本的輸入方式了，和一些文本編輯軟件（如Microsoft Word）的使用方法一樣，選擇好習(xí)慣的輸入法，就可以運(yùn)指如飛了。

另一種是復(fù)制文本的方式。有些讀者可能不喜歡使用Dreamweaver來進(jìn)行打字的工作，而更習(xí)慣在專門的文本編輯軟件中快速打字，如Microsoft Word和 Windows自帶的記事本等，又或者讀者已經(jīng)準(zhǔn)備好了要放入網(wǎng)頁的文本的電子版本，那么我們就可以直接使用Dreamweaver的文本復(fù)制功能，將大段的文本內(nèi)容拷貝到網(wǎng)頁的編輯窗口來進(jìn)行排版的工作，具體步驟如下。

打開文本編輯軟件（如Microsoft Word），選中要復(fù)制的文本，它們將反白顯示，執(zhí)行菜單“編輯/復(fù)制”命令或直接用快捷鍵Ctrl+C，之后切換回Dreamweaver,將光標(biāo)停留在插入文本的位置，執(zhí)行主菜單“編輯/粘貼”命令或直接使用快捷鍵Ctrl+v,即可將大段的文本快速粘貼到網(wǎng)頁中。

這在我的“網(wǎng)文精品”中用到很多，全部是在word軟件中排好ctrl+c,然后點擊要粘貼的位置，crtl+v到Dreamweaver即可。

4.3創(chuàng)建其它網(wǎng)頁

還有其它的幾個網(wǎng)站與主頁的制作相同，一個網(wǎng)頁是圖象和文字的組合。

“平面設(shè)計”中的圖象插入和前面的介紹相似，并可以在屬性攔中調(diào)節(jié)圖象的大小。在Dreamwerver中常常會用到Firework、Flash，它們是相輔相成，在主頁中的主體部分就是用Firework 在“個人說明”中也用到這點，首先定好需要尺寸，在屬性中設(shè)好背景，顏色等等，插入圖象，輸入文字，也word里的操作雷同。

第五章網(wǎng)頁鏈接的建立

5.1 鏈接的概念

鏈接（或稱超鏈接）是網(wǎng)頁與網(wǎng)頁之間一種單向的連接關(guān)系。也是004km.cn如圖所示

（3）即對所選文本或圖像建立完鏈接。

5.6文件下載鏈接

“文件下載鏈接”的原理很簡單，只要鏈接文件屬于瀏覽無法識別的關(guān)型，便都會使用IE瀏覽器直接進(jìn)行下載，并保存到本地計算機(jī)中。

瀏覽器無法識別的文件類型有很多，這里就介紹一個最常用的，以zip或rar為后綴名的壓縮格式文件，這種文件可以使用主流的壓縮軟件（如winzip、winrar）來制作。下面我們就業(yè)以實例來說明。

在前面“插入多媒體”一章中，我們曾經(jīng)講過直接鏈接文件的方式來插入“視頻”，即直接在“鏈接”文本框中輸入“文件名+名后綴名”，如olympus.wmv。單日擊這個鏈接，經(jīng)過數(shù)據(jù)下載后，Windows系統(tǒng)將啟動自帶的媒體播放器Windows Media Player 來播放該視頻。操作步驟

步驟1 先將視頻文件olympus.wmv通壓縮成olympus.rar文件，放入站點的media文件夾下。

步驟2 將文件路徑輸入至“鏈接”文本框中。

步驟3 保存網(wǎng)頁，按下F12預(yù)覽，在瀏覽器中單擊“下載精彩廣告視頻”鏈接文本，會彈出“文本下載”選擇框，單擊其中的“保存”按鈕。

步驟4 在“另存為”對框中選擇保存到本地計算機(jī)中的位置，實例中為“經(jīng)典回顧”文件夾。之后單擊“保存”按鈕，壓縮文件即保存到該位置中。至此，“文件下載鏈接”便制作完成了。讀者可以打開“我的文檔”文件夾，解壓縮olympus.rar文件，隨時欣賞下載影片。

本設(shè)計中未用到此鏈接，在此只作簡單介紹。

5.7在HTML語言中建立網(wǎng)頁鏈接

5.7.1文字鏈接

在HTML語言中用超鏈接標(biāo)記指向一個目標(biāo)。其基本格式為：舉個簡單的“文本鏈接”的實例，該實例相對應(yīng)的HTML代碼如下所示。文字鏈接

a href-“index2.html”target=”-blank”>平面設(shè)計（新開窗口，-blank)

動畫制作（原窗口，默認(rèn)為空）

網(wǎng)文精品

下載課程網(wǎng)站的設(shè)計與實現(xiàn).doc

將本文檔下載到自己電腦，方便修改和收藏，請勿使用迅雷等下載。

點此處下載文檔

文檔為doc格式

相關(guān)專題精品課程網(wǎng)站課程設(shè)計

網(wǎng)址：http://004km.cn/a1/2019051219/54d157e7c853a17e.html
聲明：本文內(nèi)容由互聯(lián)網(wǎng)用戶自發(fā)貢獻(xiàn)自行上傳，本網(wǎng)站不擁有所有權(quán)，未作人工編輯處理，也不承擔(dān)相關(guān)法律責(zé)任。如果您發(fā)現(xiàn)有涉嫌版權(quán)的內(nèi)容，歡迎發(fā)送郵件至：645879355@qq.com 進(jìn)行舉報，并提供相關(guān)證據(jù)，工作人員會在5個工作日內(nèi)聯(lián)系你，一經(jīng)查實，本站將立刻刪除涉嫌侵權(quán)內(nèi)容。