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

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

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

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

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

摘要

在互聯(lián)網(wǎng)走進我們的生活之前，沒有人敢夢想擁有自己的報紙、雜志、電臺、電視臺。除了政策上的制約外，一個人也根本沒有操作一份傳播媒體的能力。現(xiàn)在不同了，互聯(lián)網(wǎng)給我們提供了一個“表達自我”的自由天地,你可以擁有自己的新聞郵件，你可以建立自己的個人網(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.認真地選取測試用例，進行交叉測試 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 參考文獻----------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ā)展狀況統(tǒng)計報告》（以下簡稱《報告》）?！秷蟾妗窋?shù)據(jù)顯示，截至2009年12月，我國網(wǎng)民規(guī)模已達3.84億，互聯(lián)網(wǎng)普及率進一步提升，達到28.9%。隨著我國互聯(lián)網(wǎng)普及率的逐年提高，互聯(lián)網(wǎng)正在走進人們的工作與生活。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)站最開始的動機可能是出于興趣或一種愛好，但時間一長，這些興趣或愛好便為自己積累了許多資源，比如數(shù)量可觀的訪問量。當(dāng)這些資源積累到一定程度的時候，商業(yè)意識比較敏感的個人網(wǎng)站站長便開始尋求開展電子商務(wù)，將自己手中的資源進行商業(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)民的消費水平也提高了。我們個人網(wǎng)站為什么要依靠做廣告來賺錢？我們難道不可以轉(zhuǎn)變一下思路嗎？打個比方，你的網(wǎng)站日訪問量有1000左右(也就是說每天有1000個人左右進入你的“商店”)，做廣告相當(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)品進行出售，比如將你網(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)用最廣、功能最強大的軟件，隨著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)頁面元素的插入和生成。或視化編輯環(huán)境大量減少了代碼的編寫，同時亦保證了其專業(yè)性和兼容性，并且可以對內(nèi)部的HTML編輯器和任何第三方的HTML編輯器進行實時的訪問。無論用戶習(xí)慣手工輸入HTML源代碼還是使用可視化的編輯界面，Dreamweaver都能提供便捷的方式使用戶設(shè)計網(wǎng)頁和管理網(wǎng)站變得更容易。

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

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

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

5、強大的WEB站點管理功能

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

7、Dreamweaver的集成特性

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

8、豐富的媒體支持能力

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

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

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

2.2.1 標題欄

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

2.2.2菜單欄

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

2.2.3快捷工具欄

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

2.2.4屬性面板

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

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

2.3 ASP技術(shù)

Active Server Pages：“動態(tài)服務(wù)器網(wǎng)頁”，一般簡稱為“ASP”，ASP之所以能受到大家的重視與使用的原因，主要在于所產(chǎn)生的執(zhí)行結(jié)果都是標準的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)換成標準HTML文件，再傳送到客戶端（Client）的瀏覽器上，因此，我們所辛苦撰寫的ASP程序并不會輕易地被看見進而被盜用。

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í)容易，ＡＳＰ提供了五種方便能力強大的內(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ù)器進行分布式事務(wù)處理所以我選擇了ASP結(jié)合Dreamweaver架構(gòu)個人站點。

第三章需求分析

3.1 概述

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

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

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

通常情況下，架設(shè)個人網(wǎng)站主要是為了通過互聯(lián)網(wǎng)表達個人在商業(yè)、科技、交際、生活等方面的信息需求或者進行信息的交流，具有較強的目的性，我的個人網(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è)計有新聞更新，瀏覽者可以在首頁瀏覽自己喜歡的新聞，并且可以在留言板和大家交流，在后臺管理頁面中，通過身份認證，管理員——我，可以對網(wǎng)站信息進行管理。站內(nèi)的其它頁面均是我自己的精心收藏，與大家一起分享

3.2.1 功能定義

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

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

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

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

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

根據(jù)現(xiàn)有的技術(shù)設(shè)備條件，在技術(shù)上實現(xiàn)也是可行的。在設(shè)備方面，前期系統(tǒng)開發(fā)在本地端制作完成，只需通過ftp軟件上傳至服務(wù)器端即可，而軟件開發(fā)所需條件相對較低，對于系統(tǒng)開發(fā)及運行環(huán)境均不造成任何困難。對于系統(tǒng)開發(fā)人員基本具備了計算機專業(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è)置要準確無誤。3.3.2 系統(tǒng)性能要求

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

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

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

4.1 站點

4.1.1 創(chuàng)建站點

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

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

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

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

站點創(chuàng)建完成后，就可以創(chuàng)建Web頁來填充站點了。在“右側(cè)浮動面板組”中選擇“文件/文件”面板，此時整個網(wǎng)站中沒有任何內(nèi)容。用鼠標右擊面板中的本地根目錄文件夾。在彈出的菜單中選擇“新建文件”，新建一個文件后將其命名為“index.htm(或index.html),它就是未來的首頁。網(wǎng)站分為“平面設(shè)計”、“動畫制作”、“網(wǎng)文精品”、“經(jīng)典回顧”、“個人說明“這五個大欄目，所以繼續(xù)用鼠標右擊右側(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為布局表格，單元格稱為布局單元格。在繪制布局表格和布局單元格時，必須從“標準”模式切換到“布局”模式。直接單擊“布局”按鈕即可。操作步驟：

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

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

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

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

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

在“頁面屬性”對話框中，左側(cè)窗口顯示“分類”，其中包括了“外觀”、“鏈接”、“標題”、“標題/編碼”、“跟蹤圖像”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）是除文檔標題外的不可見部分，包含有文檔類型、語言編碼、搜索引擎的關(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)頁圖像進行處理的操作步驟，以使得它們在保持圖形美麗與網(wǎng)站風(fēng)格搭配的基礎(chǔ)上，圖片文件能夠變的更小。

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

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

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

4.2.5 插入多媒體

在Dreamweaver中，除了之前講到的可以插入“圖像”外，還可插入動畫、聲音、視頻等媒體元素，如Flash,Shockwave,Applets,ActieX及格Midi聲音文件等，并且還可以在Dreamweaver自身內(nèi)插入Macromedia Flash按鈕和文本對象，以及進行相關(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 將光標停留在要插入Flash的位置，然后單擊菜單欄下面“插入快捷欄”的下拉列表，選擇其中的“常用”分類，右側(cè)將會顯示該類中可以插入的對象快捷按鈕。左起第6個即為“媒體”按鈕，單擊它右側(cè)的下拉列表，選擇第1項Flash圖標。

步驟2 在彈出的對話框中選擇擴展名為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í)慣的輸入法，就可以運指如飛了。

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

打開文本編輯軟件（如Microsoft Word），選中要復(fù)制的文本，它們將反白顯示，執(zhí)行菜單“編輯/復(fù)制”命令或直接用快捷鍵Ctrl+C，之后切換回Dreamweaver,將光標停留在插入文本的位置，執(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瀏覽器直接進行下載，并保存到本地計算機中。

瀏覽器無法識別的文件類型有很多，這里就介紹一個最常用的，以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īng)典回顧”文件夾。之后單擊“保存”按鈕，壓縮文件即保存到該位置中。至此，“文件下載鏈接”便制作完成了。讀者可以打開“我的文檔”文件夾，解壓縮olympus.rar文件，隨時欣賞下載影片。

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

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

5.7.1文字鏈接

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

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

動畫制作（原窗口，默認為空）

網(wǎng)文精品

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

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

前言

本文有五章，我來由淺到深介紹個人網(wǎng)站的設(shè)計與實現(xiàn)。

摘要

在互聯(lián)網(wǎng)走進我們的生活之前，沒有人敢夢想擁有自己的報紙、雜志、電臺、電視臺。除了政策上的制約外，一個人也根本沒有操作一份傳播媒體的能力?，F(xiàn)在不同了，互聯(lián)網(wǎng)給我們提供了一個“表達自我”的自由天地,你可以擁有自己的新聞郵件，你可以建立自己的個人網(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)境把自己的作品和想要展示的內(nèi)容制作成網(wǎng)頁。5 使用動態(tài)網(wǎng)頁技術(shù)(ASP)，實現(xiàn)動態(tài)內(nèi)容更新。6 認真地選取測試用例，進行交叉測試 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

第一章預(yù)備知識

1.1 什么是Internet Internet的中文名為“國際互聯(lián)網(wǎng)”，又稱“因特網(wǎng)”。

Internet是由眾多的計算機網(wǎng)絡(luò)互聯(lián)而成的互聯(lián)網(wǎng)，它覆蓋了全世界各地，它是采用開放系統(tǒng)協(xié)議的計算機通訊網(wǎng)絡(luò)。然而，Internet不僅僅是計算機的互聯(lián)網(wǎng)，它還是全球最大的信息資源寶庫，它提供了包括科研、教育、文化娛樂、商業(yè)和信息交流等各種各樣的服務(wù)，使得世界范圍內(nèi)的人與人之間的交流在時間和空間上變的更小了。

要了解Internet，就必須先了解局域網(wǎng)。我們可以將同一地點的許多計算機使用網(wǎng)線連接在一起，構(gòu)成一個高效率的計算機網(wǎng)絡(luò)，所有處于網(wǎng)絡(luò)內(nèi)的終端機或電腦都能享受網(wǎng)絡(luò)內(nèi)所有的資源，比如程序，圖文資料等。這種計算機網(wǎng)絡(luò)因為一般都局限在一定區(qū)域中，我們稱之為“局域網(wǎng)”（Local Area Network,簡稱LAN）,它是在日常工作中用得最多的一種小型計算機網(wǎng)絡(luò)。局域網(wǎng)所覆蓋的地理范圍比較小，通常不超過幾十公里，甚至只在同一座建筑物內(nèi)或者鄰近的幾座建筑內(nèi)。像常見的校園網(wǎng)，一座寫字樓內(nèi)部的網(wǎng)絡(luò)等都屬于局域網(wǎng)。

而Internet則不是指單個區(qū)域范圍內(nèi)的網(wǎng)絡(luò)，而是指將全世界的各中不同類型的計算機網(wǎng)絡(luò)連接起來的一個全球性的網(wǎng)絡(luò)。Internet上有取之不盡，用之不竭的信息資源。對于Internet中各種各樣的信息，所有的人都可以通過網(wǎng)絡(luò)的連接來共享和使用。

1.2 Internet有那些功能

Web頁瀏覽：這是目前利用最廣泛、最直接的互聯(lián)網(wǎng)服務(wù)，通過瀏覽WWW（萬維網(wǎng)）中的網(wǎng)頁，可以了解世界各地的新聞，查看最新的股市行情，最新的娛樂動態(tài)、科技發(fā)明，找到眾多的就業(yè)信息??幾乎想找到什么樣的信息，就有什么信息。正是有了WWW、Internet才會變得如此豐富多彩，才能走進千家萬戶。信息發(fā)布：通過Internet，不僅可以瀏覽別人發(fā)布在Web頁上的信息，也可以將自己要發(fā)布的信息制作成Web頁，也即網(wǎng)頁，然后發(fā)布到Internet上，供全世界的人瀏覽。

電子郵件：不同于傳統(tǒng)郵件，電子郵件(E-mail)通過Internet傳輸，寫信，發(fā)信，收信都在計算機上完成，一封電子郵件最短在一秒之內(nèi)就可以發(fā)送出去，其效率是傳統(tǒng)郵件無法比擬的。而且發(fā)送與接收電子郵件幾乎是免費的，所以比傳統(tǒng)郵件既節(jié)省時間又經(jīng)濟的多。

網(wǎng)上聊天：通過聊天軟件（如QQ、ICQ等）或不同網(wǎng)站的聊天室，可以和世界各地的網(wǎng)友聊天。網(wǎng)友可能是遠在天邊的異國朋友，也可能是與你一起工作的餓同事，或者是一起生活的家人，在這里沒有年齡、性別、身份、職業(yè)、國籍、膚色的限制，完全突破了交友的傳統(tǒng)方式，人們可通過Internet互相了解對方，進行各種各樣的交流。

電子商務(wù)：現(xiàn)在網(wǎng)上交易已經(jīng)成為現(xiàn)實，網(wǎng)上購物、網(wǎng)上商品銷售、網(wǎng)上拍賣、企業(yè)級電子商務(wù)、網(wǎng)上貨幣支付等電子商務(wù)活動已經(jīng)搞的有聲有色，幾乎所有的專家都預(yù)測，在未來的幾年內(nèi)，電子商務(wù)會飛速發(fā)展。在不久的將來，您可以做在電腦前進行各種各樣的商務(wù)活動。

網(wǎng)絡(luò)游戲：通過Internet，可以與全世界的玩家一起進行游戲?qū)?zhàn)，也可以協(xié)同作戰(zhàn)。網(wǎng)絡(luò)游戲已經(jīng)成為信息產(chǎn)業(yè)全新的經(jīng)濟增長點，每年都為開發(fā)商帶來巨額的利潤。通過網(wǎng)絡(luò)游戲，可以充分享受Internet給我們帶來的樂趣。

網(wǎng)絡(luò)電話：網(wǎng)絡(luò)電話也稱IP電話。它采用Internet技術(shù)，利用專門的網(wǎng)絡(luò)電話軟件，只需支付非常低廉的話費就可通話。Internet在電信市場上的應(yīng)用將越來越廣泛。

1.3 WWW的簡介

WWW的全稱為World Wide Web，含義是“環(huán)球網(wǎng)”，又稱“萬維網(wǎng)”、3W、Web。WWW是一個基于超文本（Hypertext）方式的信息檢索服務(wù)工具。我們上網(wǎng)瀏覽到的網(wǎng)頁就是這樣的超文本，也就是HTML(Hypertext Mark-up Language,超文本標記語言)文件，這些網(wǎng)頁文件被放置到WWW服務(wù)器上，并且都有一定的地址。當(dāng)我們想瀏覽某個網(wǎng)站時，首先要在電腦上安裝瀏覽器，如Internet Explorer或Netscape，然后在瀏覽器中輸入網(wǎng)站的地址（網(wǎng)址），就可以進入網(wǎng)站進行瀏覽。在這些網(wǎng)頁中，都有超連接，當(dāng)將鼠標指針移動到某個地方（如文本或圖象）時，鼠標指針就會變成一個小手形形狀，單擊它就可以連接到另個網(wǎng)頁中，從而使得瀏覽者能在不同的信息之間跳轉(zhuǎn)，我們之所以能在Internet的海洋中穿梭自如，正是超連接的功勞。

WWW 為我們帶來的是世界范圍的超級文本服務(wù)：只須操縱鼠標，就可以通過Internet從世界各地調(diào)來你所希望的文本、圖像、動畫和聲音等信息。通過使用WWW，一個不熟悉網(wǎng)絡(luò)使用的人也可以成為Internet的行家。

1.4網(wǎng)頁基本構(gòu)成元素

要學(xué)會制作網(wǎng)頁，首先需要了解網(wǎng)頁都是由什么元素構(gòu)成的。

文字：文本是構(gòu)成網(wǎng)頁的基本元素。一個最簡單的網(wǎng)頁可以只有幾行文本。

圖片：正是有個各種美麗的圖片，網(wǎng)頁才變得多姿多彩。

動畫：如今，網(wǎng)頁上的動畫越來越多，最常用的有GIF動畫、Flash動畫等。

超連接：如上所述，超連接幾乎是必不可少的。一個沒有超連接的網(wǎng)頁，就如同汪洋大海中的一座孤島，失去了與外界的一切聯(lián)系。

其它元素：還可以在網(wǎng)頁中添加聲音、視頻等元素。

1.5軟件的安裝與啟動要使用網(wǎng)站設(shè)計軟件，自然先要將這些軟件安裝到自己的電腦中。安裝完畢，還需要如何啟動，如何創(chuàng)建快捷方式。下面就讓我們來詳細地看一看具體的操作步驟。

1.5.1軟件的安裝

安裝之前，需要先了解軟件對系統(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)存。

分辨率可達 800×600像素的256色顯示器（建議顏色為百萬顏色，分辨率達到1024×768像素）。CD-ROM 驅(qū)動器。

檢查一下您的計算機，看是否具備了以上條件。如果具備，將“Macromedia Studio MX”程序會自動運行。如果不能自動運行，可以找到光盤放入光驅(qū)，安裝程序會自動運行?？梢哉业焦獗P中的“Install Macromedia Studio MX”程序或“Autorun”程序并雙擊運行。

Dreamweaver的安裝比較容易，幾乎可以自動完成。下面簡要說明一下安裝步驟。

操作步驟：

1、將安裝光盤放入光驅(qū)，安裝程序自動運行，并出現(xiàn)安裝界面。如果單擊安裝界面上的“Macromedia STUDIO MX安裝”，那么將會安裝其下方所列出的軟件。所有的安裝會自動完成。

2、單擊Dreamweaver MX,開始安裝過裝過程.先是出現(xiàn)解壓縮文件窗口,等待一會兒,便會出現(xiàn)安裝向?qū)υ捒?。單擊“下一步”按鈕，繼續(xù)安裝過程。

3、出現(xiàn)“選擇目的地位置”對話框，默認的盤是C盤，如果想安裝到不同的位置，可以單擊目的文件夾右邊的“瀏覽”按鈕，并在彈出的“選擇文件夾”對話框選擇不同的文件，如要安裝在D盤則可直接將路徑中的“C：”改為“D:”。也可以在下面的“目錄”中選擇其它的文件夾，設(shè)置完后，單擊“確定”，回到“選擇目的地址”對話框，單擊“下一步”繼續(xù)。

4、而后會出現(xiàn)“默認編輯器”的對話框，默認為全選。如果希望讓Dreamweaver MX成為下面所列文件類型的默認編輯器，那么可以在這里做選擇。選擇完畢，單擊“下一步”按鈕。

5、出現(xiàn)“開始復(fù)制文件”對話框，單擊“下一步”安裝程序開始復(fù)制文件，過幾分鐘后，安裝結(jié)束，單擊“結(jié)束”按鈕，結(jié)束安裝。

1.5.2 軟件啟動

軟件安裝完畢后，我們就可以使用它了。安裝程序已經(jīng)自動在“開始”菜單中加入了快捷方式。

單擊“開始”菜單，將鼠標指針依次指向“程序”|“Macromedia”|“Macromedia MX”,并在上面單擊鼠標左鍵。

1.5.3 創(chuàng)建快捷方式使用“開始”菜單啟動程序的過程比較煩瑣?？梢栽赪indows桌面或快速啟動欄上創(chuàng)建快捷方式，這樣可以快速的啟動程序。

具體實現(xiàn)方法是：在“開始”菜單中找到相應(yīng)程序的快捷方式，不過這是不要用鼠標左鍵單擊，而是用右鍵按住向桌面拖動，然后松開右鍵，會出現(xiàn)一個快捷菜單，在其中可以選擇不同的命令，比如選擇“在當(dāng)前位置創(chuàng)建快捷方式”或“復(fù)制到當(dāng)前位置”。

這樣以后在運行程序時，就方便快捷的多了。

1.6 制作網(wǎng)頁前的準備

電腦必備：

電腦速度夠快，最好能夠上網(wǎng)。操作系統(tǒng)：Windows 98/NT/Me/2000/XP.軟件可選：

其它軟件：看圖軟件ACDSee、圖像處理軟件Photoshop、上傳工具CuteFTP、Fireworks、動畫軟件Flash等。

1.7 Dreamweaver MX的操作環(huán)境

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

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

1.7.2 菜單欄

1.7.3 快捷工具欄

1.7.4 屬性面板

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

第二章網(wǎng)站制作實戰(zhàn)

2.1 站點

2.1.1 創(chuàng)建站點

要制作一個網(wǎng)站，第一步操作都是一樣的，就是要創(chuàng)造一個“站點”，這樣可以使整個網(wǎng)站的脈絡(luò)結(jié)構(gòu)清晰地展現(xiàn)在面前，避免了以后再進行紛雜的管理。

從菜單中選擇“站點/管理站點”在彈出的對話框中選擇“新建”，之后再選擇其中的“站點”，再次彈出一個對話框，在文本框中輸入自己已經(jīng)企化好的網(wǎng)站名稱“追夢人”。

填好后，單擊“下一步”，進入下一個步驟。由于我要做的是一個靜態(tài)的網(wǎng)頁，所以選擇上面的一項“否，我不想使用服務(wù)器技術(shù)?！?單擊“下一步”，進入下一個步驟。

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

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

由于“追夢人”網(wǎng)站分為“平面設(shè)計”、“動畫制作”、“網(wǎng)文精品”、“經(jīng)典回顧”、“個人說明“這五個大欄目，所以繼續(xù)用鼠標右擊右側(cè)，在彈出的菜單中選擇第二項“New Folder（新建文件夾）”。執(zhí)行五次操作，新建五個文件夾，并把它們重命名為graph、anim、books、music、letter，分別對應(yīng)上面的五個大欄目。存放它們各自的內(nèi)容。之后再次新建1個文件夾，命名為images,用來存放“所有的圖象文件”的內(nèi)容。

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

