網(wǎng)頁 個人主頁設計及說明書

1、個人網(wǎng)頁設計計劃書目錄1、網(wǎng)頁設計目的·······································1.1網(wǎng)頁設計需求淺談······

2、···························1.1個人網(wǎng)頁設計目的·····················&

3、#183;···········2、網(wǎng)頁使用的工具和數(shù)據(jù)庫·····························3、設計方案······

4、·····································3.1網(wǎng)站設計八步驟···········&#

5、183;·······················3.2預計達到的效果························

6、3;··········3.3具備哪些功能·····································4、個人網(wǎng)頁功

7、能模塊設計·······························4.1主頁·················&#

8、183;···························4.2個人簡介·····················&

9、#183;···················4.3我的朋友·····························

10、············4.4其他模塊·····································

11、;····5、小結(jié)·············································&

12、#183;·參考文獻個人網(wǎng)頁設計計劃書1、網(wǎng)頁設計目的1.1網(wǎng)頁設計需求淺談隨著互聯(lián)網(wǎng)的進一步發(fā)展與成熟，網(wǎng)絡的帶寬進一步加闊，網(wǎng)絡應用也越來越廣泛。網(wǎng)頁制作更是日新月異，層出不窮。涌現(xiàn)了很多琳瑯滿目的網(wǎng)站，使得整個互聯(lián)網(wǎng)多姿多彩。以前，在網(wǎng)頁制作的時候，通常都是使用Dreamweave來完成。由于Dreamweave使用方便，操作簡單，即使沒有網(wǎng)絡編程經(jīng)驗的制作人員也可以設計出吸引人的網(wǎng)頁，因此，很多網(wǎng)頁設計者一直使用Dreamweave。FrontPage2000集成在Office2000辦公自動化軟件中，其工作界面和操作風格和Word一樣，因此，Dreamweave相對于其他網(wǎng)

13、頁制作軟件來說，易學易用，是網(wǎng)頁制作初學者的入門軟件。1.2個人網(wǎng)頁設計目的我們這一學期學習了網(wǎng)頁設計與制作的相關(guān)知識，同時也有相關(guān)數(shù)據(jù)庫的知識，在此基礎(chǔ)上，我們現(xiàn)在要做一個網(wǎng)站，當然就是要有一個精美的網(wǎng)頁。在此次網(wǎng)頁設計中，我們要能更加的了解Dreamweaver強大的功能和更好的使用它。通過此次設計我們還要能夠知道靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁的區(qū)別。誠然，次此設計的醫(yī)藥網(wǎng)上銷售系統(tǒng)的網(wǎng)頁，一方面是為了完成我們的考試，但更重要的是把我們所學到的東西用在具體的實踐之中，所以，這次設計的目的也是要我們更好的掌握和使用好相關(guān)知識與技術(shù)，以便提高對網(wǎng)頁知識的更深層了解。第三點也是最要的一點是，把我們在書本上學

14、到的知識充分運用到此次設計之中。使我們的在書上學到的東西不僅僅停留在表面上，把這些東西都用在所要做的網(wǎng)頁上面。以達到老師要求的效果和學以致用。2、網(wǎng)頁使用的工具和數(shù)據(jù)庫主要的使用工具有：Dreamweaver 、Javascript、IIS和Access.而在此次設計中主要用到Dreamweaver 設置首頁，編輯功能，排版功能，設計模版功能，插入文本包括插入文本元素插入圖象和圖文混排和外部圖象。第二個主要工具就是IIS。系統(tǒng)不會默認安裝IIS，但是我們可以通過"控制面板"中的"添加/刪除程序"對話框添加。安裝IIS應通過使用控制面板的"添加/

