1、個人網站設計論文專業：信息管理與信息系統班級： 信管121 姓名： 卓曉鳳 學號： 2012215012 個人網站設計摘要隨著經濟社會的發展，計算機已被應用到社會生活的各個領域。與此同時，互聯網作為信息技術的通信橋梁連接著全球的計算機，而網站作為網絡信息的主要表現形式而且還是互聯網信息的主要承載者。 Internet的日益興起和以網頁為載體的網絡信息的廣泛傳播和應用，使得網站的建設及網頁制作得到發展的空間，大至大型企業的產品推銷、售后服務、解決方案，小至個人Web頁面開發，形形色色，五彩繽紛，網站建設和網頁制作也成為計算機網絡領域最熱門的話題。論文論述了系統的開發背景和設計目標，并對系統開發所

2、采用的技術進行相應的簡單介紹。在系統分析中，對系統的模型進行簡單分析，明確系統的操作流程，并對系統進行可行性分析，確定在目前的條件下，開發留言板信息管理系統是可行的。在需求分析結果的基礎上，對系統的功能模塊進行劃分。接著對系統中的數據庫進行模型設計，包括數據流圖、實體聯系圖及數據表結構。本文以個人網站建設為例，系統介紹網站的需求、系統分析及設計方案，最終并給出ASP技術實現網站的過程。 關鍵詞：互聯網；網站建設；留言板The Personal website designAbstractWith the development of society and economy, computer

3、has been applied to various fields of social life. At the same time, the Internet as an information communication Bridges connected to the world of computer technology, the website as the main form of network information and is the main carrier for Internet information. Increasingly rise of the Inte

4、rnet and as a Web page as the carrier of the spread and application of network information, makes the website construction and Web page creation development space, to a large enterprise products sales and after-sales service and solutions, and a personal Web page development, various, colourful, web

5、site construction and Web page creation has become the hottest topic in the field of computer networks.Paper discusses the system development background and design target, and the system development technology adopted by the corresponding simple introduction. In system analysis, simple analysis of t

6、he system model, make clear the operation process of system, and the system feasibility analysis, to determine in the present conditions, development board information management system is feasible. On the basis of demand analysis results, the system function module division. Then the database of th

7、e system model design, including data flow diagrams, entity relationship diagrams and data table structure. With personal website construction as an example, this paper systematically introduces the essence of the site requirements, system analysis and design, finally and ASP technology to realize t

8、he process of web site is given.Key words: Internet; Website construction; Message board目錄總頁數：16頁1 引言11.1課題起源11.2課題目的11.3課題研究的意義12 系統實現的技術支持12.1 Fireworks簡介12.2 Dreamveaver簡介12.3 ASP簡介22.4 SQL Sever 2000簡介22.5 IIS簡介23 需求分析33.1 功能需求33.2 非功能需求34 網站設計34.1模塊設計44.2 數據庫設計8管理員登錄數據庫設計8表說明8限制條件94.2.2留言信息數據庫設

9、計 表說明95 留言板功能測試95.1 訪客留言95.2 管理員管理留言106設計反思126.1 網站的風格是否統一126.2網站鏈接穩定性測試126.3 數據庫測試13總結14參考文獻15致謝161 引言1.1課題起源隨著互聯網的迅速發展，網站作為其信息的主要承載者也迅速發展起來，并且種類繁多，包括大型門戶網站，行業網站，娛樂網站，企業網站，政府網站，營利性網站，以及個人網站等，每類網站都包含了強大的功能。個人網站是指網站內容是介紹自己的或是以自己的信息為中心的網站，不一定是自己做的網站，但強調的是以個人信息為中心。它是指個人或團體因某種興趣、擁有某種專業技術、提供某種服務或

10、把自己的作品、商品展示銷售而制作的具有獨立空間的網站。同時，個人網站不僅憑借個人喜好而產生，它也可以發展多種不同的盈利模式，比如廣告，網上零售，特殊信息收費等。這樣的網站與大型網站的實在的力量不可以同日而語，不過卻具備相當強的活力和生氣，由于他們領有更加細化的市場需要，領有分類更細服務更精細周密的優勢，是網絡的大發展趨勢。1.2課題目的設計完成一個多模塊劃分，能實現網友互動的完善的屬于我自己的網站。1.3課題研究的意義就我個人而言，初次接觸網站，我希望從建設自己的網站開始，在互聯網上擁有自己的一席之地，從而真正參與到網絡中去，更加深入地了解網站，為之后的發展奠定基礎。同時也將自己喜愛和收藏的一