2.2 首頁

2.2.1 設(shè)置首頁布局

每個網(wǎng)站都會有一個首頁，就功能上而言，它代表著一個網(wǎng)站的風(fēng)格與特色，就網(wǎng)站架構(gòu)上而言，它代表了網(wǎng)站的第一層架構(gòu)，至于網(wǎng)站上其他Web頁，原則上都必須通過首頁來連接散播出去，可見首頁是多么的重要。

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

首頁的布局有很多方法，在這里我所用到的是表格的“布局模式”。“布局”模式中的表格稱為布局表格，單元格稱為布局單元格。在繪制布局表格和布局單元格時，必須從“標準”模式切換到“布局”模式。直接單擊“布局”按鈕即可。操作步驟：

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

3、在這里要繪制多個表格，可以再次單擊“布局表格”按紐進行繪制，也可以按住Ctrl鍵繪制多個表格。追夢人”網(wǎng)站首頁的布局如圖所示：

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

在“頁面屬性”對話框中，左側(cè)窗口顯示“分類”，其中包括了“外觀”、“鏈接”、“標題”、“標題/編碼”、“跟蹤圖像”5項，右側(cè)區(qū)域則顯示各類中可以設(shè)置的項目?！白穳羧恕笔醉撛O(shè)置的屬性如下圖所示：

2.2.3查看和編輯頭內(nèi)容

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

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

2.2.4 插入圖像

另一方面，網(wǎng)頁的容量大小是網(wǎng)站成功與否的一大關(guān)鍵因素。由于網(wǎng)絡(luò)在傳輸上的限制，導(dǎo)致了下載的速度不可能太快，因此，網(wǎng)頁的大小就不能太大，其中關(guān)鍵就在于圖像的大小了，否則瀏覽者會失去等待的耐心，無論你的網(wǎng)站多么精彩也無濟于事了。所以，在網(wǎng)面容量大小的問題上一定要重視。下面就來詳細介紹對網(wǎng)頁圖像進行處理的操作步驟，以使得它們在保持圖形美麗與網(wǎng)站風(fēng)格搭配的基礎(chǔ)上，圖片文件能夠變的更小。

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

在Dreamweaver MX2004中，除了之前講到的可以插入“圖像”外，還可插入動畫、聲音、視頻等媒體元素，如Flash,Shockwave,Applets,ActieX及格Midi聲音文件等，并且還可以在Dreamweaver自身內(nèi)插入Macromedia Flash MX2004按鈕和文本對象，以及進行相關(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動畫播放功能。操場作步驟：

步驟2 在彈出的對話框中選擇擴展名為swf 的Flash文件，即可將其插入到Dreamwe aver的“網(wǎng)頁編輯窗口”中，可以看到，在這個窗口中Flash文件的大小。在這里我的主頁插入的一個動畫，如圖所示：

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

網(wǎng)頁中需要大量的文本，我們或以通過以下兩種方式插入它們。

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

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

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

還有其它的幾個網(wǎng)站與主頁的制作相同，一個網(wǎng)頁是圖象和文字的組合。“平面設(shè)計”中的圖象插入和前面的介紹相似，并可以在屬性攔中調(diào)節(jié)圖象的大小。在Dreamwerver中常常會用到Firework、Flash，它們是相輔相成，在主頁中的主體部分就是用Firework,如圖所示：

在“個人說明”中也用到這點，首先定好需要尺寸，在屬性中設(shè)好背景，顏色等等，插入圖象，輸入文字，也word里的操作雷同。

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

網(wǎng)站實際上是由很多網(wǎng)頁組成的，那么網(wǎng)頁之間是如何聯(lián)系的呢？這就是本章要講的內(nèi)容----網(wǎng)頁的“鏈接”。

“鏈接”，又稱“超鏈接"（Hyperlink）,它作為網(wǎng)頁的橋梁，起著相當(dāng)重要的作用。網(wǎng)頁中的很多對象都可以加入“鏈接”屬性。在Dreamweaver MX2004中，如果以“鏈接”的媒介來劃分的話，則“鏈接”可以分為“文字鏈接”、“圖像鏈接”、“圖像地圖鏈接”、“內(nèi)部鏈接和外部鏈接”、“E-mail鏈接”、“命名錨記鏈接”、“文件下載鏈接”和“跳轉(zhuǎn)菜單”，共8種。其中部分內(nèi)容在之前的章節(jié)中可能接觸過，這里將對其進行更深入的講解。

3.1文字鏈接

“文字鏈接”即以文字作為媒介的鏈接，它是網(wǎng)頁中最常被使用的鏈接方式，具有“文件小、制作簡單和便于維護”的特點。

接下來結(jié)合我的個人網(wǎng)站為實例，來講解如何為文字建立“鏈接”。具體操作步驟如下所述。操作步驟

步驟1 準備好已經(jīng)制作完成的首頁的各個欄目頁面（假設(shè)除了“鏈接”，其他內(nèi)容都已經(jīng)制作完成了），該網(wǎng)站包含6個欄目，這里的5個欄目----“平面設(shè)計”、“動畫制作”和“網(wǎng)文精品”、“經(jīng)典回顧”、“個人說明”為例來進行講解。

步驟2 在Dreamweaver 中打開首頁，之后反白選取作為“鏈接”的文字。實例中要做到單擊不同的欄目的網(wǎng)頁。因此為第1個欄目“平面設(shè)計”設(shè)置鏈接，首先要反白選中“平面設(shè)計”4個文字。

步驟3 觀察“屬性面板”，其中包括一個“鏈接”文本框。步驟4 接下來需要把鏈接的地址加入到文本框中，方法有3種。

這里我用到的是直接點擊文件夾圖標，在文件夾中找到要鏈接的對象graph.htm。這樣就建立了超鏈接。不過有點很重要，由于大多數(shù)服務(wù)器都不支持中文文件名，而且對大小寫敏感，因此采用英文文件名并統(tǒng)一大小寫。如圖所示：

步驟5 在“鏈接”文本框下面還有一個“目標”下拉列表，從中可以選擇鏈接網(wǎng)頁顯示的窗口方式，共有4種。如圖：

實例中沒有選擇任何選項，保持空白，表示在原窗口中打開鏈接網(wǎng)頁。

步驟6 還可以設(shè)置一些“鏈接”的屬性，這是前面講過的內(nèi)容。單擊“屬性面板”中的“頁面屬性”，選擇其中的“鏈接”分類，可以進行的設(shè)置有“鏈接字體”、“大小”、“鏈接顏色”、“變換圖像鏈接”顏色、“已訪問鏈接”顏色、“活動鏈接”顏色及“下劃線樣式”。

步驟7 至此，第1個欄目的鏈接就制作完畢了，按下Ctrl+S保存網(wǎng)頁，再按下F12預(yù)覽，測試一下，當(dāng)鼠標放在“平面設(shè)計”這4個文字上時將變成手形，并且瀏覽器窗口下面的狀態(tài)欄中會顯示鏈接到的網(wǎng)頁的地址，單擊文字，頁面會立即跳轉(zhuǎn)到第1個欄目中，這表示鏈接已經(jīng)制作成功了。

步驟8 同理，按照以上步驟，再為“動畫制作”和“網(wǎng)文精品”“經(jīng)典回顧“等其它欄制作指向?qū)?yīng)欄目的鏈接。

步驟9 通常在欄目頁面中還需要有“返回首頁”的鏈接，單擊其后可以跳轉(zhuǎn)回首頁，因此在各個欄目中還要插入“網(wǎng)站首頁”的文字，并且制作指向首頁index.html的鏈接，制作方法不變。

至此，整個“文字鏈接”的實例就全就全部完成了。通過對這個實例的講解，讀者不僅應(yīng)該學(xué)會如何為文字制作鏈接，還應(yīng)用對“鏈接”有了更加深刻的理解，鏈接的目的何在？它到底能夠在網(wǎng)頁的網(wǎng)站中發(fā)揮什么樣的作用？怎樣才能更好地使用它？這些是網(wǎng)頁制作者更應(yīng)該思考的問題。下面繼續(xù)介紹其他類型的鏈接。

3.2圖像鏈接

“圖像”也是常被使用的鏈接媒體，它和“文字鏈接”非常相似。為圖像加入鏈接，首先應(yīng)該在網(wǎng)頁中插入“圖像”，有關(guān)插入“圖像”或“導(dǎo)航條”按鈕的內(nèi)容，接下來以我的網(wǎng)站“追夢人“為例，講解如何建立“圖像鏈接”。操作步驟

步驟1 首先仍然要準備好已經(jīng)制作完成的首頁和各個欄目的頁面（假設(shè)除了“鏈接”，其他內(nèi)容都已經(jīng)制作完成了），該網(wǎng)站包含6個欄目，下面我們就動手為這6個欄目分別制作它們的鏈接。

步驟2 在Dreamweaver中打開網(wǎng)站的首頁，之后選取要制作“鏈接”的圖像。實例中先為第3個欄目“動畫制作”設(shè)置鏈接，因此選中包含“動畫制作”4個字的圖像。步驟3 觀察“屬性面板”，在“鏈接”文本框中輸入鏈接的文字地址?？梢允褂弥爸v過的“指向文件”和“選擇文件”的方法。

步驟4 如果有需要，可以在“目標”下拉列表中選擇“鏈接”網(wǎng)頁顯示的窗口方式，分別為-blank、-parent、-self或 top。實例中使用了默認出的保留空白選項的方式。

步驟5 另外，讀者還可以為圖像增加“替代”文本。實例中為第1個欄目增加欄目名稱的“替代”文本。

步驟6 至此，第1個欄目的圖像鏈接就制作完畢了，按下Ctrl+S保存網(wǎng)頁，再按下F12預(yù)覽，測試一下，將鼠標放在“動畫制作”4個文字上時將變成手形，同時瀏覽器窗口下面的狀態(tài)欄中會顯示出鏈接到的網(wǎng)頁的地址，并且會顯示出“替代”文本“動畫制作”，單擊文字，頁面會立即跳轉(zhuǎn)到第3個欄目中，這表示鏈接已經(jīng)制作成功了。步驟7 同理，按照以上步驟，再為其它幾幅圖像制作指向?qū)?yīng)欄目的鏈接。

步驟8 在欄目頁面中制作“返回首頁”的鏈接，使得單擊后可以跳轉(zhuǎn)回首頁，其制作方法不變。

至此，整個“圖像鏈像”的實例就全部完成了。

3.3E –Mail的鏈接

E-Mail鏈接，是指當(dāng)瀏覽者單擊該鏈接之后，不是打開一個網(wǎng)頁文件，而是啟動用戶的E-Mail客戶端軟件（如Outlook Express）,并打開一個空白的新郵件，供瀏覽者撰寫內(nèi)容來與網(wǎng)站聯(lián)系人聯(lián)系，這是一種最方便的互動方式。結(jié)合“個人說明”網(wǎng)頁，建立E-Mail鏈接的步驟如下所述。操作步驟步驟1 將光標停留在頁面右下角要插入E-mail鏈接的位置。

步驟2 選擇“插入快捷欄”中的“常用”分類，單擊左側(cè)第2個“電子郵件鏈接”按鈕。

步驟3 在彈出的“電子郵件鏈接”對話框中有兩個輸入項，分別是“文本”和“E-Mail”。在“文本”項中輸入鏈接的文字，中文、英文均可，在E-Mail項中輸入網(wǎng)站聯(lián)系有的電子郵件地址，如實例中的 ding_zhuimeng123@163.net。

步驟4 單擊“確定”按鈕，具有“E-Mail鏈接”屬性的文本就ding_zhuimeng123@163.net。插入到光標所在位置了，按下 Ctrl+S保存網(wǎng)頁，再按下F12預(yù)覽查看實際效果。上面的方法只適用于文本的“E-Mail鏈接”，如果想在其它的對象（如圖像）上也加入這種鏈接，該怎辦呢？下面介紹第2種建立“E-Mail鏈接”的方法。

其實很簡單，與前面講過的圖像加入鏈接的方法基本一樣。先在頁面中需要的地方插入圖像，之后選中圖像，并在“屬性面板”的“鏈接”文本框中輸入如下語句即可----mailto: ding_zhuimeng123@163.net ?subject=網(wǎng)站的建議與第1種方法不同的是，E-Mail 地址前面增加了mailto:字樣。用這種方法就可以給圖像等其他對象建立“E-Mail鏈接”了。

3.4文件下載鏈接

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

瀏覽器無法識別的文件類型有很多，這里就介紹一個最常用的，以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ù)覽，在瀏覽器中單擊“下載精彩廣告視頻”鏈接文本，會彈出“文本下載”選擇框，單擊其中的“保存”按鈕。

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

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

3.5.1文字鏈接

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

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

動畫制作（原窗口，默認為空）

網(wǎng)文精品

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

摘要

最近幾年博客在國內(nèi)發(fā)展的非常迅猛，它可以作為其使用者個人或者工作中的文章、日記、照片等分享的平臺，其漸漸成為新興的網(wǎng)路媒介，并且擴展至營銷、商業(yè)推廣等商業(yè)應(yīng)用，越來越多的人們建立了屬于自己的博客來展示自己的風(fēng)采。

該博客網(wǎng)站設(shè)計的目的旨在建立以ASP.NET和SQL Server 2005數(shù)據(jù)庫為工具，功能簡潔、結(jié)構(gòu)靈活且精致、輕巧的個人博客網(wǎng)站系統(tǒng)。其中網(wǎng)絡(luò)日志的管理作為本系統(tǒng)的主要目標，且同時可以滿足用戶對于圖片，相冊，留言，個人信息等的管理和展示，并且可以設(shè)置博客的背景音樂等功能。

該設(shè)計的開發(fā)環(huán)境為Microsoft Visual Studio 2005，使用C#編程語言進行編碼，采用的是SQL Server 2005數(shù)據(jù)庫。

關(guān)鍵字：DotNet；C#；個人博客；數(shù)據(jù)庫； SQL Server 2005

ABSTRACT

In recent years, The Blog develops rapidly in China.It can be used as a platform which shares its user's articles for daily life or for work, and also shares diaries and musics.Blog has become an emerging media on the Internet gradually, and it has extended to be business applications such as marketing and promotion.More and more people have established their own blogs to show themselves.The design for this blog website aims to build a personal blog system which based on ASP.NET and SQL Server 2005, having advantages such as its concise functions, flexible structures, exquisite but simple looks.The management of cyber diaries is the main objective for this system.The system can also meet the requirements such as managements and displays for user's pictures, photos, messages and personal information.Yet it can set background musics.This design is developed by Microsoft Visual Studio 2005, coded by C#, and based on the database of SQL Server 2005.Keywords: Asp.Net;C#;Personal Blog;Database;SQL Server 2005

第一章系統(tǒng)概述...................................................1 1.1研究背景........................................................1 1.2研究現(xiàn)狀........................................................1 1.3設(shè)計內(nèi)容........................................................2 1.4 課題研究意義...................................................3 第二章系統(tǒng)開發(fā)環(huán)境...............................................4 2.1 ASP.NET概述....................................................4

2.1.1 ASP.NET和ASP.NET結(jié)構(gòu).....................................4 2.2 C#概述..........................................................7 2.3 動態(tài)網(wǎng)站技術(shù)介紹................................................8 2.4數(shù)據(jù)庫技術(shù)......................................................8 2.5 ADO.NET連接數(shù)據(jù)庫..............................................9 第三章需求分析..................................................11 3.1 可行性分析.....................................................11

3.1.1 技術(shù)可行性.................................................11

3.1.2 經(jīng)濟可行性.................................................12

3.1.3操作可行性.................................................14 3.2 功能需求.......................................................14 3.3 性能需求.......................................................15 3.4系統(tǒng)用例.......................................................15 第四章系統(tǒng)概要設(shè)計..............................................17

4.1概述...........................................................17 4.2系統(tǒng)結(jié)構(gòu).......................................................17 4.3 數(shù)據(jù)庫設(shè)計.....................................................18

4.3.1 數(shù)據(jù)庫設(shè)計概述.............................................19

4.3.2 數(shù)據(jù)庫概念設(shè)計.............................................20

4.3.3 數(shù)據(jù)庫實體設(shè)計.............................................22

4.3.4 數(shù)據(jù)庫設(shè)計表...............................................24 第五章系統(tǒng)詳細設(shè)計..............................................28 5.1用戶登錄模塊的實現(xiàn).............................................28 5.2留言板模塊的實現(xiàn)...............................................29 5.3相冊模塊的實現(xiàn).................................................31 5.4圖片管理模塊的實現(xiàn).............................................34 5.5背景音樂的實現(xiàn).................................................37 5.6日歷模塊的實現(xiàn).................................................39 第六章總結(jié)......................................................41 參考文獻.........................................................42 致謝.............................................................43

基于Asp.Net的個人博客網(wǎng)站的設(shè)計與實現(xiàn)

第一章系統(tǒng)概述

1.1研究背景

BLOG一詞耳熟能詳，把它翻譯成我們所熟悉的意思就是“網(wǎng)絡(luò)文章”，現(xiàn)在一般叫做“博客”。具體說來，使用瀏覽器或者某些程序，在互聯(lián)網(wǎng)上去創(chuàng)作、書寫、發(fā)貼和刊登自己的文章、照片等信息的人就是博客（BLOGGER）。

每一個BLOG都是一個網(wǎng)頁，其通常是由簡單短小并且經(jīng)常更新的Post來構(gòu)成；這之中所貼的文章全都以年份、日期為依據(jù)排列。BLOG的內(nèi)容與目的大相徑庭，其包含網(wǎng)站的相關(guān)鏈接、灌水、評論，對有關(guān)組織以及個人所構(gòu)想的文章、圖片、繪畫、歌曲，乃至實時消息、構(gòu)想的故事的發(fā)表和出版應(yīng)有盡有。很多博客是個人對心中的感情和一些奇思妙想的抒發(fā)方式，而其它的博客則是一些人按照一些特定的主題或者共同愛好的領(lǐng)域進行的自發(fā)性的集體創(chuàng)作。BLOG可以理解為向整個網(wǎng)絡(luò)傳達實時的訊息。而創(chuàng)作這些blog的作者便被稱為博客或者博主。

Jorn Barge在一九九七年的十二月第一次提出了BLOG一詞，但到當(dāng)年互聯(lián)網(wǎng)上的博客屈指可數(shù)，直到進入新世紀博客才真正的流行起來。最開始，博客們每天把他們其瀏覽互聯(lián)網(wǎng)的的感受和想法記錄下來，然后發(fā)表出來，以供其他人參考和借鑒。但隨著BLOG的快速發(fā)展，其目的與最初的時候已經(jīng)大相徑庭?，F(xiàn)如今互聯(lián)網(wǎng)上面數(shù)以百萬計的博客們所創(chuàng)作并且發(fā)表出來的難以計數(shù)的BLOG有著各種各樣的目地。但是，因為其溝通方式較E-mail、聊天室更簡潔、容易上手，更加快捷和廣泛，BLOG已經(jīng)成為個人、團體、公司和政府部門之間越來越流行的溝通工具。

1.2研究現(xiàn)狀

BLOG，把它翻譯成我們所熟悉的意思就是“網(wǎng)絡(luò)文章”，現(xiàn)在一般叫做“博客”。具體說來，使用瀏覽器或者某些程序，在互聯(lián)網(wǎng)上去創(chuàng)作、書寫、發(fā)貼和刊登自己的文章、照片等信息的人就是博客。是一個急速發(fā)展的網(wǎng)絡(luò)活動，現(xiàn)在博客一詞已經(jīng)被現(xiàn)代漢語詞典所收錄，標志著這種新興事物已經(jīng)被人們所接受。BLOG是在E-mail、BBS、IM之后的所涌現(xiàn)出的新一種互聯(lián)的社交形式，是在這個新時代的屬于個人的一個交流平臺，是以迅猛發(fā)展的網(wǎng)絡(luò)技術(shù)為基礎(chǔ)的網(wǎng)絡(luò)日記，是新時代的生活與工作方式的體現(xiàn)，同時也是新時代的學(xué)習(xí)方式的體現(xiàn)。

每一個BLOG都是一個網(wǎng)頁，其通常是由簡單短小并且經(jīng)常更新的Post來

構(gòu)成，這之中所貼的文章全都以年份、日期為依據(jù)排列。BLOG的內(nèi)容與目的大相徑庭，其包含網(wǎng)站的相關(guān)鏈接、灌水、評論，對有關(guān)組織以及個人所構(gòu)想的文章、圖片、繪畫、歌曲，乃至實時消息、構(gòu)想的故事的發(fā)表和出版應(yīng)有盡有。傳統(tǒng)意義上的日記帶有著很強的隱私性。與此不同的是BLOG同時具有著隱私性質(zhì)與公開性質(zhì)，并且將二者有機結(jié)合了起來，博客絕不只是單純的去表達個人的思想與記錄日常生活中的流水賬，博客所展示的內(nèi)容可以用來溝通、展示自我并且可以為他人提供參考和幫助，它存在于整個互聯(lián)網(wǎng)，可以極大程度的展示自我，極廣泛的進行交流。