15、刪除程序"對話框，可以安裝IIS、添加可選組件或者刪除可選組件來實現(xiàn)。安裝時，IIS 安裝諸如通用文件、文檔以及Internet信息服務管理單元等可選組件。您可以選擇不安裝可選組件，但是如果不選擇某些組件，可能會降低IIS功能或禁用IIS服務。如果您不熟悉可選組件以及這些組件如何影響IIS，請使用默認設置安裝IIS。安裝結(jié)束后，可以閱讀IIS聯(lián)機文檔中的"安裝IIS可選組件"，以便獲取更多信息。如果在安裝了IIS后如果Web瀏覽器返回"找不到服務器"錯誤或"無法顯示該頁"錯誤，則你可以使用命令進行測試：名稱解析服務器將 II

16、S Web 服務器的名稱解析為其 IP 地址 ，服務器響應遠程計算機的網(wǎng)絡請求。 第三個主要的工具是數(shù)據(jù)庫ACCESS，我們主要是用它來做一個數(shù)據(jù)庫，然后在數(shù)據(jù)庫里面建一個表，這樣我們做的數(shù)據(jù)庫才能顯示出來。要使用數(shù)據(jù)庫，我們也要像IIS那樣先安裝它，這個的安裝很簡單，和我們的WORD安裝一樣，我就不在詳細說明里。 JAVASCRIPT是一種基于對象的腳本語言，每個對象均有屬于自己的屬性和方法。3、設計方案3.1網(wǎng)站設計八步驟由于目前所見即所得類型的工具越來越多，使用也越來越方便，所以制作網(wǎng)頁已經(jīng)變成了一件輕松的工作，不像以前要手工編寫一行行的源代碼那樣。一般初學者經(jīng)過短暫的學習就可以學會制作

17、網(wǎng)頁，于是他們認為網(wǎng)頁制作非常簡單，就匆匆忙忙制作自己的網(wǎng)站，可是做出來之后與別人一比，才發(fā)現(xiàn)自己的網(wǎng)站非常粗糙，這是為什么呢？常言道：“性急吃不了熱豆腐”。建立一個網(wǎng)站就像蓋一幢大樓一樣，它是一個系統(tǒng)工程，有自己特定的工作流程，你只有遵循這個步驟，按部就班地一步步來，才能設計出一個滿意的網(wǎng)站。 1）確定網(wǎng)站主題 網(wǎng)站主題就是你建立的網(wǎng)站所要包含的主要內(nèi)容，一個網(wǎng)站必須要有一個明確的主題。特別是對于個人網(wǎng)站，你不可能像綜合網(wǎng)站那樣做得內(nèi)容大而全，包羅萬象。你沒有這個能力，也沒這個精力，所以必須要找準一個自己最感興趣內(nèi)容，做深、做透，辦出自己的特色，這樣才能給用戶留下深刻的印象。網(wǎng)站的主題無定則

18、，只要是你感興趣的，任何內(nèi)容都可以，但主題要鮮明，在你的主題范圍內(nèi)內(nèi)容做到大而全、精而深。 2）搜集材料 明確了網(wǎng)站的主題以后，你就要圍繞主題開始搜集材料了。常言道：“巧婦難為無米之炊”。要想讓自己的網(wǎng)站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以后制作網(wǎng)站就越容易。材料既可以從圖書、報紙、光盤、多媒體上得來，也可以從互聯(lián)網(wǎng)上搜集，然后把搜集的材料去粗取精，去偽存真，作為自己制作網(wǎng)頁的素材。 3）規(guī)劃網(wǎng)站 一個網(wǎng)站設計得成功與否，很大程度上決定于設計者的規(guī)劃水平，規(guī)劃網(wǎng)站就像設計師設計大樓一樣，圖紙設計好了，才能建成一座漂亮的樓房。網(wǎng)站規(guī)劃包含的內(nèi)容很多，如網(wǎng)站的結(jié)構(gòu)、欄目