11、些東西與網友們分享。2 系統實現的技術支持網站頁面設計，代碼編寫，留言系統的成功運行及網頁測試等網站設計及功能實現背后都需要強大的軟件支持。2.1 Fireworks簡介Adobe Fireworks是Adobe推出的一款網頁作圖軟件，軟件可以加速 Web 設計與開發， 是一款創建與優化 Web 圖像和快速構建網站與 Web界面原型的理想工具。它不僅具備編輯矢量圖形與位圖圖像的靈活性， 還提供了一個預先構建資源的公用庫。在 Fireworks 中將設計迅速轉變為模型， 或利用來自Illustrator、Photoshop和Flash的其它資源。 然后直接置入Dreamweaver中輕松地進行網

12、站開發與部署。在網站設計之初，除功能與模塊分析之外，首要任務就是進行頁面布局，利用Fireworks 的切圖工具可輕松地切割出理想的布局樣式，并可根據需要交互利用多種工具也能制作出精美的圖片，最為便捷的是，利用Fireworks工具制作頁面可以直接導出為html網頁運用到網頁設計。2.2 Dreamveaver簡介Adobe Dreamweaver，簡稱“DW”，是美國MACROMEDIA公司開發的集網頁制作和管理網站于一身的所見即所得網頁編輯器，它是第一套針對專業網頁設計師特別發展的視覺化網頁開發工具，利用它可以輕而易舉地制作出跨越平臺限制和跨越瀏覽器限制的充滿動感的網頁。Dreamweav

13、er功能非常強大，利用其自帶工具可節省大量編寫代碼的時間，它會自動生成代碼，并且不易出錯，制作一個靜態頁面，完全靠Dreamweaver就能實現。2.3 ASP簡介Active Server Pages（ASP）是服務器端腳本編寫環境，使用它可以創建和運行動態、交互的 Web 服務器應用程序。使用 ASP 可以組合 HTML頁、VBScript腳本命令和JavaScript腳本命令等，以創建交互的 Web 頁和基于 Web 的功能強大的應用程序。  由于腳本程序是在

14、服務器上而不是在客戶端運行，傳送到瀏覽器上的 Web 頁是在 Web 服務器上生成的。所以不必擔心瀏覽器能否處理腳本：Web 服務器已經完成了所有腳本的處理，并將標準的 HTML 頁面傳輸到瀏覽器。由于只有腳本的結果返回到瀏覽器，所以服務器端腳本不易被別人復制。用戶看不到創建他們正在瀏覽的頁的腳本命令。2.4 SQL Sever 2000簡介SQL Server是微軟公司開發的一個關系數據庫管理系統，以Transact_SQL作為它的數據庫查詢和編程語言。TSQL是結構化查詢語言SQL的一種，支持ANSI SQL92標準。S

15、QL Server 采用二級安全驗證、登錄驗證及數據庫用戶帳號和角色的許可驗證。SQL Server 支持兩種身份驗證模式：Windows NT身份驗證和SQL Server 身份驗證。7.0版支持多種類型的角色，"角色"概念的引入方便了權限的管理，也使權限的分配更加靈活。SQL Server為公共的管理功能提供了預定義的服務器和數據庫角色，可以很容易為某一特定用戶授予一組選擇好的許可權限。SQL Server可以在不同的操作平臺上運行，支持多種不同類型的網絡協議如TCP/IP、IPX/SPX、Apple Talk等。SQL Server在服務器端的軟件運行平臺是Windo

16、ws NT、Windows9x，在客戶端可以是Windows3.x、Windows NT、Windows9x,也可以采用其它廠商開發的系統如Unix、Apple Macintosh等。微軟的SQL Server是一項完美的客戶/服務器系統。SQL Server需要安裝在Windows NT的平臺上，而Windows NT可以支持Intel 386，Power PC，MIPS，Alpha PC和RISC等平臺，它使SQL Server具備足夠的威力和功能。通過SQL Server數據庫與ASP的連接，網站管理員可以對數據庫和網站交互地操作，數據表會及時保存網站中數據信息，實時更新數據。2.5 I

