1、個人的設計與實現- PAGE 6. z.- - - z - 個人的設計與實現摘要：隨著國際互聯網的普及，人們已經越來越不滿足于在internet上瀏覽信息了。希望能夠更深入的參與其中，擁有自己的。我們可以在網絡這個平臺上更好的展現自我。個人網頁的設計與實現不僅能夠讓我們更好的與外界交流，溝通；還能夠突出自己的個性與風格，增加個人魅力與自信。該研究課題主要研究現在人們的個人的實現。該課題主要是介紹了如何開發個人。關鍵詞：個人；ASP；web1.引言目前關于INTERNET是我們聽到最多的局部就是萬維網world wide web。Web實際上由數十億單個頁面組成，這非常類似于我們創立的WORD文

2、檔頁面。這就是WEB它就是一大堆頁面。所謂的頁，頁中可能包括文字、圖像、圖形、聲音、動畫等。這些單個頁面會到其他頁面。通常一家企業或個人會創立統一的一組頁面，這些頁面彼此相關。相關頁面的集合就稱為。每個都有主頁，這個頁面就像一個目錄。通常主頁就是的第一個頁面，不過有些還包含入口頁面，這有些類似于書本的扉頁，可以由這個入口頁面進入主頁。這次的課題研究，我的設計與整個個性化頁面生成系統主要由使用Dreamweaver開發的關聯規則采掘系統和利用IIS+ASP技術實現的個性化Web頁面生成器兩局部組成。二者通過數據庫效勞器和Web效勞器連接。2.系統構架 ，一個全新而又時髦的名詞，正是有了無數的大小

3、，才使互聯網能蓬勃開展。很多人都想擁有一個屬于自己的，因此，設計軟件成為目前最為流行的軟件之一。下面就介紹一下我開發個人所需的設計軟件以及開發環境。2.1 Adobe Dreamweaver CS5 簡介Adobe Dreamweaver CS5是一款集網頁制作和管理于一身的所見即所得網頁編輯器，Dreamweaver CS5是第一套針對專業網頁設計師特別開展的視覺化網頁開發工具，利用它可以輕而易舉地制作出跨越平臺限制和跨越瀏覽器限制的充滿動感的網頁。2.2 ASP技術 ASP是Active Server Page的簡寫。Active Server Page 是創立動態網頁的一個很好的工具，它

4、起一種編程語言的作用，可以利用它編寫動態產生HTML的程序代碼。而且ASP也是效勞器端腳本環境，可以用來創立交互式WEB頁并建立強大的的Web應用程序。ASP技術能讓Web開發員和網頁設計員快速地開發容易維護的動態Web主頁。用戶端只要使用可執行HTML碼的瀏覽器就可閱讀ASP所設計的網頁容。ASP所使用的腳本語言均在Web效勞器端執行，用戶端的瀏覽器不需要執行這些腳本語言。 ASP不但功能強大，而且語法的編寫規則很簡單。ASP使用簡單易懂的腳本語言和HTML語言作為根底語言，對腳本語言的類型沒有限制，使用的編輯器簡單，使用像Windows的記事本這樣的普通文本編輯器即可。2.3 Access

5、數據庫軟件Access是Office軟件中用來管理數據庫的應用軟件，它操作簡單、功能全面，其存儲方式簡單且便于管理和維護；既可以用來存放數據，也可以作為客戶端開發工具進展數據庫應用系統開發，即可以開發小型軟件，也可以用來開發大型應用系統。它可運行于各種Microsoft Windows系統環境中，由于它繼承了Windows的特性，不僅易于使用，而且界面友好。它并不需要數據庫管理者具有專業的程序設計水平，任何非專業的用戶不必編寫代碼，就可以用它來創立功能強大的數據庫管理系統。本采用功能強大的Microsoft Access作為后臺數據庫，開發了一個小型的個人。3.系統概要設計3.1 整體設計布局

6、風格設計收集資料目錄設計網頁設計籌劃導航設計3.2 留言板設計管理留言編輯留言刪除留言簽寫保存留言留言板系統讀取顯示留言回復留言3.3 數據庫建立用到的后臺文件：文件名作用與功能備注admin.asp登陸后臺inde*.asp首頁admin_article.asp管理文章后臺Delartcat.asp刪除功能后臺post.asp發布功能后臺myworld.mdb數據庫文件后臺admin_diary.asp心情管理后臺后臺認證：只允許瀏覽者進入頁面瀏覽，在對回復留言和新聞的增加、刪除這些管理時都需要對用戶的身份進展認證，即需要管理員提供后臺管理的用戶名和密碼，該用戶名和密碼保存在相對應的數據庫中

7、。4. 詳細設計首先的籌劃，因為我制作的是個人的，所以面對的對象是自己周圍熟悉的同學朋友，主題和容就是自己日常生活瑣事，還有跟好朋友有個交流溝通的平臺，互相了解的小天地。這樣就沒有什么特別高的創意要求，只要溫馨，簡潔大方就好了。當然，如果你要設計的是一個面向群眾的個人展示平臺，那就要求新穎的創意了。針對我自己的個人，我主要從下面幾點進展設計的：快樂世界：是一個表達個性的板塊容，放置一些我比擬喜歡的優秀文章或者我覺得很有意義的小故事還有圖片供大家欣賞。其他幾個頁面也是類似的，只是介紹的方向不同。擁抱：展示一些自己近期的生活照。心情動態：讓朋友可以對我當天的心情有一個直觀快捷的了解方式。留言板：設