博客出現(xiàn)于九七年底，在九八年“DrudgeReport”這一blog成為披露克林頓緋聞案的先鋒；

2000年博客開始走入中國，并且得到迅速發(fā)展，但并沒取得突出業(yè)績； 2001年博客在911事件的報道中發(fā)揮了巨大的作用，從而步入主流； 2003年在對伊拉克戰(zhàn)爭的報道中，美國眾多傳統(tǒng)媒體所具備的公信力遇到博客的重大挑戰(zhàn)；

2004年是對于中國博客的發(fā)展至關(guān)重要的一年，木子美事件使很多中國人了解了博客，并學(xué)會了使用用博客；

2005年，像搜狐，新浪這樣的很多起初對博客這一事物不抱期望的的國內(nèi)各門戶網(wǎng)站，也紛紛加入到發(fā)展博客的行列，從此國內(nèi)博客的發(fā)展進入了戰(zhàn)國時代。最近幾年，芙蓉姐姐等網(wǎng)絡(luò)名人的一炮走紅也使得博客更加深入人心。

博客們每天把他們其瀏覽互聯(lián)網(wǎng)的的感受和想法記錄下來，然后發(fā)表出來，以供其他人參考和借鑒。但隨著BLOG的快速發(fā)展，其目的與最初的時候已經(jīng)大相徑庭?，F(xiàn)如今互聯(lián)網(wǎng)上面數(shù)以百萬計的博客們所創(chuàng)作并且發(fā)表出來的難以計數(shù)的BLOG有著各種各樣的目地。但是，因為其溝通方式較E-mail、聊天室更簡潔、容易上手，更加快捷和廣泛，BLOG已經(jīng)成為個人、團體、公司和政府部門之間越來越流行的溝通工具。

如今，門戶網(wǎng)站已經(jīng)普遍有了自己的大型博客站點。目前，國內(nèi)發(fā)展較好為人們所熟知的相關(guān)網(wǎng)站有：新浪，搜狐，騰訊，百度等。

1.3設(shè)計內(nèi)容

網(wǎng)站的界面很友好、明快、舒適；操作起來容易、快捷；查詢資料快捷、準確。本個人博客網(wǎng)站在很大程度上實現(xiàn)安裝的簡易性、操作的簡單性與維護的最小化。系統(tǒng)運行有較高的穩(wěn)定性、安全性和可靠性。在功能上游客身份可以用不注冊，直接通過匿名訪問的方式在博客前臺進行查看用戶的博客日志，發(fā)表留言，查看用戶的相冊圖片等操作。博客用戶可以在前臺的頁面登錄，然后進入后臺頁

面。在后臺可以進行發(fā)表日志和管理日志以及日志的留言，添加相冊，刪除相冊，上傳、刪除圖片等操作。博客的主人在登錄之后可以修改自己的個人信息，也可以設(shè)置自己博客的背景音樂。

1.4 課題研究意義

根據(jù)上面所介紹的相關(guān)信息我們已經(jīng)知道如今博客的發(fā)展已經(jīng)到了比較成熟的階段了，它已經(jīng)被人們所廣泛接受。博客在改變著人們抒發(fā)情感與人際間相互交流的方式，它拉近了人與人的距離，改變著人們社交的方式；博客極大的擴展了著人們對于信息世界的想象，它影響著整個互聯(lián)網(wǎng)的發(fā)展趨勢，甚至對社會的發(fā)展會起到想當(dāng)重大的影響。

博客這樣一種有著巨大影響的新的信息傳播方式的發(fā)展，必將有利于社會的進步。但同時也應(yīng)看到，由于博客所具有的快速廣泛傳播信息的功能，一旦為不法分子所利用將帶了嚴重的后果。所以我們要把這種好的作用盡可能的發(fā)揮到最大，并且通過技術(shù)、法律和道德的力量來避免不好的作用，在這過程中必然就需要通過開發(fā)新的技術(shù)來讓博客的用戶們活動更好的體驗。

現(xiàn)在各個大中型的門戶網(wǎng)站都退出了博客、空間等服務(wù)，令廣大用戶能夠在互聯(lián)網(wǎng)上有屬于自己的一席之地。為了滿足廣大用戶們在使用博客的過程中所追求的個性化要求，本個人博客網(wǎng)站盡量采用了.NET中的新方法，該個人博客采用.NET的可視化開發(fā)環(huán)境，所見即所得。從而讓開發(fā)人員可以更加高效快捷的得到開發(fā)內(nèi)容的實際效果，并且進行相關(guān)調(diào)試。3 基于Asp.Net的個人博客網(wǎng)站的設(shè)計與實現(xiàn)

第二章系統(tǒng)開發(fā)環(huán)境

2.1 ASP.NET概述

DOTNET也就是我們通常所說的.NET，準確來說它叫做.Net框架。作為Windows系統(tǒng)的的一種組件，NET框架將會支持未來會出現(xiàn)的各種應(yīng)用程序和XML Web業(yè)務(wù)。.Net框架剛剛提出的時候，微軟確定要實現(xiàn)以下目標：給程序開發(fā)者統(tǒng)一的面向?qū)ο蟮木幊汰h(huán)境。提供一個控制軟件的布置和協(xié)調(diào)不同版本之間矛盾的執(zhí)行環(huán)境，盡可能的減少矛盾，提供了更加安全可靠的的代碼運行環(huán)境，提供一個可以避免腳本運行或者解釋運行環(huán)境所引起的整體性能降低，使開發(fā)人員面對的操作系統(tǒng)的應(yīng)用程序與網(wǎng)絡(luò)應(yīng)用程序相協(xié)調(diào)。

.Net框架在通過初步發(fā)展之后，在.Net 框架l.0以及它的升級版.Net 框架l.l中，更好地支持移動ASP。凈監(jiān)控及支持ODBC和Oracle數(shù)據(jù)庫。后.Net 2.0中出現(xiàn)了越來越多不同的API。API允許管理.Net執(zhí)行時的非實例.Net應(yīng)用程序能夠?qū)⑵鋵崿F(xiàn)。不同以往的API.Net里面有著豐富的本領(lǐng)，比如：多線程，分配內(nèi)存，代碼的載入，給予了有效的管理，其次.Net 3.0里面加入了四個WPF。為開發(fā)Windows窗體和瀏覽器應(yīng)用程序提供更好的用戶體驗的WCF。給予用戶SOA（應(yīng)用于服務(wù)軟件的架構(gòu)），以支持安全的網(wǎng)絡(luò)服務(wù)框架。Windows工作流基礎(chǔ)（WF）：提供面向工作流的設(shè)計和開發(fā)（面向工作流程）的應(yīng)用基礎(chǔ)設(shè)施，以支持應(yīng)用程序接口。Windows CardSpace的：提供的SSO解決方案，所有使用者都擁有屬于自己的CardSpace。在這個項目后，所使用的.Net框架3.5，這個版本包括一款支持C＃和VB的網(wǎng)絡(luò)中心編譯器的語言功能的支持。同時，.Net 框架3.5的自動.Net 框架2.0 SPⅠ.Net 框架3.0 SPⅠ，用于這兩個版本提供安全修補程序，以及少量額外的庫的。2.1.1 ASP.NET和ASP.NET結(jié)構(gòu)

ASP.NET是.NET 框架的一個組成部分：它給了用戶大量的用于編程的類，以滿足各種編程需要。

.NET 框架類庫

假如你是Microsoft。假如你必須支持大量的編程Language，比如Visual Basic、C#和C++。這些編程語言的很多功能相互重疊。例如，對于任何程序語言，必須包括的文件系統(tǒng)的訪問，與數(shù)據(jù)庫和操作系統(tǒng)的字符串的操作方法。

并且，雖然語言不同，但是實現(xiàn)相同功能時的程序結(jié)構(gòu)是相似的。就像任何

程序語言都能夠使用循環(huán)結(jié)構(gòu)與條件結(jié)構(gòu)的語句。寫在Visual Basic語法的使用條件語句是寫在C + +中是不一樣的，程序的功能卻是一樣的。

此外，對于絕大多數(shù)的程序語言來說來都有著類似的數(shù)據(jù)類型。絕大多數(shù)的程序語言，都有能夠定義整數(shù)型和字符型的數(shù)據(jù)。雖然由于程序語言的種類不同，整數(shù)型數(shù)據(jù)的最大值和最小值不盡相同，但是它們都是對應(yīng)著用一種數(shù)據(jù)類型。

同時向多種語言來提供這種功能要耗費很多的資源。為什么繼續(xù)重復(fù)工作呢？對所有的語言只創(chuàng)建這種功能一次，然后把這個功能應(yīng)用在每一種語言中豈不是更容易。

.NET Framework類庫正是這么做的。它包含一個龐大的集合，旨在以滿足任何可以想象的編程需要的類。舉例來說，數(shù)據(jù)庫訪問，文件協(xié)同，操作文本，生成圖像等工作.NET Framework類庫所提供的的類型足以將其實現(xiàn)。刨去以上的內(nèi)容，本框架中有著眾多專業(yè)的類型應(yīng)用在處理網(wǎng)絡(luò)協(xié)議的執(zhí)行任務(wù)和正則表達式上。

此外.NET Framework包含所有基本的變量數(shù)據(jù)類型。

相比于之前的腳本語言，ASP.NET優(yōu)越性集中表現(xiàn)在下面幾個特性上：

（一）高效性

以.NET框架做為基礎(chǔ)來制作的的ASP.NET，應(yīng)當(dāng)使用VB，C++這些高度模塊化的編程語言，只要執(zhí)行一次編譯器后便可以直接運行，因此ASP.NET的速度和效率比ASP這種只能依靠VBScript和JavaScript這樣的腳本編程語言，增強了很多。

（二）可重用性

ASP.NET比起以前的ASP來是大相徑庭的。ASP中ASP的代碼與HTML是混在一起的，而ASP.NET中是代碼與內(nèi)容是完全分離的，可重重復(fù)使用性大大提高。

（三）代碼量小

在ASP中，要實現(xiàn)的功能是通過編寫代碼來實現(xiàn)，但ASP.NET只是事先，可以自動實現(xiàn)，因此，當(dāng)實現(xiàn)相同的功能，小于ASP的ASP.NET代碼量。

（四）ASP.NET不是解釋性的而是編譯型的

ASP.NET編譯器由兩個階段組成。在第一階段，當(dāng)一個ASP.NET頁面是第一次訪問或早期編譯ASP.NET網(wǎng)站，包含語言代碼江北編譯成微軟中間語言中間語言代碼，像ASP.NET網(wǎng)站的編譯模型可以在不使用背景語言的混合編程。第二階段，ASP.NET頁面執(zhí)行時，MSL IL代碼可以由即時編譯（時間，JIT）的形式被編譯成機器語言。

ASP.NET頁面的編譯過程為：

如果是VB.NET代碼，則使用這種語言所編譯器；若使用的是C#代碼，則使用C#對應(yīng)的編譯器；如果是其他語言代碼，則使用其對應(yīng)的編譯器。統(tǒng)一將

其編譯為MSIL代碼，之后進行JIT變編譯，隨后編譯為機器語言代碼最終進行執(zhí)行。6 基于Asp.Net的個人博客網(wǎng)站的設(shè)計與實現(xiàn)

2.2 C#概述

C#是一種Microsoft為了實際應(yīng)用.NET而根據(jù)其特點和需要所創(chuàng)造的不同于以前出現(xiàn)過的的的編程語言。C#同.NET Framework存在密切相關(guān)的關(guān)系，C#中所包含地類型便是.NET里面所能提供地所有類，而且C#可以直接使用.NET 框架所提供地類庫。此外，C#中所包含地理性的安全檢查和結(jié)構(gòu)化異常的處理等全部由CLR來處理。事實上，ASP.NET 3.5便是使用C#語言來進行開發(fā)的，因此C#這種編程語言不進十分適合Web應(yīng)用程序的開發(fā)，而且還適合用于強大的系統(tǒng)程序的開發(fā)。

C#這門語言具有著如下的特點：

在.NET 框架所提供的環(huán)境中執(zhí)行C#的代碼的時候，無法對內(nèi)存直接進行操作，從而使得程序的安全性能大大提高。C#中并不推薦使用指針，如果想要使用指針的話，需要添加unsafe修飾符才行，并且在編譯的時候需要采用/unsafe這個參數(shù)。

采用C#編程語言可以構(gòu)建出健康高效的應(yīng)用程序。C#中的垃圾回收功能將會自動的回收那些不再被使用的對象所占用的內(nèi)存。而異常處理功能則提供了結(jié)構(gòu)化的并且可擴展的錯誤檢測與恢復(fù)的方法。獨有的類型安全的設(shè)計從根本上排除在讀取未被初始化過的變量和未被初始化過的數(shù)組的時候?qū)е乱绯錾舷薜目赡苄浴?/p>

C#編程語言有著整合的類型系統(tǒng)。全部的C#類都繼成于唯一一個根類——object。所以，全部的類型都能夠共享同一組通用操作。

C#編程語言完全支持使用組件編程?，F(xiàn)在軟件設(shè)計越來越依靠有著自包含與自描述功能包形式的軟件組件，通過屬性，方法和時間來提供編程的模型。而C#恰恰可以輕而易舉的創(chuàng)建并且使用這些軟件組件。

通過上面的介紹，可以想象.NET Framework會是非常龐大的。它有著三千四百個的類。幸運的是，類不會簡單的堆在一起。.NET Framework通過鮮明的層次結(jié)構(gòu)將類組織在命名空間中。

例如在先前的ASP中，你只有五個標準類的訪問，而在ASP.NET中所提供的類超過三千四百個！

命名空間是一個邏輯分組，像是，有關(guān)工作在System.IO的文件系統(tǒng)類型設(shè)置。您通過完整的類的命名空間，可以唯一識別在the.NET框架位置的任何一類。默認情況下，ASP.NET頁面，在一些選定的命名空間中包含的類，在ASP.NET里普遍應(yīng)用類被系統(tǒng)初始化。

基于Asp.Net的個人博客網(wǎng)站的設(shè)計與實現(xiàn)

2.3 動態(tài)網(wǎng)站技術(shù)介紹

鑒于博客網(wǎng)站系統(tǒng)的操作界面均為Web頁面的形式，并且需要對各種用戶的請求實時進行處理以及返回結(jié)果，而這些是一般的靜態(tài)Web頁面所無法實現(xiàn)的，因此需要使用動態(tài)網(wǎng)頁技術(shù)?，F(xiàn)在動態(tài)網(wǎng)頁技術(shù)有很多，例如CGI、SP.NET、JSP、ASP、ASP.NET等。本設(shè)計將以ASP.NET為主要技術(shù)。

ASP.NET是ASP版本的下一代，它不僅僅是ASP Four，而是一種新的Web開發(fā)框架，包含了許多新的功能。不像ASP，ASP.NET是完全基于模塊化和組件，它的可擴展性和定制是用ASP技術(shù)無法比擬的，在數(shù)據(jù)處理方面引入了許多令人振奮的新技術(shù)，為Web開發(fā)人員提供了更多的靈活性，網(wǎng)絡(luò)是有效的改善應(yīng)用程序的開發(fā)效率。ASP技術(shù)相比，ASP.NET的進展是革命性的。ASP.NET和Windows2005 Advanced Server的完美結(jié)合，為小型和中型企業(yè)用戶和企業(yè)用戶的網(wǎng)絡(luò)商務(wù)活動提供了更好的穩(wěn)定性，安全性，高效的運行環(huán)境。

2.4數(shù)據(jù)庫技術(shù)

該個人博客網(wǎng)站所具有的存儲用戶信息，文章，圖片，音樂等功能必然要通過數(shù)據(jù)庫技術(shù)來實現(xiàn)。

統(tǒng)一的SQL Server 2005中的語言風(fēng)格，可以完成這項工作的數(shù)據(jù)庫活動，包括創(chuàng)建數(shù)據(jù)庫，數(shù)字模式，改變和查詢數(shù)據(jù)和整體安全的保障和數(shù)據(jù)庫的維護。數(shù)據(jù)庫應(yīng)用系統(tǒng)的發(fā)展提供了一個良好的環(huán)境。即使系統(tǒng)在實際使用之后，用戶仍舊能夠根據(jù)需要來改變系統(tǒng)的結(jié)構(gòu)，同時保證數(shù)據(jù)的正常運行，這一特點令系統(tǒng)有了非常優(yōu)異的擴展性能。

在使用SQL語言訪問數(shù)據(jù)庫時，用戶不需要像C語言那樣具體的寫出如何實現(xiàn)操作，而只需要寫清楚要做的事情，SQL語言就可以將要求提交給數(shù)據(jù)庫管理系統(tǒng)，然后由數(shù)據(jù)庫管理系統(tǒng)自動全部工資。

自二十世紀八十年代以來，SQL便是DBMS這一系統(tǒng)所采用的規(guī)范化語言。最早的SQL標準是ANSI（American National Standards Institute）于1986年10也頒布的。ISO（國際標準化組織）于一九八七年六月正式通過了國際標準，并在此基礎(chǔ)上補充，****年四月，ISO發(fā)布有著全部功能的SQL，SQL-89。SQL-89標準的頒布，對數(shù)據(jù)庫技術(shù)隊發(fā)展和數(shù)據(jù)庫的應(yīng)用都起到了巨大的推進作用。盡管如此，SQL-89依然有相當(dāng)多不足之處。因此，SQL-89的基礎(chǔ)上，研究和修訂3年以上后，國際標準化組織與ANSI于1992年8月頒布了新的標準

——SQL-92 亦或是SQL2。值得注意的是它依然沒有很全面，因此于一九九九年有頒布了SQL-99或叫做SQL3。

SQL語言就能夠?qū)崿F(xiàn)所數(shù)據(jù)庫活動的工作，包括數(shù)據(jù)庫的創(chuàng)建，修改和查詢數(shù)據(jù)和安全管理和維護數(shù)據(jù)庫，使用戶可以繼續(xù)死對數(shù)據(jù)庫結(jié)構(gòu)根據(jù)修改后還需要數(shù)據(jù)庫系統(tǒng)投入使用。同時不會影像數(shù)據(jù)庫的運行，從而使得系統(tǒng)具有良好的可擴展性。

在使用SQL語言訪問數(shù)據(jù)庫的時候，用戶無需告訴計算機怎樣一步步的達成操作，只需要描述清楚所要實現(xiàn)的目的。SQL語言之后便會將用戶的要求提供到數(shù)據(jù)庫管理系統(tǒng)，然后其將自動將剩余的任務(wù)達成。

盡管SQL語言有著強大的功能，但是它并不復(fù)雜，通過很少的幾條命令便能實現(xiàn)眾多功能。而且，SQL語法和日常語言比較相似，十分便于學(xué)習(xí)。

SQL語言能夠通過到命令的模式直接應(yīng)用，同時能夠嵌入在使用的編程語言之中。如今數(shù)據(jù)庫制作工具普遍的直接將SQL語言變成自己的語言，它是使用起來非常方便。貼現(xiàn)使用，為用戶提供了一個靈活的選擇。但不管是什么樣的應(yīng)用，SQL語言都會采用大體相同的格式。鑒于SQL 2005所具有的功能可以方便高效的實現(xiàn)本次工作的目的，本系統(tǒng)將使用SQL 2005。

本網(wǎng)站的開發(fā)工具使用的是Visual Studio 的二零零八版，使用的是C#語言作為編程語言，用到的技術(shù)有ASP.NET這一微軟推出的先進技術(shù)，在數(shù)據(jù)庫開發(fā)方面使用的則是SQLServer數(shù)據(jù)庫，版本為二零零五。

2.5 ADO.NET連接數(shù)據(jù)庫

在網(wǎng)站的開發(fā)過程中，如何存取數(shù)據(jù)庫是最常用的部分。.Net 框架提供了多種存取數(shù)據(jù)庫的方式。

ADO.NET這種數(shù)據(jù)訪問技術(shù)雖然比較先進，但也存在著需要編寫大量重復(fù)代碼的問題，為了提高工作效率，ASP.NET 2.0進行來大膽的改進，增加來許多數(shù)據(jù)源控件和數(shù)據(jù)綁定控件。數(shù)據(jù)源控件包中的所有接入和數(shù)據(jù)處理功能，包括連接到數(shù)據(jù)源頭，使用選擇，更新，delete和插入SQL代碼來獲取數(shù)據(jù)和管理。數(shù)據(jù)綁定控件是用來顯示數(shù)據(jù)在多種方式。把數(shù)據(jù)來源相關(guān)的控件和綁定上數(shù)據(jù)的空間有機整合起來，用戶只需要輕點需要的屬性，基本上不用依靠任何代碼就都可以訪問數(shù)據(jù)庫。

