個人網站設計及實現畢業(yè)設計論文.doc

《個人網站設計及實現畢業(yè)設計論文.doc》由會員分享，可在線閱讀，更多相關《個人網站設計及實現畢業(yè)設計論文.doc（9頁珍藏版）》請在裝配圖網上搜索。

1、知識不僅是指課本的內容,還包括社會經驗、文明文化、時代精神等整體要素,才有競爭力,知識是新時代的資本,五六十年代人靠勤勞可以成事；今天的香港要搶知識,要以知識取勝 個人網站設計及實現作 者：張 鐸指導教師：劉向嬌摘要：網絡發(fā)展到今天建立網站已經成為一個很普遍的問題了對于企業(yè)家來說建立好的網站可以搶占新世紀發(fā)展的戰(zhàn)略要點建立新的企業(yè)形象直接開拓國際市場對于個人來說建設好的個人網站可以更加方便的收集信息開展更加直接的網絡交流使用自己構造的平臺可以為畢業(yè)后找工作做好充分的準備在我的個人網站制作過程中主要是針對我網站設計的方向和目的、網站設計的整個流程出發(fā)然后通過自己設計的這個個人網站作品來說明并演示

2、一個網站制作過程這篇論文的主要內容是個人網站的設計思想整體規(guī)化及相關的基礎科知識網站的規(guī)化又包括網頁的結構、欄目的設置、網頁的風格、顏色的搭配、版面的布局、文字圖片的運用等關鍵詞：網站設計；網站規(guī)化；網站主題 隨著經濟的發(fā)展計算機以被應用到社會生活的各個領域這給人們的生活帶來很大的方便如今已成為人們日常生活中不可或缺少的部分人們可以足不出戶上網購物隨時查詢股票信息在自己的博客上盡情發(fā)表言論.以上這些都離不開最基本的網頁設計和制作1 網站作為網絡信息主要的表現形式而且還是互聯網信息的主要承載者在互聯網上表現出及其重要的地位并發(fā)揮著及其重要的作用無論是在國內還是國外都得以迅速的發(fā)展和壯大并被人們重

3、視和關注網站的迷人之處在于綜合使用文本、圖像、聲音、動畫視頻信息和內容具有豐富的多媒體表現與互動特點毋庸置疑網站已成為最吸引人的也是最有效的信息傳遞的手段和方式隨著網絡技術的發(fā)展各類網站紛紛出現個人網站也成為了一種時尚越來越多的人希望擁有自己的網站開辟網絡世界的一片天地展示自己的才華和風格2 個人網站是指個人因某種興趣、擁有某種專業(yè)技術提供某種服務或把自己的作品、商品展示銷售而制作的具有獨立空間域名的網站所謂個人網站就是指網站內容是介紹自己的或是以自己的信息為中心的網站3 一 網站設計規(guī)化 1.1 什么是網站網站是因特網上的一個信息集中點可以通過域名進行訪問網站要存儲在獨立服務器或者服務器的虛

4、擬主機上才能接受訪問網站是有獨立域名、獨立存放空間的內容集合這些內容可能是網頁也可能是程序或其他文件不一定要有很多網頁只要有獨立域名和空間哪怕只有一個頁面也叫網站網站就是在互聯網上的一塊固定的面向全世界發(fā)布消息的地方它由域名和網站空間構成衡量一個網站的性能通常從網站空間大小、網站位置、網站連接速度、網站軟件配置、網站提供服務等幾方面考慮1.2 網站建設的目的網站的建設不僅僅是制作主頁的問題還需要考慮網站的定位、目標用戶、網站內容、服務事項、空間方案、安全性、藝術設計等等任何網站在建設之前都必須明確文向、用途和服務群體等一系列的問題寫出詳細的建站計劃可以說這是網站建設的根源和核心所在這里我的個人