8、計一個留言板作為和朋友交流的紐帶，這樣可以隨時促進朋友之間的情感，又因為是自己設計的，比擬有性，分享快樂和秘密的地方。4.1靜態網頁設計 現在整體的布局已經明確了，可以進展網頁的設計了。 這是我首頁的效果，接下來，我就簡單演示一下這個主頁的制作過程。首先，運行Dreamwear cs5，接著就是頁面的布局了，選擇插入表格然后根據你的需要劃分，選擇你所需的表格行列數。如圖：然后依次在你所劃分的位置插入你所需要的圖片等等。這樣一個簡單有漂亮的網頁的劃分就完成了.4.2 動態頁面的制作在我的整個中，動態頁面占了很重要的局部。首先，我根據我的個人主頁所要實現的功能我制作好了我的數據庫，接下來，我就把我

9、設定系統的DSN數據源名稱的方法來講講。DSN是用來確定數據庫所在的位置以及數據庫的相關屬性的。使用DSN的優點是，如果我要移動數據庫檔案的位置或是使用其他類型的數據庫的時候，我只要重新設定DSN即可，不需要去修改原來使用的程序。下面，我就演示我在自己的電腦上配置DSN的過程：1.啟動控制面板，雙擊管理工具下的數據源ODBC，如下圖：2.在翻開的數據源ODBC對話框中選擇系統DSN標簽，然后單擊添加按鈕，如圖：3.在彈出的創立新數據源對話框中，選擇數據庫的驅動程序為Microsoft Access Driver*.mdb，然后單擊完成按鈕，如圖：4.在出現的ODBC Microsoft Acc

10、ess 安裝對話框，在數據源名文本框中輸入我的這個的數據庫的名稱：myworld,單擊數據庫欄中的選擇按鈕選擇我的這個根目錄中我已經建好的數據庫 myworld.mdb，然后單擊確定按鈕，如圖：5.這時，我發現系統數據源名稱中已經多了一個myworld.mdb，這就是我的要使用的數據庫。單擊確定按鈕，這樣，我就完成了數據源的創立過程。如圖：弄好這些后，翻開dreamwear，將數據庫與網頁進展連接。翻開數據庫，連接好數據庫，并將數據庫中的容分別拽入到表格中的適當位置，這樣，數據庫中的容就顯示在里面了。4.3 頁面的制作 的概念：也稱超級，是指從一個網頁指向一個目標的連接關系，所指向的目標可以是

11、另一個網頁，也可以是一樣網頁上的不同位置，還可以是圖片、電子地址、文件、甚至是應用程序。可以分為文字，影像，文件下載這幾種。在網頁中，單擊了*些圖片、有下劃線或有明示的文字就會跳轉到相應的網頁中去。 1、在網頁中選中要做超級的文字或者圖片。 2、在屬性面板中單擊黃色文件夾圖標，在彈出的對話框里選中相應的網頁文件就完成了。做好超級屬性面板出現文件顯示。 3、按F12預覽網頁。在瀏覽器里光標移到超級的地方就會變成手型4.4 其他頁面的建立一樣的，根據首頁的制作方式來制作其他頁面，這里我們要特別注意的就是制作的四個根本原則：對齊、親密性、重復性和比照。對齊就是指頁面上的元素相互之間對齊。親密性原則就

12、是指元素相互靠近，放置在領進位置上時所建立起來的關系。重復的概念就是指，在整個工程中重復*些元素，從而將所有別離的局部聯系在一起。整個看上去要表達統一性，表達出一樣的理念。比照可以把你的目光吸引到頁面上，讓你為之注目。使元素形成比照能夠吸引人的視線瀏覽頁面，并建立一個信息層次體系，讓你能夠查閱眾多信息并從中挑出你真正需要的信息。4.5 數據庫的設計本設計是采用ASP結合Access數據庫平臺的一個個人。開發的性能要實現的智能化。本設計能實現以下功能：心情版塊的增、刪、改和留言板的實現及一些靜態網頁的瀏覽。的數據庫建立在這個的設計過程中占有非常重要的位置。其中，我們應該要考慮到的問題有：系統管理

13、員： 系統管理員具有對整個發布，數據庫的管理，信息管理，人員管理的最高權限。包括心情的增、刪、改，留言的回復、刪除。以上的功能只能是管理員才有權限操作。瀏覽者： 信息的最終瀏覽者，他們是不具有任何權限的普通用戶。在設計數據庫過程中，必須考慮到各種信息存放，更新。所以數據庫必須能最大限度的滿足各種信息的輸入輸出。以下為后臺數據庫的各表的構造和字段的分析。 Admin 系統管理員表：心情版塊的管理表：容管理表：留言管理表：5. 系統實現 一個好的建立好了之后是不能立即發布的，因為由于在程序開發和頁面制作的過程中難免會出現誤差，所以在正式發布前通過測試找出網頁中的漏洞是非常重要的一個環節。在這之前需

14、要進展一段時間的測試。為什么測試顯得這么重要呢？沒有經過測試的頁面會出現那些問題呢？下面將從幾個不在IIS效勞器未改變默認默認路徑的前提下，執行第二步。在IE地址欄里輸入localhost/qiqi/qiqi/，就能訪問系統的前臺首頁面。測試的工程。我主要就如下幾個方面進展探討：性能測試，平安性測試，穩定性測試 ，瀏覽器兼容性測試 ，可用性/易用性測試，測試 ，代碼合法性測試 。在我的個人的測試過程中，在數據庫的，還有圖片的相對位置都出現了很多的錯誤，還好，經過我自己的修改，現在已根本消除了這種現象。這是在地址欄中輸入localhost/qiqi/qiqi/跳出來的頁面。6. 完畢語兩個多月的畢業設計已告一段落，到此，我制作的個人已經根本完成。但由于畢業設計時間較短，本人的能力有限，導致于我無法讓我的數據庫和進展正確的相聯接，這個系統還有許多缺乏的地方。這些都有待于進一步改善。參考文獻致