System.Data命名空間管理專業(yè)類在ADO.NET中，數(shù)據(jù)處理是一個關(guān)鍵部分。所有依靠ADO.NET的軟件的實現(xiàn)方法的關(guān)鍵都是數(shù)據(jù)集。該數(shù)據(jù)集是一個內(nèi)存庫中的副本。一個數(shù)據(jù)集包括許多數(shù)據(jù)表，每個數(shù)據(jù)表一般都會對應(yīng)著一個數(shù)據(jù)庫的表或者視圖。有些特定的命名空間便是用來提供處理數(shù)據(jù)集，數(shù)據(jù)表和

視圖的類。通過這些類能夠方便的以編程的方式與數(shù)據(jù)庫中的數(shù)據(jù)進行交互。

System.Data命名空間中的類，涵蓋了所有的內(nèi)容和關(guān)系數(shù)據(jù)庫，如某些特定的類的外鍵查找和修改數(shù)據(jù)視圖的數(shù)據(jù)關(guān)系表。

使用System.Data能夠?qū)?shù)據(jù)庫中的數(shù)據(jù)進行緩存，方便客戶端進行讀取，從而打到提高數(shù)據(jù)交互性能的目的。

System.Data是數(shù)據(jù)操作的關(guān)鍵，System.Data命名空間中包含的類負責(zé)著協(xié)調(diào)整合修改并且提供數(shù)據(jù)交互的一些常用功能：

通過使用共同System.Data命名空間中的類和接口的連接，可實現(xiàn)連接數(shù)據(jù)庫。在這之中最關(guān)鍵的是DataSet類，它管理者數(shù)據(jù)庫中的多個表。這些表在第一次讀出來之后就保存在內(nèi)存中，在此讀取的時候可以直接從內(nèi)存中讀取，因此一般會把DataSet放在內(nèi)存的緩存里邊。10 基于Asp.Net的個人博客網(wǎng)站的設(shè)計與實現(xiàn)

第三章需求分析

3.1 可行性分析

技術(shù)可行性：如今主流的計算機配置水平均可以實現(xiàn)平臺的安裝和穩(wěn)定運行；SQL數(shù)據(jù)庫和VS2008等編程工具提供了可靠的編程環(huán)境；憑借以前所學(xué)的軟件開發(fā)方法和編程的知識，并且查閱相關(guān)資料和書籍可以為網(wǎng)站的開發(fā)提供足夠的技術(shù)保障。

社會可行性：目前互聯(lián)網(wǎng)上已經(jīng)有很多成功的博客網(wǎng)站，博客系統(tǒng)的存在完全符合國家的相關(guān)法規(guī)和普遍的社會價值觀，不存在嚴重的障礙。此外，博客的的操作方式簡便，門檻低，適合大多數(shù)人使用，其內(nèi)容符合大眾的價值觀，有利于提高人們學(xué)習(xí)、交流的效率，因此本設(shè)計具有可行性。

經(jīng)濟可行性：本設(shè)計基于ASP.NET開發(fā)，完全可以實現(xiàn)免費、開源，用戶可以直接瀏覽博客信息和留言，并且可用通過免費注冊來獲得更多的功能，便于為人們接受。3.1.1 技術(shù)可行性

技術(shù)可行性是本設(shè)計最關(guān)鍵的部分，也是其他可行性的基礎(chǔ)。需要根據(jù)用戶所提出的各種功能要求和限制條件，在技術(shù)的角度上研究本系統(tǒng)實現(xiàn)的可行性。系統(tǒng)的開發(fā)涉及多個方面的技術(shù)。包括了系統(tǒng)的軟件和硬件，網(wǎng)絡(luò)的環(huán)境，人員的技術(shù)水平，系統(tǒng)開發(fā)的各種相關(guān)理論。在

在技術(shù)可行性方面需要考慮的有很多，首先是技術(shù)人員，無論任何工作，都是以人為本的，由人來完成，最后面向的用戶也是人。而不管是個人還是團隊，如果要開發(fā)一款產(chǎn)品都需要相應(yīng)的技術(shù)基礎(chǔ)。對于個人來說必須要掌握相關(guān)的技術(shù)或者確定可以在可接受的時間范圍內(nèi)掌握該技術(shù)才能夠去進行開發(fā)。對于團隊來說，團隊之中至少要有一個人能夠完整的掌握相關(guān)的技術(shù)，不能這個人會一點那個人懂一點來東拼西湊，這樣會大大的降低開發(fā)效率。而且對于團隊來說，良好的團隊協(xié)作是成功的必要條件，如果一個人所寫的代碼雖然能順利運行，但是不具有很好的規(guī)范性兼容性，那么這個團隊也是無法協(xié)同工作的。

之后要提到的就是采用的技術(shù)，從信息革命爆發(fā)以來所涌現(xiàn)出的新技術(shù)新理念層出不窮，但是為人們所廣泛接受的技術(shù)同龐大的總量比起來就顯得九牛一毛了。很多技術(shù)或者是不成熟，或者是不完善或者是不符合大多數(shù)人的價值觀?？?/p>

之因為各種各樣的原因?qū)е滤鼈儧]有廣泛的應(yīng)用。我們在開發(fā)的過程中確定了產(chǎn)品的功能之后要做的便是選擇合適的技術(shù)來實現(xiàn)它，這其中的大多數(shù)技術(shù)應(yīng)當(dāng)是成熟的可靠的，因為作為一款產(chǎn)品首先應(yīng)該是可靠的，不能總是出現(xiàn)問題。但是也應(yīng)當(dāng)采用一些具有新特點的技術(shù)，令本產(chǎn)品同其他類似產(chǎn)品比起來有所獨特的地方，能夠在眾多同類產(chǎn)品中脫穎而出。當(dāng)然，如果技術(shù)實力足夠強大，也可以更加大膽和廣泛的采用新技術(shù)新理念。

博客作為一款網(wǎng)絡(luò)應(yīng)用，需要注意的還有網(wǎng)絡(luò)環(huán)境的問題，如何降低網(wǎng)絡(luò)環(huán)境的波動對博客系統(tǒng)性能產(chǎn)生的影響。比如博客在只有少數(shù)用戶的時候能夠流暢的運行，但是在面對大量的用戶時原有的資源就可能捉襟見肘，如何在低谷和高峰之間進行切換，在面對大量用戶時不會導(dǎo)致明顯的性能能下降，在面對少量用戶時避免資源的浪費。

最后要注意是硬件條件，有些程序在正常運行的時候看起來效果很好，但是它要求的硬件條件非常高。像是核爆炸的模擬程序，它已經(jīng)各個大國所使用，它能夠為相關(guān)領(lǐng)域的科技發(fā)展提供極大的便利。但是由于它龐大到令人驚嘆的運算量，世界上也只有著為數(shù)不多的超級計算機能夠運行它。再比如一款游戲，在剛推出的時候如果只能在那個時期頂尖的旗艦級電腦平臺上才能流暢運行，那么能接受它的用戶面就會僅僅限制在一些游戲發(fā)燒友上，失去廣大的用戶群體，從而導(dǎo)致無法獲得理想的經(jīng)濟回報。因此，對于博客這種需要依靠大的用戶群體來支撐的事物，必須用盡可能地的硬件要求便能實現(xiàn)好的用戶體驗。

技術(shù)成熟性方面本系統(tǒng)的軟件方面采用ASP.NET技術(shù)，而.NET技術(shù)已經(jīng)投入實際應(yīng)用很長時間，如今已經(jīng)成為來計算機領(lǐng)域一門非常有前途的技術(shù)，它成熟、穩(wěn)定。并且本網(wǎng)站的開發(fā)開發(fā)工具使用的是Visual Studio 的二零零八版，使用的是C#語言作為編程語言，用到的技術(shù)有ASP.NET這一微軟發(fā)明的先進技術(shù)，在數(shù)據(jù)庫開發(fā)方面使用的則是SQLServer數(shù)據(jù)庫，版本為二零零五。通過ADO技術(shù)將其與.NET有機結(jié)合起來開發(fā)出一個適應(yīng)性強，穩(wěn)定并且高效的系統(tǒng)，在相關(guān)的技術(shù)方面不存在不成熟，缺乏實際檢驗，缺乏實用性和適應(yīng)性的問題。其硬件方面由于采用的是較老版本的軟件平臺，其對硬件的要求較低，現(xiàn)在絕大多數(shù)個人電腦均能運行。在技術(shù)人員方面，我之前在課堂上學(xué)習(xí)過ASP.NET網(wǎng)站的開發(fā)和SQL數(shù)據(jù)庫，并且通過在圖書館查閱相關(guān)資料，網(wǎng)上參考類似的成熟的相關(guān)產(chǎn)品，和老師同學(xué)的交流等掌握了所需的技術(shù)。預(yù)期整體開發(fā)過程所需時間小于畢業(yè)設(shè)計所規(guī)定的時間，能夠獨立按時完成任務(wù)。3.1.2 經(jīng)濟可行性

經(jīng)濟可行性是指可以使用的資源的可能性，經(jīng)濟可行性研究的核心是成本效益分析，主要是估算開發(fā)成本是否會高于預(yù)期利潤。要關(guān)注開發(fā)設(shè)計所投入的資

本與軟件所帶來的經(jīng)濟效益是否對稱，要關(guān)注軟件是否能夠給用戶創(chuàng)造經(jīng)濟效益并且?guī)砗玫捏w驗。對于一款產(chǎn)品來說，經(jīng)濟可行性是至關(guān)重要的。我們開發(fā)產(chǎn)品的最終目的是為了產(chǎn)生經(jīng)濟效益，如果這個最高目標無法得到實現(xiàn)，其他的努力都將是徒勞的。所謂經(jīng)濟效益就是最后能產(chǎn)生的直接利益加上間接利益再減去開發(fā)成本和運行維護的成本所得到的收益?，F(xiàn)有的博客的盈利方式主要有植入廣告，用戶個性化需求等方面。植入廣告已經(jīng)成為了互聯(lián)網(wǎng)行業(yè)的一個主要盈利方式，比如谷歌公司百分之九十以上的經(jīng)濟收入來自于廣告。而廣告盈利的前提是有這大量的點擊量，現(xiàn)在很多網(wǎng)站上有大量的惡意廣告和不友好的廣告，比如要實現(xiàn)點擊某個連接或者看到某些內(nèi)容就必須點擊若干個廣告。這種方式在短期來看是能夠為網(wǎng)站提供大量的點擊率，但是隨著同類網(wǎng)站的發(fā)展，用戶會趨向于簡單友好的網(wǎng)站，而不是下載個文件都需要機械性的點擊關(guān)閉多次廣告的網(wǎng)站。好的廣告植入方式應(yīng)該是在盡量不引起用戶反感并且能夠吸引用戶的注意力，用戶應(yīng)該對廣告的內(nèi)容有一定的選擇能力，而不是那些閃耀到晃眼的模式單一的廣告。并且由于不同人的博客有著不同風(fēng)格主題，針對某一風(fēng)格主題也有著特定的人群。比如CSDN中主要的用戶都是計算機領(lǐng)域相關(guān)的人員，而關(guān)注劉慈欣博客的人大多是科幻小說的愛好者。對于不同風(fēng)格主題的博客應(yīng)該投入不同類型的廣告，從另一個角度來說，采用某些技術(shù)可以記錄人們在瀏覽互聯(lián)網(wǎng)時所關(guān)注的信息，在這些信息中選擇出一些具有代表性的產(chǎn)品在特定用戶瀏覽博客時以圖片連接的形式呈現(xiàn)在其面前也是一種被廣泛使用并且十分有效的方式。

對于另一種盈利方式，也有著十分廣泛的市場，比如騰訊空間中有有少量的比較死板的主題和皮膚。而騰訊空間的主要使用者又是喜歡追求個性的年輕人，而在騰訊空間的商城中有著十分豐富并且符合年輕人喜好的各種付費產(chǎn)品，并且其又推出了各種鉆來以優(yōu)惠為吸引人的方式讓用戶對其產(chǎn)生長期的依賴，使為其投入一定的金錢成為交水電費一樣的生活習(xí)慣，從而為產(chǎn)品帶來長期穩(wěn)定的用戶群體。并且通過收取一定的費用可以提供一些特權(quán)服務(wù)（會員），比如更低廉甚至免費的個性化裝飾，在更大限度上放寬帶寬的限制，提供去除廣告的功能，使得瀏覽更加簡潔和流暢，并且可以擴展一些受限的功能（好友數(shù)量的限制，圖片最大數(shù)量的限制等）。并且將其付費方式與時下迅猛發(fā)展的新付費方式所結(jié)合，讓客戶足不出戶輕點鼠標或者發(fā)幾條短信就能購買到所要的功能和產(chǎn)品。在成本方面需要考慮的有開發(fā)的成本和運行與維護的成本。

開發(fā)成本是指在開發(fā)產(chǎn)品時所花費的人力，物力和時間。人力成本與開發(fā)人員的數(shù)量，層次有關(guān)，對于大型的高端的開發(fā)需要大量高端人才，其成人力本無疑將是巨大的。而對與小的點單的產(chǎn)品開發(fā)則往往只需要個人便能獨立完成，其目的又多以興趣愛好，驗證自身技術(shù)和較小的盈利為目的，這種開發(fā)的成本相對來說是很低的。在物力投入和花費方面也與所開發(fā)的產(chǎn)品是密切相關(guān)的，對于所

要開發(fā)的產(chǎn)品應(yīng)該事先進行評估，確定其開發(fā)中所需要投入的各種成本，并且對今后的運行維護做出比較準確的預(yù)期。從而避免出現(xiàn)系統(tǒng)自身問題導(dǎo)致耗費大量人力物力來解決后期運行中的問題。

而我們所開發(fā)的這套博客網(wǎng)站系統(tǒng)正式基于提高用戶使用效率，節(jié)省工作時間，簡化操作管理的理念來設(shè)計的。并且本系統(tǒng)是個人獨立設(shè)計開發(fā)的，并不需要投入大量經(jīng)費，系統(tǒng)今后的運行和維護也相當(dāng)簡便，無需投入額外的資金，其成本不會出現(xiàn)超于預(yù)期的可能。并且在其過程中也可以提高個人的開發(fā)水平，因此在經(jīng)濟上是完全可行的。在系統(tǒng)運行的過程中將定期進行系統(tǒng)備份，在遇到突發(fā)事件時只需將備份的系統(tǒng)在另外一臺具有所需環(huán)境的計算機上即可還原，并且重新運行，系統(tǒng)的可靠性高，風(fēng)險小。3.1.3操作可行性

在當(dāng)今這個信息技術(shù)迅猛進步的時代，信息技術(shù)早已深入到社會中的每個地方，它為人們帶來來便利的工作方式，優(yōu)越的工作環(huán)境，因此也對人們的工作效率和操作水平提出了更高要求。在這種發(fā)展趨勢下，減少費時費力的人工操作，通過各種智能化軟件來提高工作效率和工作精度就成為了一個很重要的方向。

對于用戶來說一個可以輕而易舉上手的產(chǎn)品顯然比那些要讀完冗長的說明書甚至進行一定的學(xué)習(xí)培訓(xùn)才能操作的產(chǎn)品受歡迎的多。一個成功的博客應(yīng)該是

很友好的，對于任何一個熟悉上網(wǎng)方式的人都應(yīng)該能夠無障礙的使用它。同時它的功能又應(yīng)該是全面的，用戶可以用符合日常習(xí)慣的方式來實現(xiàn)所要達到的目的。對于一些新穎的功能，應(yīng)該通過給予用戶一些獎勵的方式使用戶對其產(chǎn)生興趣，并且試用它。若是使用起來有一定的難度則應(yīng)該給予一定的說明和引導(dǎo)。比如騰訊微博在更新出新功能時會通過種種獎勵和優(yōu)惠積極像廣大用戶推廣，并且用很詳細的方式來一步步引導(dǎo)用戶學(xué)會使用新功能。

本博客網(wǎng)站系統(tǒng)的用戶平臺同時面向游客、普通注冊用戶和管理員，其界面簡潔，采用web的可視化界面，普通注冊用戶只需要輕點鼠標和鍵盤就可以使用博客；而數(shù)據(jù)的輸入和維護均由博客的管理者來完成。正是由于這些特性，本博客系統(tǒng)十分適于新手使用，無須學(xué)習(xí)復(fù)雜的教程便可以獲得好的體驗。故，本博客網(wǎng)站系統(tǒng)在操作上是可行的。

3.2 功能需求

用戶管理模塊：注冊（游客用戶）、登入（注冊用戶）、修改資料（注冊用戶）系統(tǒng)管理模塊：用戶管理（管理員）

文章管理模塊：添加（注冊用戶）、刪除（注冊用戶，管理員）

留言管理模塊：張貼評論（游客用戶，已注冊用戶，管理員）、刪除（注冊用戶，管理員）

相冊管理模塊：添加相片（注冊用戶）、刪除（注冊用戶，管理員）音樂管理模塊：添加音樂（注冊用戶）、修改（注冊用戶）、查詢（注冊用戶）、刪除（注冊用戶，管理員）

3.3 性能需求

數(shù)據(jù)精度要求：數(shù)據(jù)需要遵循嚴格的格式，否則系統(tǒng)將不會予以響應(yīng)。時間要求：運行環(huán)境方面的連接響應(yīng)時間應(yīng)小于等于10秒，對大于180秒沒進行任何操作的用戶其訪問認證將失效，需要重新進行登入。

數(shù)據(jù)管理要求：即數(shù)據(jù)庫系統(tǒng)管理，其包括：

注冊信息表包含用戶名，密碼，住址，愛好，職業(yè)等基本信息。并且要求數(shù)據(jù)庫的自動增長比例為2%。

日志記錄：包含標題，時間，內(nèi)容，作者等信息。留言管理：包含回復(fù)人，內(nèi)容，時間等信息。相冊管理：包含評論人，內(nèi)容，時間等信息。

控制：用戶在進入博客首頁面后，可以以三種身對博客網(wǎng)站系統(tǒng)進行瀏覽——游客身份，普通用戶身份（需要通過登錄）和管理員身份（需要以特定的帳號來登錄），在訪問over后關(guān)閉所瀏覽的網(wǎng)頁的同時也就退出了博客，3.4系統(tǒng)用例

根據(jù)以上需求分析，總結(jié)出個本人博客系統(tǒng)的基本功能需求。如圖3-1所示： 15

日志管理<><><><>圖片管理留言管理相冊管理<><>用戶管理系統(tǒng)管理員音樂管理用戶注冊<><><><><>瀏覽日志用戶登陸<>瀏覽相冊文章評論個人檔前臺用戶圖3-1 系統(tǒng)總用例圖

基于Asp.Net的個人博客網(wǎng)站的設(shè)計與實現(xiàn)

第四章系統(tǒng)概要設(shè)計

4.1概述

本博客系統(tǒng)采用B/S結(jié)構(gòu)，即Browser/Server或瀏覽器/服務(wù)器結(jié)構(gòu)；建立在兩種Web服務(wù)模式之上，本模型結(jié)構(gòu)適用于Internet環(huán)境下。用戶只需要連上Internet,便能夠在任何時間、任何地點使用本系統(tǒng)，本網(wǎng)站工作的原理如4-1：

執(zhí)行過程請求客戶端回發(fā)驗證Web服務(wù)器傳送數(shù)據(jù)庫檢索圖4-1 系統(tǒng)工作原理圖

4.2系統(tǒng)結(jié)構(gòu)

本博客網(wǎng)站系統(tǒng)基于B/S架構(gòu)，分為用戶前臺和管理者后臺這兩大模塊。

前臺的關(guān)鍵任務(wù)是：查看日志、查看相冊、大家評論、音樂背景、用戶登錄、用戶資料等功能模塊。

后臺的主要功能為：日志管理、相冊管理、圖片管理、留言管理等功能模塊。本系統(tǒng)的功能部分結(jié)構(gòu)如圖4-2所示：基于Asp.Net的個人博客網(wǎng)站的設(shè)計與實現(xiàn)

系系系系系系系系系系系系系系系系系系系日背日日發(fā)志留相添上景用日相歷志布類言冊加傳音戶志冊瀏留管日別管管相圖樂登查瀏覽言理志管理理冊片設(shè)錄看覽文板理置章圖4-2系統(tǒng)功能結(jié)構(gòu)圖

從上圖可以看出本個人博客系統(tǒng)由前臺和后臺這兩個功能模塊組成。前臺功能模塊包括：

用戶登錄：用戶通過自己所注冊的賬號和密碼登錄成功后便能進入屬于自己的博客管理界面。

日志查看：日志查看可以分為對日志的列表進行查看和對日志的內(nèi)容進行查看，并且日志可以根據(jù)類別進行瀏覽。

相冊瀏覽：相冊瀏覽包含首頁最新相冊和相冊列表這兩項，點擊相冊的類別便可以看到該類別的所有圖片。

留言板：本博客系統(tǒng)具有留言板功能，游客和用戶能均可以到留言板發(fā)表留言。

用戶資料：對于登錄之后的的用戶來說，在這里能夠修改自己的個人信息，對于么有登錄的用戶則只能瀏覽個人信息。

