第一篇：基于JSP的教育資源網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)論文
目錄
摘要 ………………………………………………………………………………… 1 前言 ………………………………………………………………………………… 2 1 網(wǎng)絡(luò)教育的現(xiàn)狀與分析……………………………………………………………2 1.1 我國(guó)網(wǎng)絡(luò)教育的現(xiàn)狀…………………………………………………………2 1.2 新疆網(wǎng)絡(luò)教育的現(xiàn)狀…………………………………………………………2 1.3 網(wǎng)絡(luò)教育的優(yōu)點(diǎn)與缺點(diǎn)………………………………………………………2 1.3.1 網(wǎng)絡(luò)教育的優(yōu)點(diǎn)……………………………………………………………2 1.3.2 網(wǎng)絡(luò)教育的缺點(diǎn)……………………………………………………………3 2 教育資源網(wǎng)站的實(shí)現(xiàn)工具及其環(huán)境………………………………………………3 2.1 開發(fā)工具………………………………………………………………………3 2.1.1 J2SDK………………………………………………………………………3 2.1.2 Tomcat服務(wù)器………………………………………………………………3 2.1.2 MySQL數(shù)據(jù)庫………………………………………………………………3 2.2 運(yùn)行環(huán)境………………………………………………………………………3 2.3 Browser/Server………………………………………………………………3 3 教育資源網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)………………………………………………………4 3.1 網(wǎng)站總體頁面構(gòu)架圖…………………………………………………………4 3.2網(wǎng)站的功能模塊………………………………………………………………4 3.2.1 用戶登錄模塊………………………………………………………………4 3.2.2 站內(nèi)搜索模塊………………………………………………………………4 3.2.3 資源上傳/下載模塊………………………………………………………4 3.2.4 教學(xué)交流平臺(tái)模塊…………………………………………………………5 3.3 模塊流程圖……………………………………………………………………5 3.4 網(wǎng)站資源的分類、采集與整理………………………………………………6 3.4.1 網(wǎng)站資源的分類……………………………………………………………6 3.4.2 網(wǎng)站資源的采集……………………………………………………………6 3.4.3 網(wǎng)站資源的整理……………………………………………………………6 3.5資源的分頁瀏覽………………………………………………………………7 3.6 教育資源的上傳與下載………………………………………………………7 3.6.1 JspSmartUpload組件………………………………………………………7 3.6.2 教育資源的上傳……………………………………………………………7 3.6.3 教育資源的下載……………………………………………………………7 4 教育資源網(wǎng)站的發(fā)展前景…………………………………………………………7 5 教育資源網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)過程中的問題與體會(huì) ………………………………7 5.1 遇到的問題與解決方法…………………………………………………… 7 5.1.1 數(shù)據(jù)庫的連接問題……………………………………………………… 7 5.1.2 資源種類的劃分標(biāo)準(zhǔn)…………………………………………………… 8 5.2 設(shè)計(jì)體會(huì)………………………………………………………………………8 6 結(jié)論 ………………………………………………………………………………8 謝辭………………………………………………………………………………… 9 參考文獻(xiàn) ……………………………………………………………………………10
基于JSP的教育資源網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)
池晉利
摘要：JSP是目前Internet上主流動(dòng)態(tài)網(wǎng)站的開發(fā)工具之一，本文描述JSP技術(shù)的特點(diǎn)以及它同另外幾種動(dòng)態(tài)網(wǎng)站開發(fā)技術(shù)的比較優(yōu)勢(shì)，并完成一個(gè)基于該技術(shù)的教育資源網(wǎng)站，同時(shí)分析了教育資源網(wǎng)站的現(xiàn)狀與前景。
關(guān)鍵詞：JSP；教學(xué)系統(tǒng)；教育資源
Design and Implementation of a Educational Resource Site Based on JSP
CHI Jin-li Abstract: JSP is the current mainstream dynamic development tools of Internet web site.This paper describes the characteristics of the JSP , and discusses technology advantages with several other dynamic web site development tools, and design and implementation of a education resources web site based on the technology, meanwhile analysis of educational resources for the status quo and prospects.Key word: JSP；teaching system；educational resources
第二篇：論文：個(gè)人網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)
個(gè)人網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)
前 言
隨著國(guó)際互聯(lián)網(wǎng)的普及，很多人已經(jīng)不滿足僅僅在Internet上的瀏覽信息，而是希望更深入的參與其中，擁有自己的Web網(wǎng)站，這似乎已經(jīng)成為一種潮流。如果說個(gè)人建立網(wǎng)站是為了追求時(shí)尚，那么企業(yè)建立網(wǎng)站就是必然的選擇了。
無論是專業(yè)的，還是業(yè)余的，很多人對(duì)網(wǎng)頁制作頗感興趣。事實(shí)上制作一個(gè)簡(jiǎn)單的網(wǎng)頁并不困難，會(huì)使用Word的人都可以勝任。但想做出超凡脫俗的網(wǎng)頁就不那么容易了，而Dreamweaver卻可以滿足你的愿望，它是Macromedia公司開發(fā)的集網(wǎng)頁制作和網(wǎng)站管理于一身的所見即所得的網(wǎng)頁編輯器。
同樣出自Macromedia公司的Flash,Fireworks在制作網(wǎng)站的過程中起到了錦上添花的作用，是個(gè)人網(wǎng)站實(shí)現(xiàn)的好幫手，在制作網(wǎng)站的時(shí)候經(jīng)常會(huì)用到這些軟件。
本文有五章，我來由淺到深介紹個(gè)人網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)。
摘 要
在互聯(lián)網(wǎng)走進(jìn)我們的生活之前，沒有人敢夢(mèng)想擁有自己的報(bào)紙、雜志、電臺(tái)、電視臺(tái)。除了政策上的制約外，一個(gè)人也根本沒有操作一份傳播媒體的能力?，F(xiàn)在不同了，互聯(lián)網(wǎng)給我們提供了一個(gè)“表達(dá)自我”的自由天地,你可以擁有自己的新聞郵件，你可以建立自己的個(gè)人網(wǎng)站。只要你辦得成功也可以吸引成千上萬的訂戶、讀者,并建立自己在眾多參與者中的權(quán)威地位。建立個(gè)人網(wǎng)站的基本過程可以分為以下七個(gè)環(huán)節(jié) : 1 了解中國(guó)網(wǎng)絡(luò)個(gè)人主頁研究背景與發(fā)展現(xiàn)狀 2 系統(tǒng)需求分析與總體設(shè)計(jì) 3 熟悉網(wǎng)站開發(fā)模式、工具及環(huán)境 把自己的作品和想要展示的內(nèi)容制作成網(wǎng)頁。5 使用動(dòng)態(tài)網(wǎng)頁技術(shù)(ASP)，實(shí)現(xiàn)動(dòng)態(tài)內(nèi)容更新。6 認(rèn)真地選取測(cè)試用例，進(jìn)行交叉測(cè)試 7 網(wǎng)站的后期完善、宣傳及發(fā)展方向
其中 ,網(wǎng)頁制作和使用動(dòng)態(tài)網(wǎng)頁技術(shù)(ASP)實(shí)現(xiàn)動(dòng)態(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
第一章 預(yù)備知識(shí)
1.1 什么是Internet Internet的中文名為“國(guó)際互聯(lián)網(wǎng)”，又稱“因特網(wǎng)”。
Internet是由眾多的計(jì)算機(jī)網(wǎng)絡(luò)互聯(lián)而成的互聯(lián)網(wǎng)，它覆蓋了全世界各地，它是采用開放系統(tǒng)協(xié)議的計(jì)算機(jī)通訊網(wǎng)絡(luò)。然而，Internet不僅僅是計(jì)算機(jī)的互聯(lián)網(wǎng)，它還是全球最大的信息資源寶庫，它提供了包括科研、教育、文化娛樂、商業(yè)和信息交流等各種各樣的服務(wù)，使得世界范圍內(nèi)的人與人之間的交流在時(shí)間和空間上變的更小了。
要了解Internet，就必須先了解局域網(wǎng)。我們可以將同一地點(diǎn)的許多計(jì)算機(jī)使用網(wǎng)線連接在一起，構(gòu)成一個(gè)高效率的計(jì)算機(jī)網(wǎng)絡(luò)，所有處于網(wǎng)絡(luò)內(nèi)的終端機(jī)或電腦都能享受網(wǎng)絡(luò)內(nèi)所有的資源，比如程序，圖文資料等。這種計(jì)算機(jī)網(wǎng)絡(luò)因?yàn)橐话愣季窒拊谝欢▍^(qū)域中，我們稱之為“局域網(wǎng)”（Local Area Network,簡(jiǎn)稱LAN）,它是在日常工作中用得最多的一種小型計(jì)算機(jī)網(wǎng)絡(luò)。局域網(wǎng)所覆蓋的地理范圍比較小，通常不超過幾十公里，甚至只在同一座建筑物內(nèi)或者鄰近的幾座建筑內(nèi)。像常見的校園網(wǎng)，一座寫字樓內(nèi)部的網(wǎng)絡(luò)等都屬于局域網(wǎng)。
而Internet則不是指單個(gè)區(qū)域范圍內(nèi)的網(wǎng)絡(luò)，而是指將全世界的各中不同類型的計(jì)算機(jī)網(wǎng)絡(luò)連接起來的一個(gè)全球性的網(wǎng)絡(luò)。Internet上有取之不盡，用之不竭的信息資源。對(duì)于Internet中各種各樣的信息，所有的人都可以通過網(wǎng)絡(luò)的連接來共享和使用。
1.2 Internet有那些功能
Web頁瀏覽：這是目前利用最廣泛、最直接的互聯(lián)網(wǎng)服務(wù)，通過瀏覽WWW（萬維網(wǎng)）中的網(wǎng)頁，可以了解世界各地的新聞，查看最新的股市行情，最新的娛樂動(dòng)態(tài)、科技發(fā)明，找到眾多的就業(yè)信息??幾乎想找到什么樣的信息，就有什么信息。正是有了WWW、Internet才會(huì)變得如此豐富多彩，才能走進(jìn)千家萬戶。信息發(fā)布：通過Internet，不僅可以瀏覽別人發(fā)布在Web頁上的信息，也可以將自己要發(fā)布的信息制作成Web頁，也即網(wǎng)頁，然后發(fā)布到Internet上，供全世界的人瀏覽。
電子郵件：不同于傳統(tǒng)郵件，電子郵件(E-mail)通過Internet傳輸，寫信，發(fā)信，收信都在計(jì)算機(jī)上完成，一封電子郵件最短在一秒之內(nèi)就可以發(fā)送出去，其效率是傳統(tǒng)郵件無法比擬的。而且發(fā)送與接收電子郵件幾乎是免費(fèi)的，所以比傳統(tǒng)郵件既節(jié)省時(shí)間又經(jīng)濟(jì)的多。
網(wǎng)上聊天：通過聊天軟件（如QQ、ICQ等）或不同網(wǎng)站的聊天室，可以和世界各地的網(wǎng)友聊天。網(wǎng)友可能是遠(yuǎn)在天邊的異國(guó)朋友，也可能是與你一起工作的餓同事，或者是一起生活的家人，在這里沒有年齡、性別、身份、職業(yè)、國(guó)籍、膚色的限制，完全突破了交友的傳統(tǒng)方式，人們可通過Internet互相了解對(duì)方，進(jìn)行各種各樣的交流。
電子商務(wù)：現(xiàn)在網(wǎng)上交易已經(jīng)成為現(xiàn)實(shí)，網(wǎng)上購物、網(wǎng)上商品銷售、網(wǎng)上拍賣、企業(yè)級(jí)電子商務(wù)、網(wǎng)上貨幣支付等電子商務(wù)活動(dòng)已經(jīng)搞的有聲有色，幾乎所有的專家都預(yù)測(cè)，在未來的幾年內(nèi)，電子商務(wù)會(huì)飛速發(fā)展。在不久的將來，您可以做在電腦前進(jìn)行各種各樣的商務(wù)活動(dòng)。
網(wǎng)絡(luò)游戲：通過Internet，可以與全世界的玩家一起進(jìn)行游戲?qū)?zhàn)，也可以協(xié)同作戰(zhàn)。網(wǎng)絡(luò)游戲已經(jīng)成為信息產(chǎn)業(yè)全新的經(jīng)濟(jì)增長(zhǎng)點(diǎn)，每年都為開發(fā)商帶來巨額的利潤(rùn)。通過網(wǎng)絡(luò)游戲，可以充分享受Internet給我們帶來的樂趣。
網(wǎng)絡(luò)電話：網(wǎng)絡(luò)電話也稱IP電話。它采用Internet技術(shù)，利用專門的網(wǎng)絡(luò)電話軟件，只需支付非常低廉的話費(fèi)就可通話。Internet在電信市場(chǎng)上的應(yīng)用將越來越廣泛。
1.3 WWW的簡(jiǎn)介
WWW的全稱為World Wide Web，含義是“環(huán)球網(wǎng)”，又稱“萬維網(wǎng)”、3W、Web。WWW是一個(gè)基于超文本（Hypertext）方式的信息檢索服務(wù)工具。我們上網(wǎng)瀏覽到的網(wǎng)頁就是這樣的超文本，也就是HTML(Hypertext Mark-up Language,超文本標(biāo)記語言)文件，這些網(wǎng)頁文件被放置到WWW服務(wù)器上，并且都有一定的地址。當(dāng)我們想瀏覽某個(gè)網(wǎng)站時(shí)，首先要在電腦上安裝瀏覽器，如Internet Explorer或Netscape，然后在瀏覽器中輸入網(wǎng)站的地址（網(wǎng)址），就可以進(jìn)入網(wǎng)站進(jìn)行瀏覽。在這些網(wǎng)頁中，都有超連接，當(dāng)將鼠標(biāo)指針移動(dòng)到某個(gè)地方（如文本或圖象）時(shí)，鼠標(biāo)指針就會(huì)變成一個(gè)小手形形狀，單擊它就可以連接到另個(gè)網(wǎng)頁中，從而使得瀏覽者能在不同的信息之間跳轉(zhuǎn)，我們之所以能在Internet的海洋中穿梭自如，正是超連接的功勞。
WWW 為我們帶來的是世界范圍的超級(jí)文本服務(wù)：只須操縱鼠標(biāo)，就可以通過Internet從世界各地調(diào)來你所希望的文本、圖像、動(dòng)畫和聲音等信息。通過使用WWW，一個(gè)不熟悉網(wǎng)絡(luò)使用的人也可以成為Internet的行家。
1.4網(wǎng)頁基本構(gòu)成元素
要學(xué)會(huì)制作網(wǎng)頁，首先需要了解網(wǎng)頁都是由什么元素構(gòu)成的。
文字：文本是構(gòu)成網(wǎng)頁的基本元素。一個(gè)最簡(jiǎn)單的網(wǎng)頁可以只有幾行文本。
圖片：正是有個(gè)各種美麗的圖片，網(wǎng)頁才變得多姿多彩。
動(dòng)畫：如今，網(wǎng)頁上的動(dòng)畫越來越多，最常用的有GIF動(dòng)畫、Flash動(dòng)畫等。
超連接：如上所述，超連接幾乎是必不可少的。一個(gè)沒有超連接的網(wǎng)頁，就如同汪洋大海中的一座孤島，失去了與外界的一切聯(lián)系。
其它元素：還可以在網(wǎng)頁中添加聲音、視頻等元素。
1.5軟件的安裝與啟動(dòng) 要使用網(wǎng)站設(shè)計(jì)軟件，自然先要將這些軟件安裝到自己的電腦中。安裝完畢，還需要如何啟動(dòng)，如何創(chuàng)建快捷方式。下面就讓我們來詳細(xì)地看一看具體的操作步驟。
1.5.1軟件的安裝
安裝之前，需要先了解軟件對(duì)系統(tǒng)的要求。以Windows為例，系統(tǒng)要求如下： Intel Pentium II處理器或等效處理器，主頻300MHz或更高。
Windows 98Windows 2000Windows NT(具有Service Pack 3 或更高版本)、Windows Me或Windows XP.Netscape Navigator 4.0版或更高版本或Microsoft Internet Explorer.96MB的可用內(nèi)存（RAM），建議采用128MB內(nèi)存。
分辨率可達(dá) 800×600像素的256色顯示器（建議顏色為百萬顏色，分辨率達(dá)到1024×768像素）。CD-ROM 驅(qū)動(dòng)器。
檢查一下您的計(jì)算機(jī)，看是否具備了以上條件。如果具備，將“Macromedia Studio MX”程序會(huì)自動(dòng)運(yùn)行。如果不能自動(dòng)運(yùn)行，可以找到光盤放入光驅(qū)，安裝程序會(huì)自動(dòng)運(yùn)行。可以找到光盤中的“Install Macromedia Studio MX”程序或“Autorun”程序并雙擊運(yùn)行。
Dreamweaver的安裝比較容易，幾乎可以自動(dòng)完成。下面簡(jiǎn)要說明一下安裝步驟。
操作步驟：
1、將安裝光盤放入光驅(qū)，安裝程序自動(dòng)運(yùn)行，并出現(xiàn)安裝界面。如果單擊安裝界面上的“Macromedia STUDIO MX安裝”，那么將會(huì)安裝其下方所列出的軟件。所有的安裝會(huì)自動(dòng)完成。
2、單擊Dreamweaver MX,開始安裝過裝過程.先是出現(xiàn)解壓縮文件窗口,等待一會(huì)兒,便會(huì)出現(xiàn)安裝向?qū)?duì)話框。單擊“下一步”按鈕，繼續(xù)安裝過程。
3、出現(xiàn)“選擇目的地位置”對(duì)話框，默認(rèn)的盤是C盤，如果想安裝到不同的位置，可以單擊目的文件夾右邊的“瀏覽”按鈕，并在彈出的“選擇文件夾”對(duì)話框選擇不同的文件，如要安裝在D盤則可直接將路徑中的“C：”改為“D:”。也可以在下面的“目錄”中選擇其它的文件夾，設(shè)置完后，單擊“確定”，回到“選擇目的地址”對(duì)話框，單擊“下一步”繼續(xù)。
4、而后會(huì)出現(xiàn)“默認(rèn)編輯器”的對(duì)話框，默認(rèn)為全選。如果希望讓Dreamweaver MX成為下面所列文件類型的默認(rèn)編輯器，那么可以在這里做選擇。選擇完畢，單擊“下一步”按鈕。
5、出現(xiàn)“開始復(fù)制文件”對(duì)話框，單擊“下一步”安裝程序開始復(fù)制文件，過幾分鐘后，安裝結(jié)束，單擊“結(jié)束”按鈕，結(jié)束安裝。
1.5.2 軟件啟動(dòng)
軟件安裝完畢后，我們就可以使用它了。安裝程序已經(jīng)自動(dòng)在“開始”菜單中加入了快捷方式。
單擊“開始”菜單，將鼠標(biāo)指針依次指向“程序”|“Macromedia”|“Macromedia MX”,并在上面單擊鼠標(biāo)左鍵。
1.5.3 創(chuàng)建快捷方式 使用“開始”菜單啟動(dòng)程序的過程比較煩瑣?？梢栽赪indows桌面或快速啟動(dòng)欄上創(chuàng)建快捷方式，這樣可以快速的啟動(dòng)程序。
具體實(shí)現(xiàn)方法是：在“開始”菜單中找到相應(yīng)程序的快捷方式，不過這是不要用鼠標(biāo)左鍵單擊，而是用右鍵按住向桌面拖動(dòng)，然后松開右鍵，會(huì)出現(xiàn)一個(gè)快捷菜單，在其中可以選擇不同的命令，比如選擇“在當(dāng)前位置創(chuàng)建快捷方式”或“復(fù)制到當(dāng)前位置”。
這樣以后在運(yùn)行程序時(shí)，就方便快捷的多了。
1.6 制作網(wǎng)頁前的準(zhǔn)備
電腦必備：
電腦速度夠快，最好能夠上網(wǎng)。操作系統(tǒng)：Windows 98/NT/Me/2000/XP.軟件可選：
其它軟件：看圖軟件ACDSee、圖像處理軟件Photoshop、上傳工具CuteFTP、Fireworks、動(dòng)畫軟件Flash等。
1.7 Dreamweaver MX的操作環(huán)境
我們將工作界面分成了“標(biāo)題欄”、“菜單欄”、“快捷工具欄”、“屬性面板”、“浮動(dòng)控制面板”5個(gè)部分來分別介紹。
1.7.1 標(biāo)題欄 Dreamweaver MX的“標(biāo)題欄”中將顯示文字“Macromedia Dreamweaver MX”如果打開網(wǎng)頁的話，在后面還會(huì)顯示該網(wǎng)頁的一些信息，如網(wǎng)頁標(biāo)題、所在位置及網(wǎng)頁名稱，右邊有三個(gè)鈕，分別對(duì)應(yīng)Dreamweaver MX的最大化最小化和關(guān)閉的操作。
1.7.2 菜單欄
“標(biāo)題欄”下面就是“菜單欄”，欄中提供了“文件”、“編輯”、“查看”、“插入”、“修改”、“文本”、“站點(diǎn)”、“窗口”、“幫助”10項(xiàng)菜單。單擊其中任意一項(xiàng)菜單，隨即就會(huì)出現(xiàn)一個(gè)下拉式指令菜單。有些指令的右邊會(huì)有鍵盤的代碼，這是該指令的快捷鍵，熟練使用快捷鍵將會(huì)有助于提高工作效率。有些指令的右邊會(huì)有一個(gè)小黑三角的標(biāo)記，它代表該指令還包含下一級(jí)的指令，鼠標(biāo)停留片刻即可顯示。
1.7.3 快捷工具欄
“快捷工具欄”指的是“菜單欄”下邊的3排按鈕，選擇菜單“查看/工具欄”，勾選里面的“插入”、“文檔”和“標(biāo)準(zhǔn)”3項(xiàng)，完整的快捷工具欄就顯現(xiàn)出來了。
1.7.4 屬性面板
在網(wǎng)頁編輯窗口的下面還有一個(gè)面板，它是有名的“屬性面板”，它在這個(gè)軟件中起到舉足輕重的作用。
屬性面板顧名思義，就是顯示，調(diào)整屬性的面板，根據(jù)鼠標(biāo)所選中對(duì)象的不同，“屬性面板”在界面上也會(huì)有所差異，用戶可以分別對(duì)不同的對(duì)象進(jìn)行調(diào)整。
第二章 網(wǎng)站制作實(shí)戰(zhàn)
2.1 站點(diǎn)
2.1.1 創(chuàng)建站點(diǎn)
要制作一個(gè)網(wǎng)站，第一步操作都是一樣的，就是要?jiǎng)?chuàng)造一個(gè)“站點(diǎn)”，這樣可以使整個(gè)網(wǎng)站的脈絡(luò)結(jié)構(gòu)清晰地展現(xiàn)在面前，避免了以后再進(jìn)行紛雜的管理。
從菜單中選擇“站點(diǎn)/管理站點(diǎn)”在彈出的對(duì)話框中選擇“新建”，之后再選擇其中的“站點(diǎn)”，再次彈出一個(gè)對(duì)話框，在文本框中輸入自己已經(jīng)企化好的網(wǎng)站名稱“追夢(mèng)人”。
填好后，單擊“下一步”，進(jìn)入下一個(gè)步驟。由于我要做的是一個(gè)靜態(tài)的網(wǎng)頁，所以選擇上面的一項(xiàng)“否，我不想使用服務(wù)器技術(shù)?！?單擊“下一步”，進(jìn)入下一個(gè)步驟。
在此選項(xiàng)中有兩個(gè)選擇，選擇推薦的“編輯我的計(jì)算機(jī)上的本地副本，完成后再上傳到服務(wù)器”。底下的文本框允許在本地磁盤上指定一個(gè)文件夾，Dreamweaver將在其中儲(chǔ)存站點(diǎn)文件的本地副本。單擊該文本框后面的文件夾圖標(biāo)，新建并指定一個(gè)空的文件夾“E:/ding”。之后單擊“下一步“，進(jìn)入下一個(gè)步驟。
這一步是如何設(shè)置連接到遠(yuǎn)程服務(wù)器，彈出式菜單中有6中選擇，這里選擇“無”。而后“下一步”再“完成”，即可。
2.1.2 創(chuàng)建站點(diǎn)內(nèi)容
站點(diǎn)創(chuàng)建完成后，就可以創(chuàng)建Web頁來填充站點(diǎn)了。在“右側(cè)浮動(dòng)面板組”中選擇“文件/文件”面板，此時(shí)整個(gè)網(wǎng)站中沒有任何內(nèi)容。用鼠標(biāo)右擊面板中的本地根目錄文件夾。在彈出的菜單中選擇“新建文件”，新建一個(gè)文件后將其命名為“index.htm(或index.html),它就是未來的首頁。
由于“追夢(mèng)人”網(wǎng)站分為“平面設(shè)計(jì)”、“動(dòng)畫制作”、“網(wǎng)文精品”、“經(jīng)典回顧”、“個(gè)人說明“這五個(gè)大欄目，所以繼續(xù)用鼠標(biāo)右擊右側(cè)，在彈出的菜單中選擇第二項(xiàng)“New Folder（新建文件夾）”。執(zhí)行五次操作，新建五個(gè)文件夾，并把它們重命名為graph、anim、books、music、letter，分別對(duì)應(yīng)上面的五個(gè)大欄目。存放它們各自的內(nèi)容。之后再次新建1個(gè)文件夾，命名為images,用來存放“所有的圖象文件”的內(nèi)容。
之后在個(gè)欄目的文件夾里還要建立想相應(yīng)的欄目網(wǎng)頁。
2.2 首頁
2.2.1 設(shè)置首頁布局
每個(gè)網(wǎng)站都會(huì)有一個(gè)首頁，就功能上而言，它代表著一個(gè)網(wǎng)站的風(fēng)格與特色，就網(wǎng)站架構(gòu)上而言，它代表了網(wǎng)站的第一層架構(gòu)，至于網(wǎng)站上其他Web頁，原則上都必須通過首頁來連接散播出去，可見首頁是多么的重要。
首頁是打開網(wǎng)站后在瀏覽器中顯示的第一個(gè)頁面。它是起什么名字通常要視Server端的設(shè)置，一般的有index.htm,default.htm或home.htm等，目前主要以index.htm的居多。當(dāng)然，后綴名為html也是正確的。
具體設(shè)置方法是：右健單擊“文件”浮動(dòng)面板中的index.htm,在彈出的菜單中選擇“設(shè)成首頁”。
首頁的布局有很多方法，在這里我所用到的是表格的“布局模式”。“布局”模式中的表格稱為布局表格，單元格稱為布局單元格。在繪制布局表格和布局單元格時(shí)，必須從“標(biāo)準(zhǔn)”模式切換到“布局”模式。直接單擊“布局”按鈕即可。操作步驟：
1、在“插入快捷欄”的“布局”分類中，單擊“布局表格”按紐。
2、將變成“+”形狀的鼠標(biāo)光標(biāo)放到編輯中網(wǎng)頁上，在要繪制的地方進(jìn)行拖動(dòng)就可以進(jìn)行創(chuàng)建了。（如果繪制的是第一個(gè)表格必須從網(wǎng)頁的最左上角開始繪制）。
3、在這里要繪制多個(gè)表格，可以再次單擊“布局表格”按紐進(jìn)行繪制，也可以按住Ctrl鍵繪制多個(gè)表格。追夢(mèng)人”網(wǎng)站首頁的布局如圖所示：
2.2.2設(shè)置首頁的頁面屬性
首先雙擊“文件”浮動(dòng)面板中的index.htm,進(jìn)入頁面的編輯窗口。右健單擊空白區(qū)域，在菜單中選擇“頁面屬性”，之后彈出“頁面屬性”對(duì)話框，若選擇主菜單“修改/頁面屬性”項(xiàng)，也可以把打開該對(duì)話框。
在“頁面屬性”對(duì)話框中，左側(cè)窗口顯示“分類”，其中包括了“外觀”、“鏈接”、“標(biāo)題”、“標(biāo)題/編碼”、“跟蹤圖像”5項(xiàng)，右側(cè)區(qū)域則顯示各類中可以設(shè)置的項(xiàng)目?！白穳?mèng)人”首頁設(shè)置的屬性如下圖所示：
2.2.3查看和編輯頭內(nèi)容
一個(gè)網(wǎng)頁文件結(jié)構(gòu)上實(shí)際是由兩部分組成，頭（head）內(nèi)容和主體（body）內(nèi)容主體內(nèi)容（body）是文檔的主要部分，也是包含文本和圖像等的可見部分。頭內(nèi)容（head）是除文檔標(biāo)題外的不可見部分，包含有文檔類型、語言編碼、搜索引擎的關(guān)鍵的關(guān)鍵字和內(nèi)容指示器以及樣式定義等重要信息，這些元器并不是每個(gè)頁面都需要的，例如，可以僅為主頁提供關(guān)鍵字。
下面就以首頁為例，說明怎樣插入較常用的頭（head）內(nèi)容。
單擊“菜單攔”下面“插入快捷”的下拉列表，選擇其中的HTML類，此時(shí)右側(cè)將會(huì)顯示該類中可以插入的對(duì)象快捷按鈕，再次單擊第2個(gè)按鈕“文件頭”旁邊的下拉箭頭，會(huì)彈出菜單，該項(xiàng)列出的便是即將插入的頭內(nèi)容。
2.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)鍵就在于圖像的大小了，否則瀏覽者會(huì)失去等待的耐心，無論你的網(wǎng)站多么精彩也無濟(jì)于事了。所以，在網(wǎng)面容量大小的問題上一定要重視。下面就來詳細(xì)介紹對(duì)網(wǎng)頁圖像進(jìn)行處理的操作步驟，以使得它們?cè)诒３謭D形美麗與網(wǎng)站風(fēng)格搭配的基礎(chǔ)上，圖片文件能夠變的更小。
1、首先將光標(biāo)停留在要插入圖像的位置，然后單擊“菜單欄”下面“插入快健欄”的下拉表，選擇其中的“常用”類，則右側(cè)將會(huì)顯示該類中可以插入的對(duì)象快鍵按鈕。左起第5個(gè)即為“圖像：圖像”按鈕，單擊它右側(cè)的下拉列表，選擇第1項(xiàng)“圖像”。
2、隨即彈出“選擇圖像源文件”對(duì)話框。從計(jì)算機(jī)磁盤中選擇想要插入的圖像文件，或在URL編輯框中輸入圖像的路徑和名稱。下面的“相對(duì)于”下拉表框中，可選擇文件URL地址的類型，如果選擇“文檔”選項(xiàng)，表示圖像地址相對(duì)于當(dāng)前文檔；如果選擇“站點(diǎn)根目錄”選項(xiàng)，表示地址相對(duì)于根目錄。在這里我要插入的是網(wǎng)站標(biāo)志logo，插入logo圖象，如圖所示：
最后單擊“確定”按鈕，即可完成插入圖像的操作。2.2.5插入多媒體
在Dreamweaver MX2004中，除了之前講到的可以插入“圖像”外，還可插入動(dòng)畫、聲音、視頻等媒體元素，如Flash,Shockwave,Applets,ActieX及格Midi聲音文件等，并且還可以在Dreamweaver自身內(nèi)插入Macromedia Flash MX2004按鈕和文本對(duì)象，以及進(jìn)行相關(guān)的后期處理和添加設(shè)計(jì)備注等操作。
在Dreamweaver MX 2004文檔中，可以插入媒體文件包括Flash Shockwave影片、QuickTime、AVI java、applet Active X控件以及各種格式的音頻文件。要在瀏覽器中播放放Flash 動(dòng)畫，必須在瀏覽器中集成“Flash 播放器（Flash Player）”。其中，Internet Explorer通過ActiveX控制來實(shí)現(xiàn)，Netscape Navigator則是通過相應(yīng)的插件來實(shí)現(xiàn)的。在最新的Netscape Navigator和Internet Explorer瀏覽器中，均已集成了 Flash動(dòng)畫播放功能。操場(chǎng)作步驟：
步驟1 將光標(biāo)停留在要插入Flash的位置，然后單擊菜單欄下面“插入快捷欄”的下拉列表，選擇其中的“常用”分類，右側(cè)將會(huì)顯示該類中可以插入的對(duì)象快捷按鈕。左起第6個(gè)即為“媒體”按鈕，單擊它右側(cè)的下拉列表，選擇第1項(xiàng)Flash圖標(biāo)。
步驟2 在彈出的對(duì)話框中選擇擴(kuò)展名為swf 的Flash文件，即可將其插入到Dreamwe aver的“網(wǎng)頁編輯窗口”中，可以看到，在這個(gè)窗口中Flash文件的大小。在這里我的主頁插入的一個(gè)動(dòng)畫，如圖所示：
2.2.6插入文本 文字是人類語言最基本的表達(dá)方式，在網(wǎng)頁中，文本內(nèi)容也可以說是重要的組成部分，一個(gè)網(wǎng)站成功與否，它是最關(guān)鍵的因素。在這最關(guān)鍵的因素?？韶S富網(wǎng)站的文字內(nèi)容，并以最最美觀、最整齊的方式放入到網(wǎng)頁中。插入文本的兩種方式
網(wǎng)頁中需要大量的文本，我們或以通過以下兩種方式插入它們。
一種是在網(wǎng)頁編輯窗口中直接用鍵盤敲入文本。這可以算是最基本的輸入方式了，和一些文本編輯軟件（如Microsoft Word）的使用方法一樣，選擇好習(xí)慣的輸入法，就可以運(yùn)指如飛了。
另一種是復(fù)制文本的方式。有些讀者可能不喜歡使用Dreamweaver MX2004來進(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,然后點(diǎn)擊要粘貼的位置，crtl+v到Dreamweaver即可。
2.3創(chuàng)建其它網(wǎng)頁
還有其它的幾個(gè)網(wǎng)站與主頁的制作相同，一個(gè)網(wǎng)頁是圖象和文字的組合?！捌矫嬖O(shè)計(jì)”中的圖象插入和前面的介紹相似，并可以在屬性攔中調(diào)節(jié)圖象的大小。在Dreamwerver中常常會(huì)用到Firework、Flash，它們是相輔相成，在主頁中的主體部分就是用Firework,如圖所示：
在“個(gè)人說明”中也用到這點(diǎn)，首先定好需要尺寸，在屬性中設(shè)好背景，顏色等等，插入圖象，輸入文字，也word里的操作雷同。
第三章 建立網(wǎng)頁鏈接
網(wǎng)站實(shí)際上是由很多網(wǎng)頁組成的，那么網(wǎng)頁之間是如何聯(lián)系的呢？這就是本章要講的內(nèi)容----網(wǎng)頁的“鏈接”。
“鏈接”，又稱“超鏈接"（Hyperlink）,它作為網(wǎng)頁的橋梁，起著相當(dāng)重要的作用。網(wǎng)頁中的很多對(duì)象都可以加入“鏈接”屬性。在Dreamweaver MX2004中，如果以“鏈接”的媒介來劃分的話，則“鏈接”可以分為“文字鏈接”、“圖像鏈接”、“圖像地圖鏈接”、“內(nèi)部鏈接和外部鏈接”、“E-mail鏈接”、“命名錨記鏈接”、“文件下載鏈接”和“跳轉(zhuǎn)菜單”，共8種。其中部分內(nèi)容在之前的章節(jié)中可能接觸過，這里將對(duì)其進(jìn)行更深入的講解。
3.1文字鏈接
“文字鏈接”即以文字作為媒介的鏈接，它是網(wǎng)頁中最常被使用的鏈接方式，具有“文件小、制作簡(jiǎn)單和便于維護(hù)”的特點(diǎn)。
接下來結(jié)合我的個(gè)人網(wǎng)站為實(shí)例，來講解如何為文字建立“鏈接”。具體操作步驟如下所述。操作步驟
步驟1 準(zhǔn)備好已經(jīng)制作完成的首頁的各個(gè)欄目頁面（假設(shè)除了“鏈接”，其他內(nèi)容都已經(jīng)制作完成了），該網(wǎng)站包含6個(gè)欄目，這里的5個(gè)欄目----“平面設(shè)計(jì)”、“動(dòng)畫制作”和“網(wǎng)文精品”、“經(jīng)典回顧”、“個(gè)人說明”為例來進(jìn)行講解。
步驟2 在Dreamweaver 中打開首頁，之后反白選取作為“鏈接”的文字。實(shí)例中要做到單擊不同的欄目的網(wǎng)頁。因此為第1個(gè)欄目“平面設(shè)計(jì)”設(shè)置鏈接，首先要反白選中“平面設(shè)計(jì)”4個(gè)文字。
步驟3 觀察“屬性面板”，其中包括一個(gè)“鏈接”文本框。步驟4 接下來需要把鏈接的地址加入到文本框中，方法有3種。
這里我用到的是直接點(diǎn)擊文件夾圖標(biāo)，在文件夾中找到要鏈接的對(duì)象graph.htm。這樣就建立了超鏈接。不過有點(diǎn)很重要，由于大多數(shù)服務(wù)器都不支持中文文件名，而且對(duì)大小寫敏感，因此采用英文文件名并統(tǒng)一大小寫。如圖所示：
步驟5 在“鏈接”文本框下面還有一個(gè)“目標(biāo)”下拉列表，從中可以選擇鏈接網(wǎng)頁顯示的窗口方式，共有4種。如圖：
實(shí)例中沒有選擇任何選項(xiàng)，保持空白，表示在原窗口中打開鏈接網(wǎng)頁。
步驟6 還可以設(shè)置一些“鏈接”的屬性，這是前面講過的內(nèi)容。單擊“屬性面板”中的“頁面屬性”，選擇其中的“鏈接”分類，可以進(jìn)行的設(shè)置有“鏈接字體”、“大小”、“鏈接顏色”、“變換圖像鏈接”顏色、“已訪問鏈接”顏色、“活動(dòng)鏈接”顏色及“下劃線樣式”。
步驟7 至此，第1個(gè)欄目的鏈接就制作完畢了，按下Ctrl+S保存網(wǎng)頁，再按下F12預(yù)覽，測(cè)試一下，當(dāng)鼠標(biāo)放在“平面設(shè)計(jì)”這4個(gè)文字上時(shí)將變成手形，并且瀏覽器窗口下面的狀態(tài)欄中會(huì)顯示鏈接到的網(wǎng)頁的地址，單擊文字，頁面會(huì)立即跳轉(zhuǎn)到第1個(gè)欄目中，這表示鏈接已經(jīng)制作成功了。
步驟8 同理，按照以上步驟，再為“動(dòng)畫制作”和“網(wǎng)文精品”“經(jīng)典回顧“等其它欄制作指向?qū)?yīng)欄目的鏈接。
步驟9 通常在欄目頁面中還需要有“返回首頁”的鏈接，單擊其后可以跳轉(zhuǎn)回首頁，因此在各個(gè)欄目中還要插入“網(wǎng)站首頁”的文字，并且制作指向首頁index.html的鏈接，制作方法不變。
至此，整個(gè)“文字鏈接”的實(shí)例就全就全部完成了。通過對(duì)這個(gè)實(shí)例的講解，讀者不僅應(yīng)該學(xué)會(huì)如何為文字制作鏈接，還應(yīng)用對(duì)“鏈接”有了更加深刻的理解，鏈接的目的何在？它到底能夠在網(wǎng)頁的網(wǎng)站中發(fā)揮什么樣的作用？怎樣才能更好地使用它？這些是網(wǎng)頁制作者更應(yīng)該思考的問題。下面繼續(xù)介紹其他類型的鏈接。
3.2圖像鏈接
“圖像”也是常被使用的鏈接媒體，它和“文字鏈接”非常相似。為圖像加入鏈接，首先應(yīng)該在網(wǎng)頁中插入“圖像”，有關(guān)插入“圖像”或“導(dǎo)航條”按鈕的內(nèi)容，接下來以我的網(wǎng)站“追夢(mèng)人“為例，講解如何建立“圖像鏈接”。操作步驟
步驟1 首先仍然要準(zhǔn)備好已經(jīng)制作完成的首頁和各個(gè)欄目的頁面（假設(shè)除了“鏈接”，其他內(nèi)容都已經(jīng)制作完成了），該網(wǎng)站包含6個(gè)欄目，下面我們就動(dòng)手為這6個(gè)欄目分別制作它們的鏈接。
步驟2 在Dreamweaver中打開網(wǎng)站的首頁，之后選取要制作“鏈接”的圖像。實(shí)例中先為第3個(gè)欄目“動(dòng)畫制作”設(shè)置鏈接，因此選中包含“動(dòng)畫制作”4個(gè)字的圖像。步驟3 觀察“屬性面板”，在“鏈接”文本框中輸入鏈接的文字地址?？梢允褂弥爸v過的“指向文件”和“選擇文件”的方法。
步驟4 如果有需要，可以在“目標(biāo)”下拉列表中選擇“鏈接”網(wǎng)頁顯示的窗口方式，分別為-blank、-parent、-self或 top。實(shí)例中使用了默認(rèn)出的保留空白選項(xiàng)的方式。
步驟5 另外，讀者還可以為圖像增加“替代”文本。實(shí)例中為第1個(gè)欄目增加欄目名稱的“替代”文本。
步驟6 至此，第1個(gè)欄目的圖像鏈接就制作完畢了，按下Ctrl+S保存網(wǎng)頁，再按下F12預(yù)覽，測(cè)試一下，將鼠標(biāo)放在“動(dòng)畫制作”4個(gè)文字上時(shí)將變成手形，同時(shí)瀏覽器窗口下面的狀態(tài)欄中會(huì)顯示出鏈接到的網(wǎng)頁的地址，并且會(huì)顯示出“替代”文本“動(dòng)畫制作”，單擊文字，頁面會(huì)立即跳轉(zhuǎn)到第3個(gè)欄目中，這表示鏈接已經(jīng)制作成功了。步驟7 同理，按照以上步驟，再為其它幾幅圖像制作指向?qū)?yīng)欄目的鏈接。
步驟8 在欄目頁面中制作“返回首頁”的鏈接，使得單擊后可以跳轉(zhuǎn)回首頁，其制作方法不變。
至此，整個(gè)“圖像鏈像”的實(shí)例就全部完成了。
3.3E –Mail的鏈接
E-Mail鏈接，是指當(dāng)瀏覽者單擊該鏈接之后，不是打開一個(gè)網(wǎng)頁文件，而是啟動(dòng)用戶的E-Mail客戶端軟件（如Outlook Express）,并打開一個(gè)空白的新郵件，供瀏覽者撰寫內(nèi)容來與網(wǎng)站聯(lián)系人聯(lián)系，這是一種最方便的互動(dòng)方式。結(jié)合“個(gè)人說明”網(wǎng)頁，建立E-Mail鏈接的步驟如下所述。操作步驟 步驟1 將光標(biāo)停留在頁面右下角要插入E-mail鏈接的位置。
步驟2 選擇“插入快捷欄”中的“常用”分類，單擊左側(cè)第2個(gè)“電子郵件鏈接”按鈕。
步驟3 在彈出的“電子郵件鏈接”對(duì)話框中有兩個(gè)輸入項(xiàng)，分別是“文本”和“E-Mail”。在“文本”項(xiàng)中輸入鏈接的文字，中文、英文均可，在E-Mail項(xiàng)中輸入網(wǎng)站聯(lián)系有的電子郵件地址，如實(shí)例中的 ding_zhuimeng123@163.net。
步驟4 單擊“確定”按鈕，具有“E-Mail鏈接”屬性的文本就ding_zhuimeng123@163.net。插入到光標(biāo)所在位置了，按下 Ctrl+S保存網(wǎng)頁，再按下F12預(yù)覽查看實(shí)際效果。上面的方法只適用于文本的“E-Mail鏈接”，如果想在其它的對(duì)象（如圖像）上也加入這種鏈接，該怎辦呢？下面介紹第2種建立“E-Mail鏈接”的方法。
其實(shí)很簡(jiǎn)單，與前面講過的圖像加入鏈接的方法基本一樣。先在頁面中需要的地方插入圖像，之后選中圖像，并在“屬性面板”的“鏈接”文本框中輸入如下語句即可----mailto: ding_zhuimeng123@163.net ?subject=網(wǎng)站的建議與第1種方法不同的是，E-Mail 地址前面增加了mailto:字樣。用這種方法就可以給圖像等其他對(duì)象建立“E-Mail鏈接”了。
3.4文件下載鏈接
“文件下載鏈接”的原理很簡(jiǎn)單，只要鏈接文件屬于瀏覽無法識(shí)別的關(guān)型，便都會(huì)使用IE瀏覽器直接進(jìn)行下載，并保存到本地計(jì)算機(jī)中。
瀏覽器無法識(shí)別的文件類型有很多，這里就介紹一個(gè)最常用的，以zip或rar為后綴名的壓縮格式文件，這種文件可以使用主流的壓縮軟件（如winzip、winrar）來制作。下面我們就業(yè)以實(shí)例來說明。在前面“插入多媒體”一章中，我們?cè)?jīng)講過直接鏈接文件的方式來插入“視頻”，即直接在“鏈接”文本框中輸入“文件名+名后綴名”，如olympus.wmv。單日擊這個(gè)鏈接，經(jīng)過數(shù)據(jù)下載后，Windows系統(tǒng)將啟動(dòng)自帶的媒體播放器Windows Media Player 來播放該視頻。操作步驟
步驟1 先將視頻文件olympus.wmv通壓縮成olympus.rar文件，放入站點(diǎn)的media文件夾下。
步驟2 將文件路徑輸入至“鏈接”文本框中。
步驟3 保存網(wǎng)頁，按下F12預(yù)覽，在瀏覽器中單擊“下載精彩廣告視頻”鏈接文本，會(huì)彈出“文本下載”選擇框，單擊其中的“保存”按鈕。
步驟4 在“另存為”對(duì)框中選擇保存到本地計(jì)算機(jī)中的位置，實(shí)例中為“經(jīng)典回顧”文件夾。之后單擊“保存”按鈕，壓縮文件即保存到該位置中。至此，“文件下載鏈接”便制作完成了。讀者可以打開“我的文檔”文件夾，解壓縮olympus.rar文件，隨時(shí)欣賞下載影片。
本設(shè)計(jì)中未用到此鏈接，在此只作簡(jiǎn)單介紹。
3.5在HTML語言中建立網(wǎng)頁鏈接
3.5.1文字鏈接
在HTML語言中用超鏈接標(biāo)記指向一個(gè)目標(biāo)。其基本格式為： 舉個(gè)簡(jiǎn)單的“文本鏈接”的實(shí)例，該實(shí)例相對(duì)應(yīng)的HTML代碼如下所示。 a href-“index2.html”target=”-blank”>平面設(shè)計(jì)
動(dòng)畫制作（原窗口，默認(rèn)為空）
第三篇：班級(jí)網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)
沈陽化工學(xué)院
本科畢業(yè)論文
題 目: 班級(jí)網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn) 院 系: 計(jì)算機(jī)科學(xué)與技術(shù)學(xué)院 專 業(yè): 計(jì)算機(jī)科學(xué)與技術(shù) 班 級(jí): 計(jì)算機(jī)0802 學(xué)生姓名: 金智宇 指導(dǎo)教師: 張 麗
論文提交日期:2012年06月20日 論文答辯日期:2012年06月26日
I
內(nèi)容摘要
隨著人類的進(jìn)步，網(wǎng)絡(luò)技術(shù)不斷發(fā)展和計(jì)算機(jī)的普及，越來越多的人擁有自己電腦，讓人們的生活更快捷和豐富，并且豐富人類的精神世界和物質(zhì)世界，讓人類最便捷地獲取信息，找到所求，讓人類的生活更快樂。
網(wǎng)絡(luò)的普及越來越多的學(xué)校和班級(jí)通過計(jì)算機(jī)網(wǎng)來管理各項(xiàng)事務(wù)。同時(shí)，學(xué)生與學(xué)生之間通過網(wǎng)絡(luò)來交流的方式也日趨頻繁。在這種潮流的趨勢(shì)下，應(yīng)該采用什么樣的方式來更好的管理學(xué)生各項(xiàng)信息和班級(jí)各項(xiàng)日常事務(wù)，以及怎么是學(xué)生之間能更好的交流，成為一個(gè)問題。
班級(jí)網(wǎng)站設(shè)計(jì)是為了合理的利用網(wǎng)絡(luò)資源，提供班級(jí)與交流、有管理班級(jí)事務(wù)的網(wǎng)絡(luò)平臺(tái)。本網(wǎng)站基于B/S模式，在ASP.NET集成開發(fā)的環(huán)境下采用C#語言開發(fā)完成。本網(wǎng)站有班級(jí)介紹、班級(jí)相冊(cè)、同學(xué)登陸、班級(jí)留言、學(xué)習(xí)空間、休閑等模塊。網(wǎng)站的設(shè)計(jì)體現(xiàn)個(gè)性化要求。其中同學(xué)登陸模塊實(shí)現(xiàn)了用戶注冊(cè)、登陸與修改個(gè)人資料等功能；班級(jí)相冊(cè)實(shí)現(xiàn)圖片上傳和在線瀏覽功能；班級(jí)留言實(shí)現(xiàn)網(wǎng)上留言功能；提供交流平臺(tái)。本網(wǎng)站 促進(jìn)班級(jí)學(xué)生的學(xué)習(xí)交流，實(shí)現(xiàn)用戶自由訪問，增加同學(xué)們的相互了解，增強(qiáng)班級(jí)凝聚力。
關(guān)鍵詞: 網(wǎng)站建設(shè)、網(wǎng)站運(yùn)營(yíng)、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
目錄
班級(jí)網(wǎng)站設(shè)計(jì)與實(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中的實(shí)現(xiàn)............................................7
三.方案設(shè)計(jì)與論證........................................................................9 3.1 項(xiàng)目概述與需求分析.................................................................9 3.1.1 目標(biāo)....................................................................................9 3.1.2 用戶的特點(diǎn)..........................................................................9
V
3.1.3 假定和約束..........................................................................9
3.2 設(shè)計(jì)中的圖表..........................................................................10 3.2.1 對(duì)功能的規(guī)定....................................................................10 3.2.2 網(wǎng)站結(jié)構(gòu)圖：....................................................................11 3.2.3 類圖..................................................................................12
3.3 測(cè)試........................................................................................12 3.3.1 軟件測(cè)試...........................................................................12
四.設(shè)計(jì)與實(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 班級(jí)首頁...........................................................................15 圖4.2.1班級(jí)首頁.........................................................................16 4.2.2 網(wǎng)站首頁部分代碼.............................................................16
4.3 網(wǎng)站介紹.................................................................................18 4.3.1 班級(jí)介紹...........................................................................18 4.3.2 班級(jí)介紹部分代碼.............................................................19
4.4 資源共享.................................................................................22 4.4.1 資源共享介紹....................................................................22 4.4.2 連接代碼...........................................................................22
VI
4.5 專業(yè)課程.................................................................................23 4.5.1 課程信息...........................................................................23 4.5.2 專業(yè)課程部分代碼.............................................................23
4.6 班級(jí)通訊.................................................................................24 4.6.1 通訊界面...........................................................................24 4.6.2 班級(jí)通訊部分代碼.............................................................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é)果與評(píng)價(jià)..............................................................................31 六.結(jié)論.........................................................................................32
VII 沈陽化工學(xué)院學(xué)士學(xué)位論文
第一章 緒
論
班級(jí)網(wǎng)站設(shè)計(jì)與實(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)站，使得整個(gè)互聯(lián)網(wǎng)多姿多彩。網(wǎng)頁功能分析就是以系統(tǒng)的觀點(diǎn)，對(duì)已選定的對(duì)象與開發(fā)范圍進(jìn)行有目的、有步驟的實(shí)際調(diào)查和科學(xué)分析。分析的目的就是要弄清楚網(wǎng)頁要做什么，最終為后面的設(shè)計(jì)工作打下基礎(chǔ)。需求分析是制作一個(gè)網(wǎng)站的第一步。在制作網(wǎng)站之前，首先要了解客戶的需要和要求。這些必要的信息包括客戶所要表達(dá)的理念、界面顯示的內(nèi)容和欄目的要求、網(wǎng)站功能方面的要求等。根據(jù)客戶的具體情況，需求也會(huì)有所差別。本網(wǎng)站是針對(duì)班級(jí)同學(xué)而設(shè)計(jì)的網(wǎng)站，主要是便于同學(xué)聯(lián)系例如聚會(huì)、發(fā)布班級(jí)信息等系列的通知，同時(shí)本網(wǎng)站還針對(duì)同學(xué)們的需求建立個(gè)人信息空間，可以建立個(gè)人影集，彰顯每個(gè)同學(xué)的個(gè)性與風(fēng)采，相當(dāng)于一個(gè)“便攜式”的聊天平臺(tái)，無論同學(xué)們以后身在那里我們都可以在茶余飯后對(duì)我們現(xiàn)在也或是過去進(jìn)行討論，彼此交換心得體會(huì)，更加了解班級(jí)的概況，增強(qiáng)同學(xué)之間交流。
1.1.2 課題來源
大學(xué)時(shí)代的同學(xué)之情是最真摯的一份感情。沒有任何一個(gè)時(shí)代的學(xué)生比現(xiàn)在的學(xué)生們更加渴望言論自由，渴望情感交流。但在學(xué)分制條件下，快節(jié)奏的學(xué)習(xí)生活、越來越少的集體活動(dòng)時(shí)間使同班同學(xué)之間的交流也日益困難。大學(xué)班級(jí)網(wǎng)站的建立為現(xiàn)實(shí)世界中的班級(jí)提供了一個(gè)非正式交往的虛擬平臺(tái)，它為班級(jí)每一個(gè)成員都提供了平等、自由的發(fā)言機(jī)會(huì)，使相互的交流跨越了時(shí)間和空間的樊籬，也打破了男女間、寢室間的障礙。沈陽化工學(xué)院學(xué)士學(xué)位論文
第一章 緒
論
為了滿足班級(jí)網(wǎng)站的交流目的。本網(wǎng)站包括：班級(jí)簡(jiǎn)介、班級(jí)相冊(cè)、班級(jí)登陸、班級(jí)留言、學(xué)習(xí)交流、論壇等模塊。班級(jí)簡(jiǎn)介模塊，作為班級(jí)總體介紹平臺(tái)，極少班級(jí)的建設(shè)，班級(jí)成員，班級(jí)成績(jī)等；班級(jí)相冊(cè)模塊，包括用戶上傳圖片以及圖片的瀏覽功能，實(shí)現(xiàn)與數(shù)據(jù)庫的銜接；班級(jí)登陸模塊，包括注冊(cè)和登陸兩個(gè)子模塊，通過注冊(cè)可以成為班級(jí)成員，在通過登錄擁有訪問網(wǎng)站各項(xiàng)功能的權(quán)限；班級(jí)留言模塊，實(shí)現(xiàn)用戶的在線留言；班級(jí)論壇模塊，論壇模塊主要實(shí)現(xiàn)注冊(cè)用戶能在此網(wǎng)站平臺(tái)之上交流，一般用戶可以回復(fù)別人的發(fā)言，亦可提出自己的言論，一伙的其他人的建議和意見；
本系統(tǒng)使用ASP。Net技術(shù)的動(dòng)態(tài)網(wǎng)頁與SQL server2000數(shù)據(jù)庫結(jié)合設(shè)計(jì)建立的一個(gè)班級(jí)網(wǎng)站。用戶首先通過內(nèi)部網(wǎng)絡(luò)訪問本站進(jìn)行簡(jiǎn)單的注冊(cè)并經(jīng)營(yíng)管理員審核通過后，即擁有了使用本網(wǎng)站上所提供的出管理模塊的各項(xiàng)功能的權(quán)利。功能模塊包括班級(jí)留言、班級(jí)相冊(cè)、學(xué)習(xí)交流等，論壇社區(qū)提供用戶之間的主要交流平臺(tái)，用戶可以發(fā)起自己的帖子，來引起班級(jí)其他同學(xué)的對(duì)本帖的討論或回復(fù)，同時(shí)用戶也可以對(duì)自己或別人的帖子提出自己的見解，從而很好地促進(jìn)了班級(jí)內(nèi)同學(xué)的交流。班級(jí)留言提供網(wǎng)上留言功能。留言可以使班級(jí)的老師班長(zhǎng)或其他同學(xué)的留言，通過網(wǎng)絡(luò)的迅捷的傳輸率達(dá)到快速的了解及處理班級(jí)各項(xiàng)事務(wù)的目的。班級(jí)相冊(cè)可以將班級(jí)內(nèi)同學(xué)的相冊(cè)傳到網(wǎng)站上自由瀏覽，增加班級(jí)的親和力。以及以上功能很好的解決上面所提出的問題 沈陽化工學(xué)院學(xué)士學(xué)位論文
第二章 開發(fā)工具與開發(fā)技術(shù)
二.開發(fā)工具與開發(fā)技術(shù)
2.1 開發(fā)技術(shù)
2.1.1 ASP.NET技術(shù)
AS.PNET是一種建立在通用語言上的程序結(jié)構(gòu)，能被用于一臺(tái)Web服務(wù)器來建立強(qiáng)大的Web應(yīng)用程序。ASP.NET是在服務(wù)器上運(yùn)行的編譯好的公共語言運(yùn)行庫，利用早期的綁定、實(shí)時(shí)編譯、本機(jī)優(yōu)化和盒外緩存服務(wù)，著相當(dāng)于在編寫代碼行之前便顯著提高了性能。另外，由于ASP.NET框架補(bǔ)充了Visual Studio 集成開發(fā)環(huán)境，想必ASP，使程序設(shè)計(jì)相對(duì)簡(jiǎn)化，結(jié)構(gòu)更為清晰
ASP.NET的前身ASP技術(shù)，是在IIS 2.0上首次推出(Windows NT 3.51)，當(dāng)時(shí)與 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平臺(tái)的關(guān)鍵技術(shù)之一，數(shù)以萬計(jì)的ASP網(wǎng)站也是這個(gè)時(shí)候開始如雨后春筍般的出現(xiàn)在網(wǎng)絡(luò)上。它的簡(jiǎn)單以及高度可定制化的能力，也是它能迅速崛起的原因 之一。不過ASP的缺點(diǎn)也逐漸的浮現(xiàn)出來：
意大利面型的程序開發(fā)方法，讓維護(hù)的難度提高很多，尤其是大型的ASP應(yīng)用程序。直譯式的VBScript或JScript語言，讓效能有些許的受限。延展性因?yàn)槠浠A(chǔ)架構(gòu)擴(kuò)充性不足而受限，雖然有COM元件可用，但開發(fā)一些特殊功能（像文件上傳）時(shí)，沒有來自內(nèi)置的支持，需要尋求第三方軟件商開發(fā)的元件。1997年時(shí)，微軟開始針對(duì)ASP的缺點(diǎn)（尤其是意大利面型的程序開發(fā)方法）準(zhǔn)備開始一個(gè)新項(xiàng)目來開發(fā)，當(dāng)時(shí)ASP.NET的主要領(lǐng)導(dǎo)人Scott Guthrie剛從杜克大學(xué)畢業(yè)，他和IIS團(tuán)隊(duì)的Mark Anders經(jīng)理一起合作兩個(gè)月，開發(fā)出了下一代ASP技術(shù)的原型，這個(gè)原型在1997年的圣誕節(jié)時(shí)被發(fā)展出來，并給予一個(gè)名稱：XSP，這個(gè)原型產(chǎn)品使用的是Java語言。不過它馬上就被納入當(dāng)時(shí)還在開發(fā)中的CLR平臺(tái)，Scott Guthrie事后也認(rèn)為將這個(gè)技術(shù)移植到當(dāng)時(shí)的CLR平臺(tái)，確實(shí)有很大的風(fēng)險(xiǎn)(huge risk)，但當(dāng)時(shí)的XSP團(tuán) 沈陽化工學(xué)院學(xué)士學(xué)位論文
第二章 開發(fā)工具與開發(fā)技術(shù)
隊(duì)卻是以CLR開發(fā)應(yīng)用的第一個(gè)團(tuán)隊(duì)。
為了將XSP移植到CLR中，XSP團(tuán)隊(duì)將XSP的內(nèi)核程序全部以C#語言重新撰寫（在內(nèi)部的項(xiàng)目代號(hào)是 “Project Cool”，但是當(dāng)時(shí)對(duì)公開場(chǎng)合是保密的），并且改名為ASP+，作為ASP技術(shù)的后繼者，并且也會(huì)提供一個(gè)簡(jiǎn)單的移轉(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年第二季時(shí)，微軟正式推動(dòng).NET策略，ASP+也順理成章的改名為ASP.NET，經(jīng)過四年的開發(fā)，第一個(gè)版本的ASP.NET在2002年1月5日亮相(和.NET Framework 1.0)，Scott Guthrie也成為ASP.NET的產(chǎn)品經(jīng)理（到現(xiàn)在已經(jīng)開發(fā)了數(shù)個(gè)微軟產(chǎn)品，像ASP.NET AJAX和Microsoft Silverlight）。目前最新版本的 ASP.NET 4.0 以及.NET Framework 4.0 已經(jīng)在VS2010平臺(tái)內(nèi)應(yīng)用。
2.2 開發(fā)工具
2.2.1 SQL server 2005數(shù)據(jù)庫
數(shù)據(jù)庫是信息的集合，是指長(zhǎng)期存儲(chǔ)在計(jì)算機(jī)內(nèi)的、有組織的、可共享的數(shù)據(jù)集合。數(shù)據(jù)庫中的數(shù)據(jù)按一定的數(shù)據(jù)模型組織、描述和儲(chǔ)存，具有較小的冗余度、較高的數(shù)據(jù)獨(dú)立性和易擴(kuò)展性，并可為各種用戶共享。例如，記錄客戶信息、網(wǎng)絡(luò)通訊錄等。以往會(huì)將這些數(shù)據(jù)記錄到紙上或是計(jì)算機(jī)某個(gè)文件中，如果要修改或查詢則要消費(fèi)大量時(shí)間?，F(xiàn)在人們借助計(jì)算機(jī)和數(shù)據(jù)庫技術(shù)科學(xué)地保存和管理大量的復(fù)雜的數(shù)據(jù)，以便能方便而充分的利用這些寶貴的信息資源。數(shù)據(jù)被規(guī)整地存儲(chǔ)起來，修改和查詢只需幾條SQL語句就完成了。
Internet集成。SQL Server 2005 數(shù)據(jù)庫引擎提供完整的XML 支持。它還具有構(gòu)成最大的Web 站點(diǎn)的數(shù)據(jù)存儲(chǔ)組件所需的可伸縮性、可用性和安全功能。SQL Server 2000 程序設(shè)計(jì)模型與 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.可伸縮性和可用性。同一個(gè)數(shù)據(jù)庫引擎可以在不同的平臺(tái)上使用，從運(yùn)行 Microsoft Windowsreg;98 的便攜式電腦，到運(yùn)行 Microsoft Windows 2000 數(shù)據(jù)中心版的大型多處理器服務(wù)器。SQL Server 2005 企業(yè)版支持聯(lián)合服務(wù)器、索引視圖和大型內(nèi)存支持等功能，使其得以升級(jí)到最大 Web 站點(diǎn)所需的性能級(jí)別。
3.企業(yè)級(jí)數(shù)據(jù)庫功能。SQL Server 2005 關(guān)系數(shù)據(jù)庫引擎支持當(dāng)今苛刻的數(shù)據(jù)處理環(huán)境所需的功能。數(shù)據(jù)庫引擎充分保護(hù)數(shù)據(jù)完整性，同時(shí)將管理上千個(gè)并發(fā)修改數(shù)據(jù)庫的用戶的開銷減到最小。SQL Server 2005 分布式查詢使您得以引用來自不同數(shù)據(jù)源的數(shù)據(jù)，就好像這些數(shù)據(jù)是 SQL Server 2005 數(shù)據(jù)庫的一部分，同時(shí)分布式事務(wù)支持充分保護(hù)任何分布式數(shù)據(jù)更新的完整性。復(fù)制同樣使您得以維護(hù)多個(gè)數(shù)據(jù)復(fù)本，同時(shí)確保單獨(dú)的數(shù)據(jù)復(fù)本保持同步?？蓪⒁唤M數(shù)據(jù)復(fù)制到多個(gè)移動(dòng)的脫接用戶，使這些用戶自主地工作，然后將他們所做的修改合并會(huì)發(fā)布服務(wù)器。
4.易于安裝、部署和使用。SQL Server 2005 中包括一系列管理和開發(fā)工具，這些工具可改進(jìn)在多個(gè)站點(diǎn)上安裝、部署、管理和使用 SQL Server 的過程。SQL Server 2005 還支持基于標(biāo)準(zhǔn)的、與 Windows DNA 集成的程序設(shè)計(jì)模型，使 SQL Server 數(shù)據(jù)庫和數(shù)據(jù)倉庫的使用成為生成強(qiáng)大的可伸縮系統(tǒng)的無縫部分。這些功能使您得以快速交付 SQL Server 應(yīng)用程序，使客戶只需最少的安裝和管理開銷即可實(shí)現(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ā)布，從下一個(gè)版本(7.0)開始，Microsoft Basic 進(jìn)化成了一種新的面向?qū)ο蟮恼Z言：Microsoft Basic NET。由于微軟公司對(duì)于 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 使用單獨(dú)的開發(fā)環(huán)境，其他的開發(fā)語言使用統(tǒng)一的開發(fā)環(huán)境。
2002 年，隨著.NET 口號(hào)的提出與 Windows XP / Office XP 的發(fā)布，微軟發(fā)布了 Visual Studio.NET（內(nèi)部版本號(hào)為 7.0）。在這個(gè)版本的 Visual Studio 中，微軟剝離了 Visual FoxPro 作為一個(gè)單獨(dú)的開發(fā)環(huán)境以 Visual FoxPro 7.0 單獨(dú)銷售，同時(shí)取消了 Visual InterDev。與此同時(shí)，微軟引入了建立在.NET 框架上（版本1.0）的托管代碼機(jī)制以及一門新的語言 C#（讀作 C Sharp，意為 C#）。C# 是一門建立在 C++和 Java 基礎(chǔ)上的現(xiàn)代語言，是編寫.NET 框架的語言。
.NET 的通用語言框架機(jī)制（Common Language Runtime, CLR），其目的是在同一個(gè)項(xiàng)目中支持不同的語言所開發(fā)的組件。所有 CLR 支持的代碼都會(huì)被解釋成為 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 年，微軟對(duì) Visual Studio 2002 進(jìn)行了部分修訂，以 Visual Studio 2003 的名義發(fā)布（內(nèi)部版本號(hào)為 7.1）。Visio 作為使用統(tǒng)一建模語言（UML）架構(gòu)應(yīng)用程序框架的程序被引入，同時(shí)被引入的還包括移動(dòng)設(shè)備支持和企業(yè)模版。.NET 框架也升級(jí)到了 1.1。
2005 年，微軟發(fā)布了 Visual Studio 2005。.NET 字眼從各種語言的名字中被抹去，但是這個(gè)版本的 Visual Studio 仍然還是面向.NET 框架的（版本2.0）。
這個(gè)版本的 Visual Studio 包含有眾多版本，分別面向不同的開發(fā)角色。同時(shí)還永久提供免費(fèi)的 Visual Studio Express 版本。
隨著即將發(fā)布的 Windows Vista和 Office 2007，Visual Studio 9 也漸漸浮出水面。Visual Studio 9 目前可以確定的是支持建立于 DHTML 基礎(chǔ)上的 Ajax 技術(shù)，這種微軟在 Visual InterDev 時(shí)代提出的基于異步的客戶端動(dòng) 態(tài)網(wǎng)頁技術(shù)在當(dāng)年并沒有像微軟預(yù)期中的那么流行起來，反而隨著 Gmail 等應(yīng)用而東山再起，漸漸成為主流網(wǎng)絡(luò)應(yīng)用之一。同時(shí) Visual Studio 9 會(huì)強(qiáng)化對(duì)于數(shù)據(jù)庫的支持以及微軟新的基于工作流（Workflow）的編程模型。預(yù)計(jì)為了保持與 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ā)布了簡(jiǎn)體中文專業(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，我們一般都簡(jiǎn)稱為VS，Visual Studio其實(shí)是微軟開發(fā)的一套工具集，它由各種各樣的工具組成，這就好像Office 2007時(shí)由Word 2007、Excel 2007、Access 2007等等組成的一個(gè)道理。其中Visual C++就是Visual Studio的一個(gè)重要的組成部分。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中的實(shí)現(xiàn)
在HTML網(wǎng)頁中加入CSS并不是只有一種方法，在不同的情況下，可以采用不同的方法，比較常用的有下面幾中。
1.嵌入式樣式表
嵌入式樣式表的實(shí)現(xiàn)很簡(jiǎn)單，只需在每個(gè)要應(yīng)用樣式的HTML標(biāo)簽后寫上CSS屬性即可。例如要設(shè)置指定表格中的文字的樣式為紅色，字號(hào)為10pt，可在當(dāng)前表格的
”)
”)
“)
“)
“)
點(diǎn)擊咨詢 