17、IS簡介IIS是Internet Information Services的縮寫，是一個World Wide Web server。Gopher server和FTP server全部包容在里面。 IIS意味著你能發布網頁，并且有ASP（Active Server Pages）、JAVA、VBscript產生頁面，有著一些擴展功能。IIS支持一些有趣的東西，像有編輯環境的界面（FRONTPAGE）、有全文檢索功能的（INDEX SERVER）、有多媒體功能的（NET SHOW） 其次,IIS是隨windowsNT sever 4.0一起提供的文件和應用程序服務器，是在Windows NT Se

18、rver上建立Internet服務器的基本組件。它與Windows NT Server完全集成，允許使用Windows NT Server內置的安全性以及NTFS文件系統建立強大靈活的Internet/Intranet站點。IIS（Internet Information Server，互聯網信息服務）是一種Web（網頁）服務組件，其中包括Web服務器、FTP服務器、NNTP服務器和SMTP服務器，分別用于網頁瀏覽、文件傳輸、新聞服務和郵件發送等方面，它使得在網絡（包括互聯網和局域網）上發布信息成了一件很容易的事。3 需求分析“個人網站要發展，要么是從我的需求出發，要么是從我周圍人的需求出發。

19、”國內著名個人網站站長、手機之家站長高春輝說。網頁設計是一門新興的設計類和網絡的交叉學科，近幾年隨著網絡的發展而逐漸收到人們的重視，它本身以網絡為載體,把各種信息以最快捷、方便的方式傳達給大眾。一個網站項目的確立是建立在各種各樣的需求上面的，這是個人網站，所以這種需求往往來自于個人的實際需求，其中每個人的實際需求占了絕大部分。因此如何更好地的了解、分析、明確需求，并且能夠準確、清晰以文檔的形式表達出來，保證開發過程按照個人需求為目的正確項目開發方向進行。3.1 功能需求通過需求分析可以明確網站設計的目的，包含的板塊與內容以及實現的功能，根據這些需求分析可以更好地指導下一步的系統開發和設計，避免

20、設計過程中的屢次出錯和大量返工。3.1.1一般功能需求該個人網站主要分為我的家鄉，我的大學，音樂天空，好書推薦，生活百科，友情鏈接等模塊，內容豐富，便于網友查看各類內容，滿足其需求。3.1.2留言板功能需求留言板模塊主要實現與網友互動功能，也是本網站重點建設，網友通過填寫留言信息并提交，信息便可以通過后臺數據庫進行保存，網站管理員也可通過登錄對其進行查看、回復、刪除等管理，其功能實現后數據庫保存數據信息如下圖3-1所示。圖3-13.2 非功能需求網站建設需美觀大方，色彩搭配協調，圖片匹配合適，模塊內容完整，追求細節完美。4 網站設計4.1模塊設計該個人網站系統是基于Internet/Intra

21、net 及Web技術，建立以Browser/Server 為結構模式、以數據庫為后臺核心應用、以服務為目的信息平臺，對資源進行科學的加工整序和管理維護，為用戶提供個人信息保障和直接參預到互聯網上而設計的系統。包括界面設計,代碼設計,這一階段偏重于網頁制作工具和技巧的應用, 編寫總系統總體功能分析及架構圖。包括以下幾個模塊：l 關于我：該模塊主要介紹個人相關基本信息，希望訪客能對網站主人有一些基本認識。 l 留言板：該模塊主要實現訪客留言并進行查看，管理員查看、回復、刪除顯示等界面，所有訪客都能在留言板留言。其構架圖如圖4-1所示。圖4-1留言系統發表留言用 戶用戶