后臺功能模塊包括：

日志管理：即發(fā)布日志，更改日志，deleted日志，并可以對日志類別進行區(qū)分和修改。

留言管理：博主可以在留言板以博主身份回復(fù)前臺的留言信息。相冊管理：可以進行添加相冊，修改相冊，刪除相冊等操作。圖片上傳：用戶可以選擇指定的相冊，將上傳圖片至該相冊中。音樂設(shè)置：博主能夠在后臺對博客的背景音樂進行上傳、刪除等操作。

4.3 數(shù)據(jù)庫設(shè)計個人檔基于Asp.Net的個人博客網(wǎng)站的設(shè)計與實現(xiàn)

4.3.1 數(shù)據(jù)庫設(shè)計概述

數(shù)據(jù)庫設(shè)計是使用現(xiàn)有的數(shù)據(jù)庫管理系統(tǒng)，針對特定應(yīng)用的簡歷數(shù)據(jù)庫模型，建立數(shù)據(jù)庫來滿足它所要實際使用的環(huán)境。因此，它可以快捷的采集數(shù)據(jù)，進行內(nèi)存操作和管理數(shù)據(jù)，實現(xiàn)使用者對信息需求和處理的要求。從另一個角度來看，數(shù)據(jù)庫的設(shè)計是在現(xiàn)實世界的數(shù)據(jù)庫管理系統(tǒng)的緊密結(jié)合，有機的過程，結(jié)合相應(yīng)的。

在數(shù)據(jù)庫的設(shè)計過程之中，我們將會遇到的關(guān)鍵難題會是：

懂得計算機與數(shù)據(jù)庫的人往往缺乏應(yīng)用業(yè)務(wù)的只是和實際經(jīng)驗。而熟悉應(yīng)用業(yè)務(wù)的人一般又不懂得計算機和數(shù)據(jù)庫。兩者兼具的人很少。

在項目的一開始旺旺不能明確應(yīng)用業(yè)務(wù)的數(shù)據(jù)庫系統(tǒng)目標。能普遍適用的工具與設(shè)計方法幾乎不存在。

用戶的要求一般情況下并非在一開始就是鮮明的，而是在設(shè)計的過程中不斷的提出新要求，甚至在數(shù)據(jù)庫完全建立之后還會要求修改數(shù)據(jù)庫或者增加新的功能。應(yīng)用業(yè)務(wù)系統(tǒng)成千上萬，難以找到一種廣泛試用于各種應(yīng)用業(yè)務(wù)的工具和方法，隱刺增加里研究數(shù)據(jù)庫自動生成工具的難度。由此可見，研制一種適合所有應(yīng)用業(yè)務(wù)的全自動的數(shù)據(jù)庫生成工具是不可能的。

要設(shè)計數(shù)據(jù)庫首先要明確系統(tǒng)目標。這樣可以確保開發(fā)工作得以順利實施，提高工作效率，保證數(shù)據(jù)模型的準確和完整。數(shù)據(jù)庫設(shè)計的終極目標是數(shù)據(jù)庫必須滿足使用者對數(shù)據(jù)的存儲和處理的要求。一個成功的數(shù)據(jù)庫應(yīng)該是功能強大的。能夠準確的顯示工作數(shù)據(jù)。使用方便，易于維護。在系統(tǒng)實際投入使用的時候，對于用戶的請求能夠在合理的時間內(nèi)給與響應(yīng)。方便在投入使用之后根據(jù)實際情況對數(shù)據(jù)庫結(jié)構(gòu)進行再次的改進。便于對數(shù)據(jù)的查找和編輯。維護數(shù)據(jù)庫的工作較少。具有可靠的安全措施可以保證數(shù)據(jù)的安全。冗余的數(shù)據(jù)盡可能少。便于數(shù)據(jù)的備份和恢復(fù)。數(shù)據(jù)庫的結(jié)構(gòu)對于最后使用的用戶應(yīng)當(dāng)是可視化的。

新奧爾良方法。這種方法是一種比成熟的數(shù)據(jù)庫設(shè)計的辦法。其主要包括對需求進行分析，之后根據(jù)需求建立概念結(jié)構(gòu)，以之前的工作為基礎(chǔ)簡歷邏輯結(jié)構(gòu)，最后設(shè)計系統(tǒng)的物理結(jié)構(gòu)等肆大部分。這種方法注重于數(shù)據(jù)庫的結(jié)構(gòu)設(shè)計，而不太考慮數(shù)據(jù)庫的行為設(shè)計。

數(shù)據(jù)庫設(shè)計方法——E-R模型是以第三范式作為理論基礎(chǔ)的，抽象的語言規(guī)范世紀的方法，設(shè)計方法的基礎(chǔ)上，使用在數(shù)據(jù)庫設(shè)計的各個步驟中的的實際的技術(shù)和方法。

數(shù)據(jù)庫設(shè)計的實現(xiàn)方法，從根本上來講依舊是靠手工分析來設(shè)計的，他的基本思想是通過不斷的反復(fù)帶入和不斷的精益求精來實現(xiàn)的。

在數(shù)據(jù)庫設(shè)計過程中，首先要做的是需求分析，在這個部分要做的是對我們

所生活的世界中要實現(xiàn)的目標進行詳細調(diào)查，通過之前的調(diào)查中所得到的有用的信息，來確定系統(tǒng)的新功能，基本數(shù)據(jù)和處理方法收集支持系統(tǒng)目標。需求分析是基于用戶進行的調(diào)查，通過分析逐漸清晰的用戶需求的系統(tǒng)，包括數(shù)據(jù)本身和以這些數(shù)據(jù)為根本的各種處理工作。

用戶調(diào)查，獲取信息的用戶需求，其中的加工要求，安全性和完整性的要求和其它要求。在需求分析，通過頂部，逐步分解的方法分析系統(tǒng)，系統(tǒng)可以抽象為數(shù)據(jù)流程圖的形式，在這個階段，沒有確定具體的數(shù)據(jù)存儲。處理二字將系統(tǒng)要求的的功能在數(shù)據(jù)流圖中抽象的表達出來，整個函數(shù)對系統(tǒng)的要求能夠被逐步以多個子系統(tǒng)來實現(xiàn)主系統(tǒng)的功能要求，通過一步步用多個子系統(tǒng)等價代替的方法，將系統(tǒng)工作過程逐步劃分為可以清楚描述的N個子系統(tǒng)。

數(shù)據(jù)庫的需求分析是數(shù)據(jù)庫最重要也是最困難最麻煩的一步，如果這一步做得不好，那么后續(xù)的設(shè)計花費再多的時間，再怎么優(yōu)化也無法從根本上改變之前的問題。

在明確了數(shù)據(jù)庫的需求之后要做的就是數(shù)據(jù)庫的結(jié)構(gòu)設(shè)計。4.3.2 數(shù)據(jù)庫概念設(shè)計

設(shè)計數(shù)據(jù)庫的結(jié)構(gòu)，需要以需求分析的結(jié)果作為基礎(chǔ)，一步步歸納總結(jié)出數(shù)據(jù)庫的概念，邏輯，物理結(jié)構(gòu)。結(jié)構(gòu)概念設(shè)計的概念模型，形成數(shù)據(jù)庫層，語義層模型。如ER模型的邏輯結(jié)構(gòu)設(shè)計的模式和模式的數(shù)據(jù)庫，形成層結(jié)構(gòu)模型，如基本表，視圖。物理結(jié)構(gòu)設(shè)計的結(jié)果在設(shè)計結(jié)果的形成模式數(shù)據(jù)庫，使用的話，是屬于的描述，如數(shù)據(jù)庫文件或目錄，索引。

數(shù)據(jù)庫結(jié)構(gòu)設(shè)計的第一步要做是確立概念性的結(jié)構(gòu)，其頂部的信息結(jié)構(gòu)的設(shè)計，會要求根據(jù)對使用者需求的研究出的結(jié)果，抽象出系統(tǒng)的信息結(jié)構(gòu)，也就是概念模型，建立數(shù)據(jù)庫系統(tǒng)的結(jié)構(gòu)是最重要的工作，獨立的邏輯結(jié)構(gòu)設(shè)計，數(shù)據(jù)庫管理系統(tǒng)。

數(shù)據(jù)庫概念結(jié)構(gòu)需要具有豐富的語義表達能力。表達各種用戶的不同需求，包括各種現(xiàn)實世界中的物體的描述，它們之間的連接，可滿足用戶數(shù)據(jù)處理的需求。容易溝通和理解。結(jié)構(gòu)的概念是設(shè)計師和用戶之間溝通的主要工具。容易修改。當(dāng)這個系統(tǒng)所使用的地方和應(yīng)用中遇到的要求發(fā)生變化時，可以很容易地修改的概念結(jié)構(gòu)，以反映這些變化。輕松轉(zhuǎn)換模型的各種數(shù)據(jù)，很容易推導(dǎo)出的DBMS的邏輯模型。

其設(shè)計的方法是采用E-R圖，其過程可以分為三步：

（一）在E-R模型的設(shè)計

設(shè)計內(nèi)容包括當(dāng)?shù)氐腅R模型確定本地的ER模型范圍內(nèi)，定義實體，關(guān)系和它們的屬性。主要核心是實際的現(xiàn)實情況是，加工，共同的特征提取，忽略不

重要的細節(jié)，而將這些需要的特征描述為概念。抽象的方法有聚蔟，概括，分類這三種。

（二）設(shè)計整體E-R模型

將所有部分E-R模型圖融合為一個整體E-R圖，即整體E-R模型。其方法主要有一次性將所有E-R模型有機融合在一起的方式和逐步累加的方式。在把部分E-R的模型集成為一個整體的E-R模型的過程中，消除各個部分E-R模型合并時所產(chǎn)生的沖突是其關(guān)鍵所在。這些矛盾一般分為三種情況：實體的屬性互相矛盾，即屬性的范圍矛盾和屬性的取值單位矛盾。命名的矛盾，是指同一個名字具有不同的意義與不同的名字有著相同意義這兩種情況。對于屬性和命明矛盾一般采用討論協(xié)商的方法進行結(jié)局。另外，結(jié)構(gòu)的矛盾，它是指多個的屬性來對應(yīng)有且僅有的一個對象，或者多個對象卻共同使用著一個屬性，不一樣的的排列順序的E-R模型并非是完全一樣的。對于前者可以通過把屬性轉(zhuǎn)換為實體或者將實體轉(zhuǎn)換為屬性的方法，使同樣的對象具有相同的抽象。后一種解決方案的方法是使該實體的屬性和ER模型的各部分的屬性，然后在屬性，以調(diào)整適當(dāng)?shù)摹?/p>

（三）優(yōu)化整體E-R模型

通過對相關(guān)實體的合并減少數(shù)量的實體，通常具有相同的原代碼實體合并。此外，如果多個實體之間存在1:1的關(guān)聯(lián)，那么你可以考慮把他們整合成一個實體，同時適當(dāng)把多余的屬性和多余的鏈路消除掉。

通過對現(xiàn)實世界信息的抽象，建立概念模型，可以有效提高數(shù)據(jù)庫設(shè)計的效率。根據(jù)以前所學(xué)的知識，可以依靠系統(tǒng)E-R圖來描述概念模型，并且易于該圖所體現(xiàn)的系統(tǒng)中各個實體間關(guān)系來建立數(shù)據(jù)庫。相關(guān)的內(nèi)容如圖4-3所示：

編號相冊名稱1管理N相冊相冊封面登錄賬號添加時間編號管理員信息11管理N登錄賬號登錄密碼登錄密碼管理編號用戶信息出生年月N電子郵件標題描述愛好星座編號日志信息內(nèi)容類別發(fā)布時間

圖4-3系統(tǒng)E-R圖

4.3.3 數(shù)據(jù)庫實體設(shè)計

在概念設(shè)計完成的是進行E-R模型轉(zhuǎn)化為一個特定的數(shù)據(jù)庫管理系統(tǒng)在支持數(shù)據(jù)模型的組織，這是在一定條件下所限定的數(shù)據(jù)庫管理系統(tǒng)。它能夠?qū)?shù)據(jù)庫中所包括的信息的邏輯結(jié)構(gòu)進行處理。

數(shù)據(jù)庫管理系統(tǒng)的具體數(shù)據(jù)支持的組織層形式有四種。層次的形式，網(wǎng)絡(luò)的形式，關(guān)系的形式和面向?qū)ο蟮男问健?/p>

在本設(shè)計中將用到的是E-R模型想關(guān)系模型的轉(zhuǎn)換。

其包含有兩個步驟：

（一）E-R模型向關(guān)系模型的轉(zhuǎn)換

從ER模型轉(zhuǎn)換關(guān)系模型中面對的問題是如何將實體和關(guān)系模型之間的關(guān)系，如何確定主代碼和屬性模型之間的關(guān)系。

（二）數(shù)據(jù)模型的優(yōu)化

邏輯結(jié)構(gòu)的設(shè)計結(jié)果并非是唯一的，因此應(yīng)該根據(jù)實際需求對邏輯數(shù)據(jù)模型進行適當(dāng)?shù)恼{(diào)整與修改，即數(shù)據(jù)模型的優(yōu)化。

在完成了以上工作之后，便到了物理結(jié)構(gòu)設(shè)計的階段。物理結(jié)構(gòu)依靠數(shù)據(jù)庫管理系統(tǒng)為基礎(chǔ)建立存儲結(jié)構(gòu)，是把已經(jīng)確定的數(shù)據(jù)庫邏輯結(jié)構(gòu)性能盡可能提高的方法和技術(shù)。數(shù)據(jù)訪問，訪問和存儲分配設(shè)計合理高效的數(shù)據(jù)的路徑，數(shù)據(jù)庫結(jié)構(gòu)和可行的。

其一般方法為確定數(shù)據(jù)庫的物理結(jié)構(gòu)，用于選擇適合對數(shù)據(jù)庫進行物理訪問的方法和數(shù)據(jù)庫信息儲存的結(jié)構(gòu)；對物理結(jié)構(gòu)的時間效率和空間效率做出評價。

相冊信息實體，相冊包含編號；相冊的名字；相冊的封面圖；建立的時間這四個屬性，具體如圖4-4：

相冊名稱編號相冊相冊封面添加時間

圖4-4相冊信息實體圖

用戶信息包含有編號；登錄帳號；登錄密碼；出生年月；電子郵件地址；星

座；愛好；個人描述等屬性，如圖4-5：

登錄賬號登錄密碼編號用戶信息出生年月電子郵件描述愛好星座

圖4-5用戶信息實體圖

日志信息包含編號；標題；具體信息；類別；發(fā)布時間等屬性，如圖4-6：

編號日志信息標題內(nèi)容類別發(fā)布時間

圖4-6日志信息實體圖

日志類別包含編號和類別名稱這兩個屬性，如圖4-7：

編號日志類別類別名稱圖4-7日志類別信息實體圖

留言信息包含有編號；留言人；留言時間；留言內(nèi)容；回復(fù)內(nèi)容等屬性，如圖4-8： 23 基于Asp.Net的個人博客網(wǎng)站的設(shè)計與實現(xiàn)

編號留言信息留言人回復(fù)內(nèi)容留言內(nèi)容留言時間

圖4-8 留言信息實體圖

圖片信息包含有編號；圖片名稱；圖片描述；所屬相冊；上傳時間；圖片地址等屬性，如圖4-9：

編號圖片信息圖片地址上傳時間圖片描述圖片名稱所屬相冊

圖4-9 圖片信息實體圖

4.3.4 數(shù)據(jù)庫設(shè)計表

在完成了數(shù)據(jù)庫的結(jié)構(gòu)設(shè)計和行為設(shè)計，并且編寫了實現(xiàn)用戶需求的應(yīng)用程序之后要做的邊上利用DBMS提供的功能實現(xiàn)之前所做的設(shè)計，并且選擇盡可能好的方法。然后夾在數(shù)據(jù)并且調(diào)試和運行應(yīng)用程序。

下面將介紹本博客系統(tǒng)所需要的數(shù)據(jù)庫中各個表的詳細信息。

Album信息表包含編號（ID），相冊名稱（AlbumName），相冊封面（AlbumPic），添加時間（addTime）。在這些字段中編號是該表的主鍵。如表4-1所示：

表4-1 相冊信息表

字段名 ID AlbumName AlbumPic addTime 數(shù)據(jù)類型 int nvarchar nvarchar datetime

長度 4 50 50 8

主鍵是

否否否

描

述編號相冊名稱相冊封面添加時間

Music信息表包含編號（id），音樂標題（MusicPath）。其中編號作為該表的主鍵。如表4-2所示：

表4-2 背景音樂信息表

字段名 id MusicPath 數(shù)據(jù)類型 int int

長度 4 50

主鍵是否

描

述編號標題

Picture信息表包含編號（id），圖片地址（imagePath），相冊編號（AlbumId），相冊名稱（AlbumName），圖片描述（ds）。在這些字段中編號是該表的主鍵。依表4-3所示：

表4-3 相冊內(nèi)容信息表

字段名 id imagePath AlbumId AlbumName ds 數(shù)據(jù)類型 int nvarchar int nvarchar text

長度 4 50 4 50 16

主鍵是否否否否

描

述編號圖片地址相冊編號相冊名稱圖片描述

Article信息表包含編號（id），日志標題（Title），日志內(nèi)容（Contents），發(fā)布時間（addtime）。在這些字段中編號是該表的主鍵。如表4-4所示：

表4-4 日志信息表

字段名 id Title Contents addtime 數(shù)據(jù)類型 int nvarchar text datetime

長度 4 50 16 8

主鍵是否否否

描

述編號日志標題日志內(nèi)容發(fā)布時間

UserInfo信息表包含編號（id），帳號（Username），用戶密碼（Userpwd），用戶生日（BirDay），電子郵件（Emal），星座（httpweb），愛好（address），注冊時間（addtime），用戶描述（ds）。在這些字段中編號是該表的主鍵。如表4-5所示：

基于Asp.Net的個人博客網(wǎng)站的設(shè)計與實現(xiàn)

表4-5 用戶信息表

字段名 id Username Userpwd BirDay Emal httpweb address addtime ds 數(shù)據(jù)類型 int nvarchar nvarchar nvarchar nvarchar nvarchar nvarchar datetime text

長度 4 50 50 50 50 50 50 8 16

主鍵是否否否否否否否否

描

述編號賬號用戶密碼用戶生日電子郵件星座愛好注冊時間用戶描述

userliuyanban信息表包含編號（id），發(fā)布時間（Date），留言姓名（Name），回復(fù)內(nèi)容（Reply），留言內(nèi)容（Message）。其中編號作為該表的主鍵。如表4-6所示：

表4-6 留言信息表

字段名 id Date Name Reply Message 數(shù)據(jù)類型 int nvarchar nvarchar Text Text

長度 4 50 50 16 16

主鍵是否否否否

描

述編號發(fā)布時間留言姓名回復(fù)內(nèi)容留言內(nèi)容

ArticleType信息表包含編號（id），類別名稱（Name）。其中編號作為該表的主鍵。如表4-7所示：

表4-7 日志類別信息表

字段名 id Name 數(shù)據(jù)類型 int nvarchar

長度 4 50

主鍵是否

描

述編號類別名稱基于Asp.Net的個人博客網(wǎng)站的設(shè)計與實現(xiàn)

第五章系統(tǒng)詳細設(shè)計

通過將ASP.NET技術(shù)與SQL 2005數(shù)據(jù)庫系統(tǒng)的有機結(jié)合，通過科學(xué)的計劃方法實現(xiàn)了個人博客網(wǎng)站的建設(shè)工作。在這次設(shè)計的過程中，運用了很多在課本上學(xué)過的理論知識，但是經(jīng)過實際操作發(fā)現(xiàn)僅靠這些并不足以實現(xiàn)目標。在開發(fā)的過程中，我認識到好的開發(fā)方法起著至關(guān)重要的作用，只有先做好前期的工作才能少走彎路，高效的達成目標。由于自己的實際經(jīng)驗不足，在過程中出現(xiàn)不少考慮不周的地方，導(dǎo)致在后期的測試中花費了較多的時間，因此導(dǎo)致比較倉促，所設(shè)計的界面比較簡單，主要精力投入在功能的開發(fā)和調(diào)試中。盡管如此，系統(tǒng)依舊具有完整的功能和比較友好的界面。

5.1用戶登錄模塊的實現(xiàn)

實現(xiàn)用戶登錄的過程由以下幾個部分組成，第一步是對用戶所輸入的信息進行保存，之后利用ASP.NET程序在數(shù)據(jù)庫中檢索是否存在用戶輸入的信息，如果存在則返回正確的結(jié)果，否則就返回錯誤的結(jié)果。若返回正確結(jié)果，則顯示登陸成功，否則將顯示登錄失敗，請重新登錄。在這之中將使用驗證碼技術(shù)防止短時間內(nèi)重復(fù)提交登錄請求。在這之中使用了GetDataReader方法，CheckCode驗證。

登錄頁面的頁面效果如圖5-1所示：

圖5-1 用戶登陸基于Asp.Net的個人博客網(wǎng)站的設(shè)計與實現(xiàn)

用戶登錄過程的主要代碼如下：

protected void Button2_Click(object sender, EventArgs e)

{

string sno = TextBox1.Text.Trim();

string pass = TextBox2.Text.Trim();

SqlDataReader dr = data.GetDataReader(“select * from UserInfo where txtUsername='” + sno + “' and txtUserpwd='”+pass+“'”);

if(dr.Read())

{

if(string.Compare(Session[“CheckCode”].ToString(), TextBox3.Text, true)!= 0)//判斷所輸入的驗證碼與系統(tǒng)隨機生成的驗證碼是否相同

{

Label2.Text = “驗證碼錯誤?！?

return;

}

else

{

Session[“User”] = dr[“txtUsername”].ToString();

Session[“UserName”] = TextBox1.Text.Trim();

Response.Redirect(“l(fā)oading.aspx”);

}//將用戶名和密碼與數(shù)據(jù)庫中的信息進行比對

}

else

{

Response.Write(“”);

} } 5.2留言板模塊的實現(xiàn)

本博客網(wǎng)站為用戶提供了留言板功能，所用用戶均可在留言板進行留言，博客擁有這在后臺可以查看和刪除留言信息。

留言的頁面效果如圖5-2所示：

圖5-2 用戶留言

留言的主要代碼如下：

protected void Page_Load(object sender, EventArgs e)

{

if(!IsPostBack)//頁面首次加載

{

rptMR.DataSource = data.GetDataReader(“select * from Message”);

rptMR.DataBind();

}

protected void btSubmit_Click(object sender, EventArgs e)

{

string sql = “insert into [Message](Name,Message)values('” + tbName.Text + “','” + TextBox1.Text + “')”;

data.RunSql(sql);

Alert.AlertAndRedirect(“感謝您的留言”, “Message.aspx”);

} 下面是留言板的后臺部分，博客擁有者在后臺可以進行查看和刪除留言的操作。

后臺管理留言的效果如圖5-3所示：

圖5-3 管理留言

5.3相冊模塊的實現(xiàn)

相冊模塊主要是對相冊中信息的展示，博客的擁有者可以進行添加相冊、編輯相冊、刪除相冊等操作。

相冊展示列表的實現(xiàn)效果如圖5-4所示：

圖5-4 相冊信息列表

主要的代碼如下： private void GetListPage()

{

try

{

DataSet ds = new DataSet();

ds = data.GetDs(“select * from Album ”, “Album”);

PagedDataSource objPds = new PagedDataSource();

objPds.DataSource = ds.Tables[0].DefaultView;

objPds.AllowPaging = true;

objPds.PageSize = 6;

int CurPage;

if(Request.QueryString[“Page”]!= null)

CurPage = Convert.ToInt32(Request.QueryString[“Page”]);

else

CurPage = 1;

objPds.CurrentPageIndex = CurPage1);

}

if(!objPds.IsLastPage)

{

hylastpage.NavigateUrl = Request.CurrentExecutionFilePath + “?Page=” + objPds.PageCount;

lnkNext.NavigateUrl = Request.CurrentExecutionFilePath + “?Page=” + Convert.ToString(CurPage + 1);

}

DataList3.DataSource = objPds;

DataList3.DataBind();

}

catch

{

}

博客管理者在后臺憑借相冊相關(guān)介紹添加的部分可以實現(xiàn)對相冊加入多重介紹，包括相冊的名字，圖片的注釋。添加相冊信息實現(xiàn)的效果如圖5-5所示：

圖5-5 添加相冊信息

主要代碼如下：

protected void Button1_Click(object sender, EventArgs e)

{

string res;

upload up = new upload();

res = up.Up(file1, “../UpLoadImage/”);

this.Label1.Visible = true;

this.Label1.Text = up.Resup[Convert.ToInt32(res)];

this.pic.Text = up.s;

Image1.ImageUrl = “../UpLoadImage/” + pic.Text;

}

protected void btnAdd_Click(object sender, EventArgs e)

{

string AlbumName = this.txtAlbumName.Text;

string AlbumPic = pic.Text;

data.RunSql(“insert into Album(AlbumName,AlbumPic)values('”+AlbumName+“','”+AlbumPic+“')”);

Alert.AlertAndRedirect(“添加成功”, “MangerAlbum.aspx”);

} 首先我們將采用一個圖片上傳類來對圖片的上傳進行操作，用戶先獲取所要

上傳圖片的路徑信息，之后窩們將都用日期時間對圖片進行重命名，從而避免由于圖片重名而導(dǎo)致無法上傳的問題，然后采用Server.MapPath方法取得圖片將要存放的文件夾路徑，將圖片上傳到該文件夾中，最后將圖片的相對路徑信息保存到數(shù)據(jù)庫中。

5.4圖片管理模塊的實現(xiàn)

圖片管理模塊主要包括前臺圖片信息的展示，后臺對圖片信息的添加和管理以及上傳圖片等功能模塊。

圖片展示效果如圖5-6所示：

圖5-6 圖片信息展示

主要實現(xiàn)代碼如下：

private void GetListPage()

{

try

{

DataSet ds = new DataSet();

ds = data.GetDs(“select * from Pic ”, “Pic”);

PagedDataSource objPds = new PagedDataSource();

objPds.DataSource = ds.Tables[0].DefaultView;

objPds.AllowPaging = true;

objPds.PageSize = 6;

int CurPage;

if(Request.QueryString[“Page”]!= null)

CurPage = Convert.ToInt32(Request.QueryString[“Page”]);

else

CurPage = 1;

objPds.CurrentPageIndex = CurPage1);

}

if(!objPds.IsLastPage)

{

hylastpage.NavigateUrl = Request.CurrentExecutionFilePath + “?Page=” + objPds.PageCount;

lnkNext.NavigateUrl = Request.CurrentExecutionFilePath + “?Page=” + Convert.ToString(CurPage + 1);

}

DataList3.DataSource = objPds;

DataList3.DataBind();

}