19、的設置、網(wǎng)站的風格、顏色搭配、版面布局、文字圖片的運用等，你只有在制作網(wǎng)頁之前把這些方面都考慮到了，才能在制作時駕輕就熟，胸有成竹。也只有如此制作出來的網(wǎng)頁才能有個性、有特色，具有吸引力。如何規(guī)劃網(wǎng)站的每一項具體內(nèi)容，我們在下面會有詳細介紹。4）選擇合適的制作工具 盡管選擇什么樣的工具并不會影響你設計網(wǎng)頁的好壞，但是一款功能強大、使用簡單的軟件往往可以起到事半功倍的效果。網(wǎng)頁制作涉及的工具比較多，首先就是網(wǎng)頁制作工具了，目前大多數(shù)網(wǎng)民選用的都是所見即所得的編輯工具，這其中的優(yōu)秀者當然是Dreamweaver和Frontpage了，如果是初學者，F(xiàn)rontpage2000是首選。除此之外，還有圖

20、片編輯工具，如Photoshop、Photoimpact等；動畫制作工具，如Flash、Cool 3d、Gif Animator等；還有網(wǎng)頁特效工具，如有聲有色等。 5）制作網(wǎng)頁 材料有了，工具也選好了，下面就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實了，這是一個復雜而細致的過程，一定要按照先大后小、先簡單后復雜來進行制作。所謂先大后小，就是說在制作網(wǎng)頁時，先把大的結(jié)構(gòu)設計好，然后再逐步完善小的結(jié)構(gòu)設計。所謂先簡單后復雜，就是先設計出簡單的內(nèi)容，然后再設計復雜的內(nèi)容，以便出現(xiàn)問題時好修改。在制作網(wǎng)頁時要多靈活運用模板，這樣可以大大提高制作效率。 6）上傳測試 網(wǎng)頁制作完畢，最后要發(fā)布到Web服務

21、器上，才能夠讓全世界的朋友觀看，現(xiàn)在上傳的工具有很多，有些網(wǎng)頁制作工具本身就帶有FTP功能，利用這些FTP工具，你可以很方便地把網(wǎng)站發(fā)布到自己申請的主頁存放服務器上。網(wǎng)站上傳以后，你要在瀏覽器中打開自己的網(wǎng)站，逐頁逐個鏈接的進行測試，發(fā)現(xiàn)問題，及時修改，然后再上傳測試。全部測試完畢就可以把你的網(wǎng)址告訴給朋友，讓他們來瀏覽。 7）推廣宣傳 網(wǎng)頁做好之后，還要不斷地進行宣傳，這樣才能讓更多的朋友認識它，提高網(wǎng)站的訪問率和知名度。推廣的方法有很多，例如到搜索引擎上注冊、與別的網(wǎng)站交換鏈。 8)維護更新 網(wǎng)站要注意經(jīng)常維護更新內(nèi)容，保持內(nèi)容的新鮮，不要一做好就放在那兒不變了，只有不斷地給它補充新的內(nèi)容

22、，才能夠吸引住瀏覽者。3.2預計達到的效果最開始，網(wǎng)頁呈現(xiàn)在你面前的時候，它就好像一張白紙，它需要你任意揮灑你的設計才思。在開始的時候，你需要明白，雖然你能控制一切你所能控制的東西，但假如你知道什么是一種約定俗成的標準或者說大多數(shù)訪問者的瀏覽習慣，那么你可以在此基礎(chǔ)上加上自己的東西。我相信過我的網(wǎng)頁您可以更加深入的了解我和我的朋友們3.3具備哪些功能我的個人主頁 首頁個人簡介我的朋友我的學校我的家鄉(xiāng)我的收藏圖3-3功能模塊圖我的網(wǎng)頁主要包括了主頁，個人簡介，我的朋友和愛好，友情連接等，主頁主要是用來顯示網(wǎng)頁的主要內(nèi)容。在主頁里，我嵌套了一副FLASH，在FLASH里面我又加入了一行字。個人簡介