5、網站主要是讓更多的人認識到我了解我借助網絡的這個平臺來展示我自己還有我希望能交到和我一樣懷著夢想起航的朋友1.3 本站的明確目的不同的網站目的要求通過不同的方式來實現一個展示個人能力的網站與一個以花卉種植為主題的網站以及一個大型門戶網站和一個小型企業(yè)網站其出發(fā)點和建站目的都有所不同在整個網站的建設規(guī)化方面的要求也是肯定不一樣的因此在規(guī)化我的網站時我選擇的是與我本人相關的內容來作為主題的 網站預計的用戶群體：對于網站的設計者和建設者來說在設計規(guī)化網站時必須要明確自己網站的瀏覽都也就是確定自己的用戶群體在已經確定了建設目的的前提下應根據建站方向所會導致出現的不同用戶群體的需求來規(guī)化設計整個網站我的

6、這個網站就確定了以懷著夢想奮斗的人為用戶群體1.4 軟件準備在網頁的設計過程中因人而宜每個人使用的軟件也許不同 Dreamweaver與Flash、 Fireworks這3者被用戶稱為網頁設計三劍客Dreamweaver的優(yōu)勢在于它不僅是優(yōu)秀的所見即所得的編輯軟件同時也兼顧了HTML源代碼可以讓用戶很方便地在兩種模式之間的切換 Dreamweaver采用所見即所得的直觀設計模式充分尊重設計人員的原始意識和想像力它成功地將網頁設計功能中的技術實現部分和設計部分分開還提供眾多的可視化設計工具、應用開發(fā)環(huán)境以及代碼編輯支持如利用鼠標拖曳來添加表格、圖像等元素在方檔中直接輸入文本直接插入一些常用的特殊

7、符號對象等用戶在沒有輸入代碼的情況下完成了上述工作Dreamweaver自動將結果轉換為HTML源代碼用戶也可以隨時查看方檔的HTML源代碼在代碼視圖中進行修改 二 網站的總體設計 2.1 確定網站主題做網站首先必須要解決的就是網站內容問題即確定網站的主題如果自己在某些方面有興趣或掌握的資料越多也可以做一個自己感興趣的東西你可以有自己的見解做出自己的特色對于內容主題的選擇要做到小而精主題定位要小內容要精不要去試圖制作一個包羅萬象的站點這往往會失去網站的特色也會帶來高強度的勞動給網站的及時更新帶來困難我的網站主題是以我個人相關的資料來制作的2.2 確定網站形象網站形象的設計可以從網站標志、網站色

8、彩、網站字體網絡宣傳語等這些方面著手網站色彩網站給人的第一印象來自視覺沖擊不同的色彩搭配產生不同的效果并可能影響到訪問者的情緒標準色彩是指能體現網站形象和延伸內涵的色彩給人以整體統(tǒng)一的感覺我個人網站的色彩是以粉色為主淡粉色和冰粉色為輔給人一種浪漫的感覺仿佛生活在虛幻的世界里 網站字體和標準色彩一樣標準字體是指用于標題、主菜單的特有字體為了體現網站的特有風格可以根據自已網站所表達的內涵選擇更貼切的字體我的個人網站的標準字體是幼圓給人一種沉穩(wěn)而不失俏皮的感覺2.3 確定網站風格 風格是抽象的是指網站的整體形象給瀏覽者的綜合感受這個整體形象包括網站的標志、色彩、字體、標語等諸多因素網站是可以平易近人

9、、生動活潑的也可以是專業(yè)嚴肅的不管是色彩、技術、文字、布局、還是交互方式只要你能由此讓瀏覽者明確的分辨出這是你網站獨所有的這就形成了風格 風格是有人性的通過網站的色彩、技術、文字、布局、交互方式可以概括出一個網站的個性；我的網站風格是以浪漫為主給人一種夢幻的感覺2.4 確定網站內容我的個人網站大體上包括了一些內容：首頁、網頁設計、動畫特效、網頁素材、相關軟件、作品展示、本站論壇、游客留言等網站常用內容方便大家瀏覽三 具體實現與分析 3.1 首頁一個網站的首頁是一個文檔當一個網站服務器收到一臺電腦上網絡瀏覽器的訊息連結請求時便會向這臺電腦發(fā)送這個文檔當在瀏覽器的位址列輸入域名而未指向特定目錄或檔