catch

{

}

} 在后臺可以實現(xiàn)圖片信息的添加、修改和上傳圖片等功能的操作。上傳圖片界面運行效果如圖5-7所示：

圖5-7 上傳圖片

主要實現(xiàn)代碼如下：

protected void Button1_Click(object sender, EventArgs e){

string res;

upload up = new upload();

res = up.Up(file1, “../UpLoadImage/”);

this.Label1.Visible = true;

this.Label1.Text = up.Resup[Convert.ToInt32(res)];

this.pic.Text = up.s;

Image1.ImageUrl = “../UpLoadImage/” + pic.Text;

}

protected void btnAdd_Click(object sender, EventArgs e)

{

string imagePath = pic.Text;

int AlbumId = int.Parse(DropDownList1.SelectedValue);

string AlbumName = DropDownList1.SelectedItem.Text;

string ds = this.txtds.Text;

data.RunSql(“insert into Pic(imagePath,AlbumId,AlbumName,ds)values('”+imagePath+“',”+AlbumId+“,'”+AlbumName+“','”+ds+“')”);

Alert.AlertAndRedirect(“添加成功繼續(xù)上傳”, “UpLoadPic.aspx”);}

5.5背景音樂的實現(xiàn)

背景音樂管理模塊包含兩個方面——在后臺添加背景音樂的功能和在前臺讀取背景音樂并且播放的功能。

博主進入后臺后可以電擊背景音樂設(shè)置按鈕選定背景音樂，然后上傳到數(shù)據(jù)庫中，這樣便成功實現(xiàn)了設(shè)置背景音樂。

背景音樂設(shè)置效果如圖5-8所示：

圖5-8 背景音樂設(shè)置

主要實現(xiàn)代碼如下：

protected void Button3_Click(object sender, EventArgs e)

{

string res;

upload up = new upload();

res = up.Up(file1, “../UserMusic/”);

this.Label1.Visible = true;

this.Label1.Text = up.Resup[Convert.ToInt32(res)];

this.pic.Text = up.s;

}

protected void Button4_Click(object sender, EventArgs e)

{

string sql = “update Music set MusicPath='” + pic.Text + “' ”;

data.RunSql(sql);//將音樂和說明信息上傳數(shù)據(jù)庫

Alert.AlertAndRedirect(“上傳背景音樂成功”, “SetMusic.aspx”);

} 這樣數(shù)據(jù)庫中便以存儲了背景音樂的路徑和名稱，在前臺登陸后便可以采用微軟自帶的音樂播放器來自動加載和播放背景音樂。

背景音樂的主要代碼如下：

5.6日歷模塊的實現(xiàn)

為了便與檢索文章，我們在博客中加入了日歷模塊，用戶可以點擊日歷模塊上的日期便能夠直接查詢該日期當(dāng)天所發(fā)布的所有日志信息。其原理是在選擇日期后系統(tǒng)會把所選擇的日期值傳到文章頁面，通過檢索將結(jié)果顯示到頁面中。

日歷效果如圖5-9所示：

圖5-9 日歷效果

主要實現(xiàn)代碼如下：

protected void Calendar1_SelectionChanged(object sender, EventArgs e)

{

Response.Redirect(”CalendarArticleList.aspx?addtime=“ + Calendar1.SelectedDate.ToShortDateString());}

DataSet ds = new DataSet();

string sql = ”select * from Article where Addtime = '“ + Request.QueryString[”addtime“].ToString()+ ”'“;

ds = data.GetDs(sql, ”Article");經(jīng)過一段時間的實際測試證明，該博客網(wǎng)站系統(tǒng)有著較高的穩(wěn)定性，其操作簡單，功能齊全，所采用的技術(shù)成熟并且有很好的發(fā)展預(yù)期，故本設(shè)計基本達到預(yù)期。

由于自身的實踐水平不足，導(dǎo)致在后期調(diào)試中花費較多時間，因而時間比較倉促，很多地方不夠完善。比如其網(wǎng)站界面不夠美觀，對于一個網(wǎng)站來說，網(wǎng)站的頁面是用戶第一個看到的方面，其給用戶的印象對整個網(wǎng)站來說是至關(guān)重要的。

對于一個訪問量較大的網(wǎng)站來說緩存技術(shù)的應(yīng)用也很重要，當(dāng)網(wǎng)速較慢或者同時在線用戶數(shù)量很大的時候采用緩存技術(shù)可以有效的保證用戶的體驗。并且本系統(tǒng)由于沒有采用Ajax技術(shù)，導(dǎo)致在后臺添加動態(tài)信息的時候需要刷新，這也影響到了用戶的體驗。憑借對ASP.NET有效的發(fā)揮，以VS2008與SQL2005為平臺進行開發(fā)。從多方面說明了基于DotNet的個人博客網(wǎng)站的設(shè)計與實現(xiàn)的可行性。本博客系統(tǒng)的的搜索功能比較簡單，僅能夠按照日志的類別和日期來搜索，在本次設(shè)計的編程階段，由于之前所寫過的代碼量不多，編程經(jīng)驗不足，導(dǎo)致容易出現(xiàn)問題。比如命名空間的錯誤，語法結(jié)構(gòu)的錯誤，支持的瀏覽器的錯誤等問題。在很多細節(jié)的地方出現(xiàn)的錯誤往往導(dǎo)致整個程序無法運行，因此養(yǎng)成良好的編程習(xí)慣是至關(guān)重要的。只有通過不斷的實踐才能提高實際操作的水平，只有不斷學(xué)習(xí)成功的案例才能發(fā)現(xiàn)自身的不知。盡管有很多不盡如人意的地方，但是總體來說，所預(yù)期的功能基本達到了實現(xiàn)，設(shè)計之初的目標已經(jīng)達成。40 基于Asp.Net的個人博客網(wǎng)站的設(shè)計與實現(xiàn)

第六章總結(jié)

經(jīng)過近三個月的努力，終于完成了這項程序設(shè)計及論文的撰寫。設(shè)計成品能夠符合我的設(shè)計初衷，即為特定年齡層用戶以及博客初次使用者編寫一款簡單方便的個人博客系統(tǒng)。

本系統(tǒng)所實現(xiàn)的具體目標如下：

1、界面簡潔、操作方便：使用完全控件式的頁面布局，上用戶在使用博客時更加簡單方便；用戶在使用博客的一些功能時只需按流程點擊鼠標即可，不存在復(fù)雜的操作功能，實現(xiàn)博客易操作的目標；系統(tǒng)風(fēng)格樸實簡單，避免因花俏繚亂給人以不實之感。

2、即時可見：對博客進行的操作，包括發(fā)布、修改、刪除等，一旦操作成功將立該在系統(tǒng)的相應(yīng)位置出現(xiàn)，實現(xiàn)系統(tǒng)消息的提交與發(fā)表之間的零時差性。

3、功能完善：本系統(tǒng)包含一般博客系統(tǒng)所具備的三個模塊：一般用戶瀏覽、注冊用戶操作、管理員管理。不僅具備每個博客都有的寫日志、上傳照片、回復(fù)留言、修改信息等模塊，甚至后臺管理員可以對管理系統(tǒng)注冊用戶，對用戶發(fā)布的日志、照片、視頻進行審核，違反發(fā)布原則的可以立刻進行刪除。

4、動態(tài)管理：能夠動態(tài)的完成對數(shù)據(jù)庫作息的存儲、搜索、修改等操作，實現(xiàn)對系統(tǒng)的動態(tài)管理。

在查閱了大量的書籍資料后，將書本上的理論知識同我制定的基本目標與功能想結(jié)合，設(shè)計出一套理想的實施方案。這樣不但將以前所學(xué)過的知識進行了鞏固，而且為今后從事軟件開發(fā)工作做好準備。

本系統(tǒng)的界面采用簡潔清爽的風(fēng)格，系統(tǒng)功能讓人一目了然，操作簡單易上手。在系統(tǒng)功能實現(xiàn)方面主要使用ASP.NET、SQL Server 2005 數(shù)據(jù)庫等開發(fā)技術(shù)。在設(shè)計早期由于對一些知識有些欠缺，在老師的幫助下參考有關(guān)書籍、解答相關(guān)疑問、糾正設(shè)計錯誤等，使我能夠順利的完成程序的設(shè)計。

經(jīng)過這幾個月的學(xué)習(xí)，我現(xiàn)在已經(jīng)基本掌握了ASP.NET、SQL Server 2005、C#等網(wǎng)站開發(fā)技術(shù)，完成了從入門到運用的階段跨越。除此之外，在程序設(shè)計過程中我還學(xué)會了做事要態(tài)度嚴謹、心思細膩，不然在過程中出現(xiàn)任何一個微小的錯誤都可能造成最后失敗的結(jié)果。

由于時間和能力有所限，本系統(tǒng)必然不是完美的，程序和論文都存在不足之處。我今后將會更加努力學(xué)習(xí)軟件開發(fā)方面的知識，爭取將這個設(shè)計盡可能的改進完善。

參考文獻

[1]Roger S.Pressman.軟件工程實踐者的研究方法（英文版第4版）[M].機械工業(yè)出版社.1999.[2]American Microsoft.Microsoft SQL Server 2000 數(shù)據(jù)庫編程（第一版）[M].北京:希望電子出版社.2001.[3]李海龍.SQL Server 2000 圖解教程（第一版）[M].北京:希望電子出版社.2001.[4]李香敏.SQL Server 2000 編程員指南（第一版）[M]..北京:希望電子出版社.2000.[5]Michael Lee Rick Sawtell.MCSE:SQL Server Administration 考試指南（英文原版）[M].電子工業(yè)出版社.1999.[6]JD UIlman and JWidom.A first course in databasr systems[M].北京:清華大學(xué)出版社.1997.[7]Andrew.M.Fedorchek.SQL Server核心技術(shù)精解.中國水利水電出版社.2000.[8]Steve Adrien Deluca.SQL Server 7性能優(yōu)化[M].機械工業(yè)出版社.2000.[9]范盛榮.Visual C#2008控件使用范例詳解[M].北京:清華大學(xué)出版社.2009.[10]黃國平.使用開發(fā)參考大全 C#[M].電子工業(yè)出版社.2008.[11]沈士根.Web程序設(shè)計——ASP.NET實用網(wǎng)站開發(fā)[M].北京:清華大學(xué)出版社.2009.[12]劉乃麗.精通ASP.NET 2.0+SQL Sever 2000 項目開發(fā)[M].北京:人民郵電出版社.2007.[13]Hewardt.Advanced dot NET Debugging.[M].Addison-Wesley.2010.[14]郭興峰.ASP.NET 動態(tài)網(wǎng)站開發(fā)基礎(chǔ)教程(C#篇)[M].清華大學(xué)出版社.2006 [15]陳惠貞.陳俊榮.ASP.NET程序設(shè)計[M].機械工業(yè)出版社.2006.42

致謝

在畢業(yè)設(shè)計期間，老師們認真負責(zé)的工作態(tài)度、客觀嚴謹?shù)闹螌W(xué)精神、深厚扎實的理論知識和為人師表的道德風(fēng)范都給我留下了深刻的印象，這些都是值得我用一生學(xué)習(xí)的寶貴財富。

在本次畢業(yè)設(shè)計的過程中，我鞏固了大學(xué)中所學(xué)的理論知識，提高了時間能力，通過XX老師的悉心指導(dǎo)我成功的將自己所學(xué)的理論知識同實際需要有機結(jié)合起來，在完成設(shè)計的過程中我獨立調(diào)研，全面分析，系統(tǒng)的靈活的運用理論知識解決了很多實際問題，并且在這個過程中發(fā)現(xiàn)自身的不足，從而使自己的整體理論水平進一步提高。與此同時，老師們嚴謹?shù)闹螌W(xué)精神，認真的工作態(tài)度也深深的感染了我，我將在今后的工作學(xué)習(xí)中以此為楷模不斷進取。

在此，我向給予了我巨大幫助的各位老師們和同學(xué)們致以深深的感謝與敬意，在你們的幫助下我才能取得今天的成績。與此同時，謹向?qū)徃宓睦蠋焸冎乱灾孕牡母兄x！

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

沈陽化工學(xué)院

本科畢業(yè)論文

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

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

內(nèi)容摘要

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

網(wǎng)絡(luò)的普及越來越多的學(xué)校和班級通過計算機網(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)站促進班級學(xué)生的學(xué)習(xí)交流，實現(xiàn)用戶自由訪問，增加同學(xué)們的相互了解，增強班級凝聚力。

關(guān)鍵詞: 網(wǎng)站建設(shè)、網(wǎng)站運營、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 目標....................................................................................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)的進一步發(fā)展與成熟，網(wǎng)絡(luò)的帶寬進一步加闊，網(wǎng)絡(luò)應(yīng)用也越來越廣泛。網(wǎng)頁制作更是日新月異，層出不窮。涌現(xiàn)了很多琳瑯滿目的網(wǎng)站，使得整個互聯(lián)網(wǎng)多姿多彩。網(wǎng)頁功能分析就是以系統(tǒng)的觀點，對已選定的對象與開發(fā)范圍進行有目的、有步驟的實際調(diào)查和科學(xué)分析。分析的目的就是要弄清楚網(wǎng)頁要做什么，最終為后面的設(shè)計工作打下基礎(chǔ)。需求分析是制作一個網(wǎng)站的第一步。在制作網(wǎng)站之前，首先要了解客戶的需要和要求。這些必要的信息包括客戶所要表達的理念、界面顯示的內(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)在也或是過去進行討論，彼此交換心得體會，更加了解班級的概況，增強同學(xué)之間交流。

1.1.2 課題來源