23、主要是用來介紹自己和介紹自己的愛好，以便讓更多的人了解自己。友情連接主要介紹了一些重要的朋友，以便別人在瀏覽本網(wǎng)頁時可以更加了解我。本網(wǎng)頁還包括了很多東東，我就不一個一個的說明了。4、個人網(wǎng)頁功能模塊設計4.1主頁圖4-1我的個人主頁首先用軟件做了個導航，并加入了炫彩字，我的主頁里面包括個人簡介、我的朋友和其他模塊等等······為了不顯得頁面空洞，在主頁上面加入了一些介紹我的主頁的文字。4.2個人簡介圖4-2個人簡介如圖，這就是我的個人簡介，我在頁面里插入了我的照片，這里寫著我的個人信息和我的班級學號等，在此，我還制作了留言板，可以

24、讓大家給我留言和提出建議等。4.3我的朋友圖4-3我的好友我在這個頁面插入了背景圖片，在這里你可以看到我的好友和我的舍友，并且能了解到她們的性格和愛好等等。4.4其他模塊圖4-4我的學校這里有我的高中和大學。很美吧！圖4-5我的家鄉(xiāng)圖4-6我的收藏還有我的學校、我的家鄉(xiāng)、我的收藏等模塊可以進入，在這里相信你一定會有不少收獲的。5、小結(jié)通過制作網(wǎng)頁的過程我發(fā)現(xiàn)設計網(wǎng)頁要注意的問題 ：（1）、網(wǎng)頁的標題要簡潔，明確。 （2）、在文本要使用水平線，以分割不同部分。 （3）、對重點段落要強調(diào)顯示。 （4）、網(wǎng)頁中插入的圖片要盡量的小。 （5）、圖形要附加文字說明，以便關(guān)閉圖象時查看。 （6）、網(wǎng)頁中引

25、用的資料及商標不能侵犯版權(quán)。并且通過這個學期的學習，我學會了制作網(wǎng)頁，而且知道了知識的重要性。開始我以為，老師給我們的這次作業(yè)完成不了，因為我們是第一次接觸網(wǎng)頁，而且對Dreamweaver、Fireworks、Flash都不是很了解，但是通過學習，我完成這次作業(yè)，而且還懂得了許多的知識。盡管如此，但是我的網(wǎng)頁還存在著一些問題，如顏色的搭配不是很好，框架的結(jié)構(gòu)，可能還有其他一些我沒有發(fā)現(xiàn)的問題，這些問題都是需要注意的，我相信通過學習與老師的悉心教導，下一次的網(wǎng)頁我將會做得更好。不足之處，希望老師指導與批評。參考文獻1張豐.精品課程網(wǎng)站設計與開發(fā)J. 電腦知識與技術(shù),2008(22)2羅銳韌.A

26、SP網(wǎng)頁程序設計M.北京：清華大學出版社，20053汪鑫等.Web 程序設計M.北京：電子工業(yè)出版社，2005.14鄧文淵,陳惠貞，陳俊榮.ASP與網(wǎng)頁數(shù)據(jù)庫設計M.北京：中國鐵道出版社，2004.25宋昕.ASP網(wǎng)絡開發(fā)技術(shù)入門與提高實用教程M.北京：中國鐵道出版社，2005.46李曉黎.ASP+SQL Server網(wǎng)絡系統(tǒng)應用系統(tǒng)開發(fā)與實例M.北京：人民郵電出版社,2004.37馮立,周仲文,胡竹祥.基于ASP.NET的精品課程網(wǎng)絡平臺設計J.微計算機信息,2010(15)8何麗,王康生.高校精品課程網(wǎng)站前臺模塊化自主設計J.內(nèi)江師范學院學報,2010(4) 9傅惠娟.基于模板的精品課程建站系統(tǒng)的研究與應用J.計算機時代,2010(5)10常永英.ASP.NET程序設計教程（C#版）.機械工業(yè)出版社,2008(5)11陸鑫,羅克露.精品課程教學網(wǎng)站系統(tǒng)建設與教學信息化整體解決方案探索J.電子科技大學學報科技版,2005(7):55-5912龔志武.