10、案時通常瀏覽器也會打開網站的首頁 網站首頁往往會被編輯得易于了解該網站提供的資訊并引導互聯網用戶瀏覽網站其他部分的內容這部分內容一般被認為是一個目錄性質的內容如圖1 圖13.2 網頁設計模塊 為了滿足廣大網頁制作愛好者的學習需求本網站推出新版的網頁制作教程該教程使用Dreamweaver CS5作為開發(fā)工具結合老師的網站開發(fā)經驗為大家講解網頁制作的每個環(huán)節(jié)希望通過本套課程的學習大家能靈活運用Dreaweaver完成網站的開發(fā)如圖2 圖23.3 網頁特效模塊 提供包括鼠標類類、文字類、菜單類、背景類、圖形類、播放器等網頁特效代碼力求做到收集最全網站可能的關注這方面的最新發(fā)展趨勢不斷更新自己的網站

11、盡可能的收集最新的網頁特效代碼如圖3圖33.4 網頁素材模塊提供各種新式素材包含圖片、動畫、flash、音樂等方便網頁及網站制作時參考即借鑒之用如圖4圖43.5 相關軟件下載模塊 提供網站及網頁制作所需的必要工具如Dreamweaver、Flash、 Fireworks等相關必備軟件下載如圖5圖53.6 作品展示模塊提供多種多樣名人或企業(yè)個人網站供大家學習參考豐富大家的知識詳細內容如圖6所示圖63.7 論壇及留言模塊論壇又名網絡論壇BBS全稱為Bulletin Board System（電子公告板）或者Bulletin Board Service（公告板服務）是Internet上的一種電子信息

12、服務系統(tǒng)它提供一塊公共電子白板每個用戶都可以在上面書寫通過留言的方式可發(fā)布信息或提出看法它是一種交互性強內容豐富而及時的Internet電子信息服務系統(tǒng)用戶在BBS站點上可以獲得各種信息服務發(fā)布信息進行討論聊天等等如圖7所示圖7四 總結 經過老師耐心細致的指導及同學之間的相互交流同時翻閱了大量的資料(包括網上資料、書本及學校的一些相關資料)經過近一段時間的努力個人網站的設計制作告一段落總結這次揚帆起航-個人網站開發(fā)制作過程我使用了目前因特網上比較流行的各種靜態(tài)制作方法及交互動態(tài)網站的制作設計手段并對初步利用后臺程序完成了網站的動態(tài)響應與生成網頁的技術同時也從中學習了對靜態(tài)網頁的處理風格色彩搭配

13、頁面導航方面有了一定的經驗 目前網站的制作技術與要求都已經告別了因特網初期網站制作的幼稚期隨著各類網站的迅速增加與瀏覽者需求的提高無不要求網站從立意、策劃、頁面設計到后臺程序的全面提高無論是個人網站還是企業(yè)網站都必須被要求從瀏覽者角度出發(fā)最大限度的滿足用戶的要求這也是以后各類網站發(fā)展競爭的真正實質所在 本次設計由于設計時間比較緊且相關模塊比較多加之設計經驗的不足在網站的整體設計及各模塊功能可能設計的不完全有待于進一步的完善和改進 參 考 文 獻1 http:/ http:/ http:/ website design and RealizationZhang DuoAbstract: the

14、network development to today to establish the website has become a very common problem. For the entrepreneur build good website can seize strategic points of development in the new century. To establish a new corporate image to open up international market directly. For an individual build good pers

15、onal website can be more convenient to collect information carry out more direct communication using the constructed their own platform can find a job after graduation fully prepared.In my personal website design process is mainly based on our web site design web site design purpose and direction of

16、 the entire process and through their own design of this personal website works to explain and demonstrate a website production process. The main content of this thesis is a personal website design overall planning and related basic knowledge. Site planning and webpage structure section design webpa

17、ge style color layout of the layout text and images using. There are the theme of the site is to be included in the main contents a site must have a clear theme especially the personal web site not as separate webpage that becomes less content while the single so to find the content they are interested in so deep so thoroughly show their own characteristics so as to leave deep impression.Keywords: website design； website programming；website theme ?第 1 頁 （共 9 頁）