大學(xué)時代的同學(xué)之情是最真摯的一份感情。沒有任何一個時代的學(xué)生比現(xiàn)在的學(xué)生們更加渴望言論自由，渴望情感交流。但在學(xué)分制條件下，快節(jié)奏的學(xué)習(xí)生活、越來越少的集體活動時間使同班同學(xué)之間的交流也日益困難。大學(xué)班級網(wǎng)站的建立為現(xiàn)實世界中的班級提供了一個非正式交往的虛擬平臺，它為班級每一個成員都提供了平等、自由的發(fā)言機會，使相互的交流跨越了時間和空間的樊籬，也打破了男女間、寢室間的障礙。沈陽化工學(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īng)營管理員審核通過后，即擁有了使用本網(wǎng)站上所提供的出管理模塊的各項功能的權(quán)利。功能模塊包括班級留言、班級相冊、學(xué)習(xí)交流等，論壇社區(qū)提供用戶之間的主要交流平臺，用戶可以發(fā)起自己的帖子，來引起班級其他同學(xué)的對本帖的討論或回復(fù)，同時用戶也可以對自己或別人的帖子提出自己的見解，從而很好地促進了班級內(nèi)同學(xué)的交流。班級留言提供網(wǎng)上留言功能。留言可以使班級的老師班長或其他同學(xué)的留言，通過網(wǎng)絡(luò)的迅捷的傳輸率達到快速的了解及處理班級各項事務(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ù)器來建立強大的Web應(yīng)用程序。ASP.NET是在服務(wù)器上運行的編譯好的公共語言運行庫，利用早期的綁定、實時編譯、本機優(yōu)化和盒外緩存服務(wù)，著相當(dāng)于在編寫代碼行之前便顯著提高了性能。另外，由于ASP.NET框架補充了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ā)揚光大，成為服務(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ā)方法，讓維護的難度提高很多，尤其是大型的ASP應(yīng)用程序。直譯式的VBScript或JScript語言，讓效能有些許的受限。延展性因為其基礎(chǔ)架構(gòu)擴充性不足而受限，雖然有COM元件可用，但開發(fā)一些特殊功能（像文件上傳）時，沒有來自內(nèi)置的支持，需要尋求第三方軟件商開發(fā)的元件。1997年時，微軟開始針對ASP的缺點（尤其是意大利面型的程序開發(fā)方法）準備開始一個新項目來開發(fā)，當(dāng)時ASP.NET的主要領(lǐng)導(dǎo)人Scott Guthrie剛從杜克大學(xué)畢業(yè)，他和IIS團隊的Mark Anders經(jīng)理一起合作兩個月，開發(fā)出了下一代ASP技術(shù)的原型，這個原型在1997年的圣誕節(jié)時被發(fā)展出來，并給予一個名稱：XSP，這個原型產(chǎn)品使用的是Java語言。不過它馬上就被納入當(dāng)時還在開發(fā)中的CLR平臺，Scott Guthrie事后也認為將這個技術(shù)移植到當(dāng)時的CLR平臺，確實有很大的風(fēng)險(huge risk)，但當(dāng)時的XSP團沈陽化工學(xué)院學(xué)士學(xué)位論文

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

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

為了將XSP移植到CLR中，XSP團隊將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ù)庫是信息的集合，是指長期存儲在計算機內(nèi)的、有組織的、可共享的數(shù)據(jù)集合。數(shù)據(jù)庫中的數(shù)據(jù)按一定的數(shù)據(jù)模型組織、描述和儲存，具有較小的冗余度、較高的數(shù)據(jù)獨立性和易擴展性，并可為各種用戶共享。例如，記錄客戶信息、網(wǎng)絡(luò)通訊錄等。以往會將這些數(shù)據(jù)記錄到紙上或是計算機某個文件中，如果要修改或查詢則要消費大量時間?，F(xiàn)在人們借助計算機和數(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)用程序中包含了用戶友好的查詢和強大的搜索功能。沈陽化工學(xué)院學(xué)士學(xué)位論文

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

2.可伸縮性和可用性。同一個數(shù)據(jù)庫引擎可以在不同的平臺上使用，從運行 Microsoft Windowsreg;98 的便攜式電腦，到運行 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ù)庫引擎充分保護數(shù)據(jù)完整性，同時將管理上千個并發(fā)修改數(shù)據(jù)庫的用戶的開銷減到最小。SQL Server 2005 分布式查詢使您得以引用來自不同數(shù)據(jù)源的數(shù)據(jù)，就好像這些數(shù)據(jù)是 SQL Server 2005 數(shù)據(jù)庫的一部分，同時分布式事務(wù)支持充分保護任何分布式數(shù)據(jù)更新的完整性。復(fù)制同樣使您得以維護多個數(shù)據(jù)復(fù)本，同時確保單獨的數(shù)據(jù)復(fù)本保持同步。可將一組數(shù)據(jù)復(fù)制到多個移動的脫接用戶，使這些用戶自主地工作，然后將他們所做的修改合并會發(fā)布服務(wù)器。

4.易于安裝、部署和使用。SQL Server 2005 中包括一系列管理和開發(fā)工具，這些工具可改進在多個站點上安裝、部署、管理和使用 SQL Server 的過程。SQL Server 2005 還支持基于標準的、與 Windows DNA 集成的程序設(shè)計模型，使 SQL Server 數(shù)據(jù)庫和數(shù)據(jù)倉庫的使用成為生成強大的可伸縮系統(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 進化成了一種新的面向?qū)ο蟮恼Z言：Microsoft Basic NET。由于微軟公司對于 Sun 公司 Java 語言擴充導(dǎo)致與 Java 虛擬機不兼容被 Sun 告上法庭，微軟在后續(xù)的 Visual Studio 中不再包括面向 Java 虛擬機的開發(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）的托管代碼機制以及一門新的語言 C#（讀作 C Sharp，意為 C#）。C# 是一門建立在 C++和 Java 基礎(chǔ)上的現(xiàn)代語言，是編寫.NET 框架的語言。

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

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

2003 年，微軟對 Visual Studio 2002 進行了部分修訂，以 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ā)角色。同時還永久提供免費的 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 會強化對于數(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語言進行開發(fā)。這就好比桌上放著刀、叉、筷子，你可以用它來吃飯，無論它們都是餐具的一種

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

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

1.嵌入式樣式表

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

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

。這種方式主要用于對具體的標簽作具體的調(dià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)式樣式表就是把樣式表定義語句放在標簽中，設(shè)置時通常放在HTML代碼的部分。

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

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

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

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

和

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

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

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

3.1 項目概述與需求分析

3.1.1 目標

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

軟件開發(fā)目的是理解軟件文檔寫作規(guī)范以及利用.net開發(fā)簡單的網(wǎng)站，同時也希望最終產(chǎn)品能滿足班級成員的期望。該網(wǎng)站運行的平臺應(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ī)定

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

具體欄目需求：

名稱

班級首頁：

需求說明

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

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

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

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

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

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

留言飛語：可以留言和回復(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ù)需要編寫不同的測試工具，設(shè)計和維護測試系統(tǒng)，對測試方案可能出現(xiàn)的問題進行分析和評估。執(zhí)行測試用例后，需要跟蹤故障，以確保開發(fā)的產(chǎn)品適合需求。使用人工或者自動手段來運行或測試某個系統(tǒng)的過程，其目的在于檢驗它是否滿足規(guī)定的需求或弄清預(yù)期結(jié)果與實際結(jié)果之間的差別。

它是幫助識別開發(fā)完成（中間或最終的版本）的計算機軟件（整體或部分）的正確度(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)，認為發(fā)現(xiàn)錯誤是軟件測試的唯一目的，查找不出錯誤的測試就是沒有價值的測試，實際上并非如此!

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

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

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

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

(4)另外，根據(jù)測試目的的不同，還有回歸測試、壓力測試、性能測試等，分別為了檢驗修改或優(yōu)化過程是否引發(fā)新的問題、軟件所能達到處理能力和是否達到預(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)

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

隨著國際互聯(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)常會用到這些軟件。

本文有五章，我來由淺到深介紹個人網(wǎng)站的設(shè)計與實現(xiàn)。

摘

摘摘

摘

要

要要要

在互聯(lián)網(wǎng)走進我們的生活之前，沒有人敢夢想擁有自己的報紙、雜志、電臺、電

視臺。除了政策上的制約外，一個人也根本沒有操作一份傳播媒體的能力?，F(xiàn)在不同了，互聯(lián)網(wǎng)給我們提供了一個“表達自我”的自由天地,你可以擁有自己的新聞郵件，你可

以建立自己的個人網(wǎng)站。只要你辦得成功也可以吸引成千上萬的訂戶、讀者,并建立自

己在眾多參與者中的權(quán)威地位。建立個人網(wǎng)站的基本過程可以分為以下七個環(huán)節(jié) : 1 了解中國網(wǎng)絡(luò)個人主頁研究背景與發(fā)展現(xiàn)狀系統(tǒng)需求分析與總體設(shè)計熟悉網(wǎng)站開發(fā)模式、工具及環(huán)境把自己的作品和想要展示的內(nèi)容制作成網(wǎng)頁。使用動態(tài)網(wǎng)頁技術(shù)(ASP)，實現(xiàn)動態(tài)內(nèi)容更新。認真地選取測試用例，進行交叉測試網(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

第一章引言

1.1 什么是Internet

1.2 Internet有哪些功能 1.3 www簡介

1.4 網(wǎng)頁基本構(gòu)成元素

1.5 軟件的安裝與啟動

1.5.1 軟件的安裝

1.5.2 軟件的啟動

1.5.3 創(chuàng)建快捷方式

1.6 制作網(wǎng)頁前的準備

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

1.7.1標題欄

1.7.2菜單欄

1.7.3快捷工具欄

1.7.4屬性面板

第二章網(wǎng)站制作實戰(zhàn)

2.1 站點

2.1.1創(chuàng)建站點

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

2.2 首頁

2.2.1 設(shè)置首頁布局

2.2.2 設(shè)置首頁的頁面屬性 2.2.3 查看和編輯頭內(nèi)容

2.2.4 插入圖像

2.2.5 插入多媒體 2.2.6 插入文本

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

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

3.1 文字鏈接

3.2 圖像鏈接

3.3 E-Mail鏈接

3.4 文件下載鏈接

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

3.5.1 文字鏈接

3.5.2 圖像鏈接

3.5.3 E-Mail鏈接

3.6.4 文件下載鏈接

第四章結(jié)論

致謝

參考文獻

第一章

第一章第一章

第一章

預(yù)備知識

預(yù)備知識預(yù)備知識

預(yù)備知識

1.1

InternetInternet

Internet

Internet的中文名為“國際互聯(lián)網(wǎng)”，又稱“因特網(wǎng)”。

Internet是由眾多的計算機網(wǎng)絡(luò)互聯(lián)而成的互聯(lián)網(wǎng)，它覆蓋了全世界各地，它是采

用開放系統(tǒng)協(xié)議的計算機通訊網(wǎng)絡(luò)。然而，Internet不僅僅是計算機的互聯(lián)網(wǎng)，它還是

全球最大的信息資源寶庫，它提供了包括科研、教育、文化娛樂、商業(yè)和信息交流等各

種各樣的服務(wù)，使得世界范圍內(nèi)的人與人之間的交流在時間和空間上變的更小了。

要了解Internet，就必須先了解局域網(wǎng)。我們可以將同一地點的許多計算機使用網(wǎng)

線連接在一起，構(gòu)成一個高效率的計算機網(wǎng)絡(luò)，所有處于網(wǎng)絡(luò)內(nèi)的終端機或電腦都能享

受網(wǎng)絡(luò)內(nèi)所有的資源，比如程序，圖文資料等。這種計算機網(wǎng)絡(luò)因為一般都局限在一定

區(qū)域中，我們稱之為“局域網(wǎng)”（Local Area Network,簡稱LAN）,它是在日常工作中

用得最多的一種小型計算機網(wǎng)絡(luò)。局域網(wǎng)所覆蓋的地理范圍比較小，通常不超過幾十公

里，甚至只在同一座建筑物內(nèi)或者鄰近的幾座建筑內(nèi)。像常見的校園網(wǎng)，一座寫字樓內(nèi)

部的網(wǎng)絡(luò)等都屬于局域網(wǎng)。

而Internet則不是指單個區(qū)域范圍內(nèi)的網(wǎng)絡(luò)，而是指將全世界的各中不同類型的

計算機網(wǎng)絡(luò)連接起來的一個全球性的網(wǎng)絡(luò)。Internet上有取之不盡，用之不竭的信息資

源。對于Internet中各種各樣的信息，所有的人都可以通過網(wǎng)絡(luò)的連接來共享和使用。1.2

1.2 Internet有那些功能

Web頁瀏覽：這是目前利用最廣泛、最直接的互聯(lián)網(wǎng)服務(wù)，通過瀏覽WWW（萬維網(wǎng)）

中的網(wǎng)頁，可以了解世界各地的新聞，查看最新的股市行情，最新的娛樂動態(tài)、科技發(fā)

明，找到眾多的就業(yè)信息??幾乎想找到什么樣的信息，就有什么信息。正是有了WWW、Internet才會變得如此豐富多彩，才能走進千家萬戶。信息發(fā)布：通過Internet，不僅可以瀏覽別人發(fā)布在Web頁上的信息，也可以將

自己要發(fā)布的信息制作成Web頁，也即網(wǎng)頁，然后發(fā)布到Internet上，供全世界的人

瀏覽。

電子郵件：不同于傳統(tǒng)郵件，電子郵件(E-mail)通過Internet傳輸，寫信，發(fā)信，收信都在計算機上完成，一封電子郵件最短在一秒之內(nèi)就可以發(fā)送出去，其效率是傳統(tǒng)

郵件無法比擬的。而且發(fā)送與接收電子郵件幾乎是免費的，所以比傳統(tǒng)郵件既節(jié)省時間

又經(jīng)濟的多。

網(wǎng)上聊天：通過聊天軟件（如QQ、ICQ等）或不同網(wǎng)站的聊天室，可以和世界各

地的網(wǎng)友聊天。網(wǎng)友可能是遠在天邊的異國朋友，也可能是與你一起工作的餓同事，或

者是一起生活的家人，在這里沒有年齡、性別、身份、職業(yè)、國籍、膚色的限制，完全

突破了交友的傳統(tǒng)方式，人們可通過Internet互相了解對方，進行各種各樣的交流。

電子商務(wù)：現(xiàn)在網(wǎng)上交易已經(jīng)成為現(xiàn)實，網(wǎng)上購物、網(wǎng)上商品銷售、網(wǎng)上拍賣、企業(yè)級電子商務(wù)、網(wǎng)上貨幣支付等電子商務(wù)活動已經(jīng)搞的有聲有色，幾乎所有的專家都

預(yù)測，在未來的幾年內(nèi)，電子商務(wù)會飛速發(fā)展。在不久的將來，您可以做在電腦前進行

各種各樣的商務(wù)活動。

網(wǎng)絡(luò)游戲：通過Internet，可以與全世界的玩家一起進行游戲?qū)?zhàn)，也可以協(xié)同

作戰(zhàn)。網(wǎng)絡(luò)游戲已經(jīng)成為信息產(chǎn)業(yè)全新的經(jīng)濟增長點，每年都為開發(fā)商帶來巨額的利潤。

通過網(wǎng)絡(luò)游戲，可以充分享受Internet給我們帶來的樂趣。

網(wǎng)絡(luò)電話：網(wǎng)絡(luò)電話也稱IP電話。它采用Internet技術(shù)，利用專門的網(wǎng)絡(luò)電話

軟件，只需支付非常低廉的話費就可通話。Internet在電信市場上的應(yīng)用將越來越廣泛。

1.3 WWW的簡介

WWW的全稱為World Wide Web，含義是“環(huán)球網(wǎng)”，又稱“萬維網(wǎng)”、3W、Web。

WWW是一個基于超文本（Hypertext）方式的信息檢索服務(wù)工具。我們上網(wǎng)瀏覽到的網(wǎng)頁就是這樣的超文本，也就是HTML(Hypertext Mark-up Language,超文本標記語言)文件，這些網(wǎng)頁文件被放置到WWW服務(wù)器上，并且都有一定的地址。當(dāng)我們想瀏覽某個網(wǎng)站時，首先要在電腦上安裝瀏覽器，如Internet Explorer或Netscape，然后在瀏覽器中輸

入網(wǎng)站的地址（網(wǎng)址），就可以進入網(wǎng)站進行瀏覽。在這些網(wǎng)頁中，都有超連接，當(dāng)將

鼠標指針移動到某個地方（如文本或圖象）時，鼠標指針就會變成一個小手形形狀，單

擊它就可以連接到另個網(wǎng)頁中，從而使得瀏覽者能在不同的信息之間跳轉(zhuǎn)，我們之所以

能在Internet的海洋中穿梭自如，正是超連接的功勞。

WWW 為我們帶來的是世界范圍的超級文本服務(wù)：只須操縱鼠標，就可以通過Inter net從世界各地調(diào)來你所希望的文本、圖像、動畫和聲音等信息。通過使用WWW，一個

不熟悉網(wǎng)絡(luò)使用的人也可以成為Internet的行家。

1.4網(wǎng)頁基本構(gòu)成元素

要學(xué)會制作網(wǎng)頁，首先需要了解網(wǎng)頁都是由什么元素構(gòu)成的。

文字：文本是構(gòu)成網(wǎng)頁的基本元素。一個最簡單的網(wǎng)頁可以只有幾行文本。

圖片：正是有個各種美麗的圖片，網(wǎng)頁才變得多姿多彩。

動畫：如今，網(wǎng)頁上的動畫越來越多，最常用的有GIF動畫、Flash動畫等。

超連接：如上所述，超連接幾乎是必不可少的。一個沒有超連接的網(wǎng)頁，就如同汪

洋大海中的一座孤島，失去了與外界的一切聯(lián)系。

其它元素：還可以在網(wǎng)頁中添加聲音、視頻等元素。

1.5軟件的安裝與啟動

要使用網(wǎng)站設(shè)計軟件，自然先要將這些軟件安裝到自己的電腦中。安裝完畢，還需

要如何啟動，如何創(chuàng)建快捷方式。下面就讓我們來詳細地看一看具體的操作步驟。

1.5.1軟件的安裝

安裝之前，需要先了解軟件對系統(tǒng)的要求。以Windows為例，系統(tǒng)要求如下：

Intel Pentium II處理器或等效處理器，主頻300MHz或更高。

Windows 98Windows 2000Windows NT(具有Service Pack 3 或更高版本)、Windo

ws Me或Windows XP.Netscape Navigator 4.0版或更高版本或Microsoft Internet Explorer.96MB的可用內(nèi)存（RAM），建議采用128MB內(nèi)存。

分辨率可達 800×600像素的256色顯示器（建議顏色為百萬顏色，分辨率達到102

4×768像素）。

CD-ROM 驅(qū)動器。

檢查一下您的計算機，看是否具備了以上條件。如果具備，將“Macromedia Stud

io MX”程序會自動運行。如果不能自動運行，可以找到光盤放入光驅(qū)，安裝程序會自

動運行?？梢哉业焦獗P中的“Install Macromedia Studio MX”程序或“Autorun”程

序并雙擊運行。

Dreamweaver的安裝比較容易，幾乎可以自動完成。下面簡要說明一下安裝步驟。

操作步驟：

1、將安裝光盤放入光驅(qū)，安裝程序自動運行，并出現(xiàn)安裝界面。如果單擊安裝界面

上的“Macromedia STUDIO MX安裝”，那么將會安裝其下方所列出的軟件。所有的安裝

會自動完成。

2、單擊Dreamweaver MX,開始安裝過裝過程.先是出現(xiàn)解壓縮文件窗口,等待一會兒，便會出現(xiàn)安裝向?qū)υ捒?。單擊“下一步”按鈕，繼續(xù)安裝過程。

3、出現(xiàn)“選擇目的地位置”對話框，默認的盤是C盤，如果想安裝到不同的位置，可以單擊目的文件夾右邊的“瀏覽”按鈕，并在彈出的“選擇文件夾”對話框選擇不同的文件，如要安裝在D盤則可直接將路徑中的“C：”改為“D:”。也可以在下面的“目

錄”中選擇其它的文件夾，設(shè)置完后，單擊“確定”，回到“選擇目的地址”對話框，單擊“下一步”繼續(xù)。

4、而后會出現(xiàn)“默認編輯器”的對話框，默認為全選。如果希望讓Dreamweaver M

X成為下面所列文件類型的默認編輯器，那么可以在這里做選擇。選擇完畢，單擊“下

一步”按鈕。

5、出現(xiàn)“開始復(fù)制文件”對話框，單擊“下一步”安裝程序開始復(fù)制文件，過幾

分鐘后，安裝結(jié)束，單擊“結(jié)束”按鈕，結(jié)束安裝。

1.5.2 軟件啟動

軟件安裝完畢后，我們就可以使用它了。安裝程序已經(jīng)自動在“開始”菜單中加入

了快捷方式。

單擊“開始”菜單，將鼠標指針依次指向“程序”|“Macromedia”|“MacromediaMX”,并在上面單擊鼠標左鍵。

1.5.3 創(chuàng)建快捷方式

使用“開始”菜單啟動程序的過程比較煩瑣。可以在Windows桌面或快速啟動欄上

創(chuàng)建快捷方式，這樣可以快速的啟動程序。

具體實現(xiàn)方法是：在“開始”菜單中找到相應(yīng)程序的快捷方式，不過這是不要用

鼠標左鍵單擊，而是用右鍵按住向桌面拖動，然后松開右鍵，會出現(xiàn)一個快捷菜單，在

其中可以選擇不同的命令，比如選擇“在當(dāng)前位置創(chuàng)建快捷方式”或“復(fù)制到當(dāng)前位置”。

這樣以后在運行程序時，就方便快捷的多了。

1.6 制作網(wǎng)頁前的準備

電腦必備：

電腦速度夠快，最好能夠上網(wǎng)。

操作系統(tǒng)：Windows XP.軟件可選：其它軟件：看圖軟件美圖秀秀圖像處理軟件Photoshop、上傳工具CuteFTP

1.7 Dreamweaver MX的操作環(huán)境

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

1.7.1 標題欄

Dreamweaver MX的“標題欄”中將顯示文字“Macromedia Dreamweaver MX”如果

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

1.7.2 菜單欄