22、查看留言顯示查看回復刪除登錄管理留言管理員l 好書推薦：該模塊主要為訪客推薦一些我喜歡的書籍，包含了書籍介紹，推薦理由以及購買網址。l 生活百科：該模塊是為訪客推薦一些生活小常識，包括飲食健康等內容。l 友情鏈接：該模塊是一些網址鏈接，使訪客能方便瀏覽其他網頁，主要是為其提供方便。l 我的大學：該模塊主要為訪客介紹了我的大學的相關信息。l 我的家鄉：該模塊介紹我的家鄉，包括總體介紹與一些景點的旅游指南。l 音樂天空：該模塊主要為網友推薦一些好聽的歌曲，介紹的歌曲的基本信息，以及相關創作背景。 l 給自己的一封信：該模塊是一封寫給自己的信，時刻告誡自己人生應該怎樣對待周圍的事。 l 旅行記憶：該

23、模塊記錄了近期旅行的經歷。l 生活感悟：該模塊是自己從日常生活中領悟到的道理。 4.2 數據庫設計該部分主要涉及到留言系統地數據庫設計，記錄了訪客留言信息以及管理員登錄信息。4.2.1管理員登錄數據庫設計如下表：4-1數據庫設計4-2數據添加表說明該表記錄管理員登錄信息表是用來論壇管理員登錄的，共分為三個字段，數據類型是自動編號，user和password字段分別用來存放管理員的登錄名和密碼，數據類型nvarchar。 限制條件 在留言板管理員登錄時，只有正確輸入此表中的用戶名和密碼才能夠登錄到管理界面，才有權對論壇里面的內容進行查看、回復和刪除，否則只能通過

24、訪客身份發表留言。4.2.2留言信息數據庫設計如下表：4-3數據表設計4-4數據信息保存 表說明此表是用來記錄訪客基本信息以及發表留言內容的，共有八個字段，數據類型是int，其余為nvarchar。每個在留言板里發表留言的訪客的基本信息和留言內容都可以保存在此表中，便于顯示調用。5 留言板功能測試5.1 訪客留言1、訪客點擊“我要留言”進入留言編寫界面。2、訪客進行留言編寫。3、留言成功，訪客點擊“返回查看”，查看留言。5.2 管理員管理留言1、管理員輸入已有的帳號密碼，點擊提交進入留言列表管理界面。2、管理員點擊查看、回復、刪除分別進入留言顯示、留言回復、留言刪除界面。3、回復

25、與回復成功界面4、刪除與刪除成功界面6設計反思6.1 網站的風格是否統一一個成功的網站首先需要一個優秀的設計，然后輔之優秀的制作。設計是網站的核心和靈魂，一個相同的設計可以有多種制作表現的方式。l 一方面是純網站本身的設計比如文字排版、圖片制作、平面設計。l 另一方面是網站的延伸設計，包括網站的主題定位和瀏覽群定位、智能交互、制 作策劃、形象包裝等。這兩方面相輔相成，做完網站后，首先需要測試的就是網站的整體風格和總體色調。每個網站的風格都有特定的主題，我的網站主色調是綠色，但其中也不乏別的顏色予以搭配，使整個網站看起來有一種溫文爾雅的感覺。其次是看網頁風格的測試，每個頁面上的字體的風格、字體顏

26、色、字體的特效、文本風格、文本顏色、以及表格屬性、位置等都要有統一的設置。如我的網站每個頁面都有固定不變的布局。6.2網站鏈接穩定性測試超級鏈接對于網站用戶而言意味著能不能流暢的使用整個網站提供的服務，因而鏈接 將作為一個獨立的項目進行測試。網站能夠正確運行首先要保證鏈接能夠連貫運行。站的運行中整個系統是否運行正常，我主要采用將測試網站長時間運轉進行測試，派生出執行程序所有功能需求的輸入條件，從而導出測試用例，進行測試，網站中的每個版塊的每個頁面都出現了很多的鏈接，所以每個版塊要先進行單獨測試，單獨測試完成后，根據個版塊之間的連接結構再進行總體測試，從而達到網站的整體的運營能夠順利地進行。在測試這個環節時，沒有特定的測試方法，就要做到細心，做到網站的順利運行。6.3 數據庫測試數據庫鏈接是一種危險的、昂貴的、有限的資源、特別是在多層web應用程序中。必須正確管理鏈接，如果鏈接不當，整個網站的性能也會受到影響，我在測試這個環節的時候也是整個程序長時間運行，多向數據庫提交數據，調用數據庫里面的內容進行顯