“標題欄”下面就是“菜單欄”，欄中提供了“文件”、“編輯”、“查看”、“插

入”、“修改”、“文本”、“站點”、“窗口”、“幫助”10項菜單。單擊其中任意

一項菜單，隨即就會出現(xiàn)一個下拉式指令菜單。有些指令的右邊會有鍵盤的代碼，這是

該指令的快捷鍵，熟練使用快捷鍵將會有助于提高工作效率。有些指令的右邊會有一個

小黑三角的標記，它代表該指令還包含下一級的指令，鼠標停留片刻即可顯示。

1.7.3 快捷工具欄

“快捷工具欄”指的是“菜單欄”下邊的3排按鈕，選擇菜單“查看/工具欄”，勾

選里面的“插入”、“文檔”和“標準”3項，完整的快捷工具欄就顯現(xiàn)出來了。

1.7.4 屬性面板

在網(wǎng)頁編輯窗口的下面還有一個面板，它是有名的“屬性面板”，它在這個軟件中

起到舉足輕重的作用。

屬性面板顧名思義，就是顯示，調(diào)整屬性的面板，根據(jù)鼠標所選中對象的不同，“屬性

面板”在界面上也會有所差異，用戶可以分別對不同的對象進行調(diào)整。

站點

2.1.1

創(chuàng)建站點

要制作一個網(wǎng)站，第一步操作都是一樣的，就是要創(chuàng)造一個“站點”，這樣可以使

整個網(wǎng)站的脈絡(luò)結(jié)構(gòu)清晰地展現(xiàn)在面前，避免了以后再進行紛雜的管理。

從菜單中選擇“站點/管理站點”在彈出的對話框中選擇“新建”，之后再選擇其

中的“站點”，再次彈出一個對話框，在文本框中輸入自己已經(jīng)企化好的網(wǎng)站名稱“追

夢人”。

填好后，單擊“下一步”，進入下一個步驟。由于我要做的是一個靜態(tài)的網(wǎng)頁，所以選擇上面的一項“否，我不想使用服務(wù)器技術(shù)?！?/p>

單擊“下一步”，進入下一個步驟。

在此選項中有兩個選擇，選擇推薦的“編輯我的計算機上的本地副本，完成后再上

傳到服務(wù)器”。底下的文本框允許在本地磁盤上指定一個文件夾，Dreamweaver將在其中儲存站點文件的本地副本。單擊該文本框后面的文件夾圖標，新建并指定一個空的文

件夾“E:/ding”。之后單擊“下一步“，進入下一個步驟。

這一步是如何設(shè)置連接到遠程服務(wù)器，彈出式菜單中有6中選擇，這里選擇“無”。

而后“下一步”再“完成”，即可。

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

站點創(chuàng)建完成后，就可以創(chuàng)建Web頁來填充站點了。在“右側(cè)浮動面板組”中選擇

“文件/文件”面板，此時整個網(wǎng)站中沒有任何內(nèi)容。用鼠標右擊面板中的本地根目錄

文件夾。在彈出的菜單中選擇“新建文件”，新建一個文件后將其命名為“index.htm(或i

ndex.html),它就是未來的首頁。

由于“追夢人”網(wǎng)站分為“平面設(shè)計”、“動畫制作”、“網(wǎng)文精品”、“經(jīng)典回

顧”、“個人說明“這五個大欄目，所以繼續(xù)用鼠標右擊右側(cè)，在彈出的菜單中選擇第

二項“New Folder（新建文件夾）”。執(zhí)行五次操作，新建五個文件夾，并把它們重命

名為graph、anim、books、music、letter，分別對應(yīng)上面的五個大欄目。存放它們各

自的內(nèi)容。之后再次新建1個文件夾，命名為images,用來存放“所有的圖象文件”的

內(nèi)容。

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

2.2.1 設(shè)置首頁布局

每個網(wǎng)站都會有一個首頁，就功能上而言，它代表著一個網(wǎng)站的風(fēng)格與特色，就網(wǎng)站

架構(gòu)上而言，它代表了網(wǎng)站的第一層架構(gòu)，至于網(wǎng)站上其他Web頁，原則上都必須通過

首頁來連接散播出去，可見首頁是多么的重要。

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

居多。當(dāng)然，后綴名為html也是正確的。

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

成首頁”。

首頁的布局有很多方法，在這里我所用到的是表格的“布局模式”?！安季帧蹦Ｊ街械谋砀穹Q為布局表格，單元格稱為布局單元格。在繪制布局表格和布局單元格時，必須從

“標準”模式切換到“布局”模式。直接單擊“布局”按鈕即可。

操作步驟：

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

2、將變成“+”形狀的鼠標光標放到編輯中網(wǎng)頁上，在要繪制的地方進行拖動

就可以進行創(chuàng)建了。（如果繪制的是第一個表格必須從網(wǎng)頁的最左上角開始繪制）。

3、在這里要繪制多個表格，可以再次單擊“布局表格”按紐進行繪制，也可

以按住Ctrl鍵繪制多個表格。追夢人”網(wǎng)站首頁的布局如圖所示：

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

首先雙擊“文件”浮動面板中的index.htm,進入頁面的編輯窗口。右健單擊空白

區(qū)域，在菜單中選擇“頁面屬性”，之后彈出“頁面屬性”對話框，若選擇主菜單“修

改/頁面屬性”項，也可以把打開該對話框。

在“頁面屬性”對話框中，左側(cè)窗口顯示“分類”，其中包括了“外觀”、“鏈

接”、“標題”、“標題/編碼”、“跟蹤圖像”5項，右側(cè)區(qū)域則顯示各類中可以設(shè)置的項目?！白穳羧恕笔醉撛O(shè)置的屬性如下圖所示：

2.2.3查看和編輯頭內(nèi)容

一個網(wǎng)頁文件結(jié)構(gòu)上實際是由兩部分組成，頭（head）內(nèi)容和主體（body）內(nèi)容

主體內(nèi)容（body）是文檔的主要部分，也是包含文本和圖像等的可見部分。頭內(nèi)容（he

ad）是除文檔標題外的不可見部分，包含有文檔類型、語言編碼、搜索引擎的關(guān)鍵的關(guān)鍵字和內(nèi)容指示器以及樣式定義等重要信息，這些元器并不是每個頁面都需要的，例如，可以僅為主頁提供關(guān)鍵字。

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

單擊“菜單攔”下面“插入快捷”的下拉列表，選擇其中的HTML類，此時右側(cè)將

會顯示該類中可以插入的對象快捷按鈕，再次單擊第2個按鈕“文件頭”旁邊的下拉箭

頭，會彈出菜單，該項列出的便是即將插入的頭內(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)鍵就在

于圖像的大小了，否則瀏覽者會失去等待的耐心，無論你的網(wǎng)站多么精彩也無濟于事了。所以，在網(wǎng)面容量大小的問題上一定要重視。下面就來詳細介紹對網(wǎng)頁圖像進行處理的

操作步驟，以使得它們在保持圖形美麗與網(wǎng)站風(fēng)格搭配的基礎(chǔ)上，圖片文件能夠變的更

小。

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

左起第5個即為“圖像：圖像”按鈕，單擊它右側(cè)的下拉列表，選擇第1項“圖像”。

2、隨即彈出“選擇圖像源文件”對話框。從計算機磁盤中選擇想要插入的圖像文件，或在URL編輯框中輸入圖像的路徑和名稱。下面的“相對于”下拉表框中，可選擇文件

URL地址的類型，如果選擇“文檔”選項，表示圖像地址相對于當(dāng)前文檔；如果選擇“站

點根目錄”選項，表示地址相對于根目錄。在這里我要插入的是網(wǎng)站標志logo，插入l

ogo圖象，如圖所示：

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

及進行相關(guān)的后期處理和添加設(shè)計備注等操作。

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

要在瀏覽器中播放放Flash 動畫，必須在瀏覽器中集成“Flash 播放器（Flash Play er）”。其中，Internet Explorer通過ActiveX控制來實現(xiàn)，Netscape Navigator則

是通過相應(yīng)的插件來實現(xiàn)的。在最新的Netscape Navigator和Internet Explorer瀏

覽器中，均已集成了 Flash動畫播放功能。操場作步驟：

步驟1 將光標停留在要插入Flash的位置，然后單擊菜單欄下面“插入快捷欄”的下

拉列表，選擇其中的“常用”分類，右側(cè)將會顯示該類中可以插入的對象快捷

按鈕。左起第6個即為“媒體”按鈕，單擊它右側(cè)的下拉列表，選擇第1項Fl

ash圖標。

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

aver的“網(wǎng)頁編輯窗口”中，可以看到，在這個窗口中Flash文件的大小。在

這里我的主頁插入的一個動畫，如圖所示：

2.2.6插入文本

文字是人類語言最基本的表達方式，在網(wǎng)頁中，文本內(nèi)容也可以說是重要的組成

部分，一個網(wǎng)站成功與否，它是最關(guān)鍵的因素。在這最關(guān)鍵的因素?？韶S富網(wǎng)站的文字

內(nèi)容，并以最最美觀、最整齊的方式放入到網(wǎng)頁中。

插入文本的兩種方式

網(wǎng)頁中需要大量的文本，我們或以通過以下兩種方式插入它們。

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

可以運指如飛了。

另一種是復(fù)制文本的方式。有些讀者可能不喜歡使用Dreamweaver MX2004來進行

打字的工作，而更習(xí)慣在專門的文本編輯軟件中快速打字，如Microsoft Word和 Wind

ows自帶的記事本等，又或者讀者已經(jīng)準備好了要放入網(wǎng)頁的文本的電子版本，那么我

們就可以直接使用Dreamweaver的文本復(fù)制功能，將大段的文本內(nèi)容拷貝到網(wǎng)頁的編輯

窗口來進行排版的工作，具體步驟如下。

打開文本編輯軟件（如Microsoft Word），選中要復(fù)制的文本，它們將反白顯示，執(zhí)行菜單“編輯/復(fù)制”命令或直接用快捷鍵Ctrl+C，之后切換回Dreamweaver,將光標

停留在插入文本的位置，執(zhí)行主菜單“編輯/粘貼”命令或直接使用快捷鍵Ctrl+v,即可

將大段的文本快速粘貼到網(wǎng)頁中。

這在我的“網(wǎng)文精品”中用到很多，全部是在word軟件中排好ctrl+c,然后點擊要

粘貼的位置，crtl+v到Dreamweaver即可。

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

還有其它的幾個網(wǎng)站與主頁的制作相同，一個網(wǎng)頁是圖象和文字的組合?！捌矫嬖O(shè)計”中的圖象插入和前面的介紹相似，并可以在屬性攔中調(diào)節(jié)圖象的大小。

在Dreamwerver中常常會用到Firework、Flash，它們是相輔相成，在主頁中的主體部

分就是用Firework,如圖所示：

在“個人說明”中也用到這點，首先定好需要尺寸，在屬性中設(shè)好背景，顏色等

等，插入圖象，輸入文字，也word里的操作雷同。

3.建立網(wǎng)頁鏈接

網(wǎng)站實際上是由很多網(wǎng)頁組成的，那么網(wǎng)頁之間是如何聯(lián)系的呢？這就是本章要講的內(nèi)容----網(wǎng)頁的“鏈接”?！版溄印?，又稱“超鏈接"（Hyperlink）,它作為網(wǎng)頁的橋梁，起著相當(dāng)重要的作用。網(wǎng)頁中的很多對象都可以加入“鏈接”屬性。在Dreamweaver MX2004中，如果以“鏈

接”的媒介來劃分的話，則“鏈接”可以分為“文字鏈接”、“圖像鏈接”、“圖像地圖鏈接”、“內(nèi)部鏈接和外部鏈接”、“E-mail鏈接”、“命名錨記鏈接”、“文件下載鏈接”和“跳轉(zhuǎn)菜單”，共8種。其中部分內(nèi)容在之前的章節(jié)中可能接觸過，這里將對其進行更深入的講解。3.1文字鏈接

“文字鏈接”即以文字作為媒介的鏈接，它是網(wǎng)頁中最常被使用的鏈接方式，具

有“文件小、制作簡單和便于維護”的特點。

接下來結(jié)合我的個人網(wǎng)站為實例，來講解如何為文字建立“鏈接”。

具體操作步驟如下所述。操作步驟

步驟1 準備好已經(jīng)制作完成的首頁的各個欄目頁面（假設(shè)除了“鏈接”，其他內(nèi)容都

已經(jīng)制作完成了），該網(wǎng)站包含6個欄目，這里的5個欄目----“平面設(shè)計”、“動畫

制作”和“網(wǎng)文精品”、“經(jīng)典回顧”、“個人說明”為例來進行講解。

步驟2 在Dreamweaver 中打開首頁，之后反白選取作為“鏈接”的文字。實例中要做

到單擊不同的欄目的網(wǎng)頁。因此為第1個欄目“平面設(shè)計”設(shè)置鏈接，首先要反白選中

“平面設(shè)計”4個文字。

步驟3 觀察“屬性面板”，其中包括一個“鏈接”文本框。

步驟4 接下來需要把鏈接的地址加入到文本框中，方法有3種。

這里我用到的是直接點擊文件夾圖標，在文件夾中找到要鏈接的對象graph.htm。這樣

就建立了超鏈接。不過有點很重要，由于大多數(shù)服務(wù)器都不支持中文文件名，而且對大

小寫敏感，因此采用英文文件名并統(tǒng)一大小寫。如圖所示：

步驟5 在“鏈接”文本框下面還有一個“目標”下拉列表，從中可以選擇鏈接網(wǎng)頁顯示的窗口方式，共有4種。如圖：

實例中沒有選擇任何選項，保持空白，表示在原窗口中打開鏈接網(wǎng)頁。

步驟6 還可以設(shè)置一些“鏈接”的屬性，這是前面講過的內(nèi)容。單擊“屬性面板”中的 “頁面屬性”，選擇其中的“鏈接”分類，可以進行的設(shè)置有“鏈接字體”、“大小”、“鏈接顏色”、“變換圖像鏈接”顏色、“已訪問鏈接”顏色、“活動鏈接”顏色及“下

劃線樣式”。

步驟7 至此，第1個欄目的鏈接就制作完畢了，按下Ctrl+S保存網(wǎng)頁，再按下F12預(yù)

覽，測試一下，當(dāng)鼠標放在“平面設(shè)計”這4個文字上時將變成手形，并且瀏覽器窗口下面的狀態(tài)欄中會顯示鏈接到的網(wǎng)頁的地址，單擊文字，頁面會立即跳轉(zhuǎn)到第1個欄目

中，這表示鏈接已經(jīng)制作成功了。

步驟8 同理，按照以上步驟，再為“動畫制作”和“網(wǎng)文精品”“經(jīng)典回顧“等其它欄

制作指向?qū)?yīng)欄目的鏈接。

步驟9 通常在欄目頁面中還需要有“返回首頁”的鏈接，單擊其后可以跳轉(zhuǎn)回首頁，因

此在各個欄目中還要插入“網(wǎng)站首頁”的文字，并且制作指向首頁index.html的鏈接，制作方法不變。

至此，整個“文字鏈接”的實例就全就全部完成了。通過對這個實例的講解，讀者不僅

應(yīng)該學(xué)會如何為文字制作鏈接，還應(yīng)用對“鏈接”有了更加深刻的理解，鏈接的目的何

在？它到底能夠在網(wǎng)頁的網(wǎng)站中發(fā)揮什么樣的作用？怎樣才能更好地使用它？這些是

網(wǎng)頁制作者更應(yīng)該思考的問題。

下面繼續(xù)介紹其他類型的鏈接。

3.2

3.23.2

3.2圖像鏈接

圖像鏈接圖像鏈接

圖像鏈接

“圖像”也是常被使用的鏈接媒體，它和“文字鏈接”非常相似。為圖像加入鏈接，首

先應(yīng)該在網(wǎng)頁中插入“圖像”，有關(guān)插入“圖像”或“導(dǎo)航條”按鈕的內(nèi)容，接下來以

我的網(wǎng)站“追夢人“為例，講解如何建立“圖像鏈接”。

操作步驟

步驟1 首先仍然要準備好已經(jīng)制作完成的首頁和各個欄目的頁面（假設(shè)除了“鏈接”，其他內(nèi)容都已經(jīng)制作完成了），該網(wǎng)站包含6個欄目，下面我們就動手為這6個欄目分

別制作它們的鏈接。

步驟2 在Dreamweaver中打開網(wǎng)站的首頁，之后選取要制作“鏈接”的圖像。實例中先

為第3個欄目“動畫制作”設(shè)置鏈接，因此選中包含“動畫制作”4個字的圖像。步驟3 觀察“屬性面板”，在“鏈接”文本框中輸入鏈接的文字地址?？梢允褂弥爸v

過的“指向文件”和“選擇文件”的方法。

步驟4 如果有需要，可以在“目標”下拉列表中選擇“鏈接”網(wǎng)頁顯示的窗口方式，分

別為-blank、-parent、-self或 top。實例中使用了默認出的保留空白選項的方式。

步驟5 另外，讀者還可以為圖像增加“替代”文本。實例中為第1個欄目增加欄目名稱的“替代”文本。

步驟6 至此，第1個欄目的圖像鏈接就制作完畢了，按下Ctrl+S保存網(wǎng)頁，再按下F1 2預(yù)覽，測試一下，將鼠標放在“動畫制作”4個文字上時將變成手形，同時瀏覽器窗

口下面的狀態(tài)欄中會顯示出鏈接到的網(wǎng)頁的地址，并且會顯示出“替代”文本“動畫制

作”，單擊文字，頁面會立即跳轉(zhuǎn)到第3個欄目中，這表示鏈接已經(jīng)制作成功了。

步驟7 同理，按照以上步驟，再為其它幾幅圖像制作指向?qū)?yīng)欄目的鏈接。

步驟8 在欄目頁面中制作“返回首頁”的鏈接，使得單擊后可以跳轉(zhuǎn)回首頁，其制作方

法不變。

至此，整個“圖像鏈像”的實例就全部完成了。

3.3E

3.3E 3.3E

3.3E –

––

–Mail

MailMail

Mail的鏈接的鏈接的鏈接的鏈接

E-Mail鏈接，是指當(dāng)瀏覽者單擊該鏈接之后，不是打開一個網(wǎng)頁文件，而是啟動用戶的

E-Mail客戶端軟件（如Outlook Express）,并打開一個空白的新郵件，供瀏覽者撰寫

內(nèi)容來與網(wǎng)站聯(lián)系人聯(lián)系，這是一種最方便的互動方式。

結(jié)合“個人說明”網(wǎng)頁，建立E-Mail鏈接的步驟如下所述。

操作步驟步驟1 將光標停留在頁面右下角要插入E-mail鏈接的位置。步驟2 選擇“插入快捷欄”中的“常用”分類，單擊左側(cè)第2個“電子郵件鏈接”按鈕。

步驟3 在彈出的“電子郵件鏈接”對話框中有兩個輸入項，分別是“文本”和“E-Mai

l”。在“文本”項中輸入鏈接的文字，中文、英文均可，在E-Mail項中輸入網(wǎng)站聯(lián)

系有的電子郵件地址，如實例中的 ding_zhuimeng123@163.net。

步驟4 單擊“確定”按鈕，具有“E-Mail鏈接”屬性的文本就ding_zhuimeng123@163.net。插入到光標所在位置了，按下 Ctrl+S保存網(wǎng)頁，再按下F12預(yù)覽查看實際效果。

上面的方法只適用于文本的“E-Mail鏈接”，如果想在其它的對象（如圖像）上也加入

這種鏈接，該怎辦呢？下面介紹第2種建立“E-Mail鏈接”的方法。

其實很簡單，與前面講過的圖像加入鏈接的方法基本一樣。先在頁面中需要的地方插入

圖像，之后選中圖像，并在“屬性面板”的“鏈接”文本框中輸入如下語句即可----ma

ilto: ding_zhuimeng123@163.net ?subject=網(wǎng)站的建議與第1種方法不同的是，E-Ma

il 地址前面增加了mailto:字樣。用這種方法就可以給圖像等其他對象建立“E-Mail

鏈接”了。

3.4

3.43.4

3.4文件下載鏈接

文件下載鏈接文件下載鏈接

文件下載鏈接

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

瀏覽器無法識別的文件類型有很多，這里就介紹一個最常用的，以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īng)典回顧”文

件夾。之后單擊“保存”按鈕，壓縮文件即保存到該位置中。至此，“文件下載鏈接”

便制作完成了。讀者可以打開“我的文檔”文件夾，解壓縮olympus.rar文件，隨時欣

賞下載影片。

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

3.5

3.53.5

3.5在在在

在HTML

HTMLHTML

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

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

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

3.5.1

3.5.13.5.1

3.5.1文字鏈接

文字鏈接文字鏈接

文字鏈接

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

文字鏈接

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

動畫制作（原窗口，默認為空）

網(wǎng)文精品

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

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

點此處下載文檔

文檔為doc格式

相關(guān)專題

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