個人網(wǎng)頁與制作-數(shù)字媒體技術畢業(yè)設計論文_第1頁
個人網(wǎng)頁與制作-數(shù)字媒體技術畢業(yè)設計論文_第2頁
個人網(wǎng)頁與制作-數(shù)字媒體技術畢業(yè)設計論文_第3頁
個人網(wǎng)頁與制作-數(shù)字媒體技術畢業(yè)設計論文_第4頁
個人網(wǎng)頁與制作-數(shù)字媒體技術畢業(yè)設計論文_第5頁
已閱讀5頁，還剩9頁未讀， 繼續(xù)免費閱讀

下載本文檔

版權說明：本文檔由用戶提供并上傳，收益歸屬內容提供方，若內容存在侵權，請進行舉報或認領

文檔簡介

PAGE個人網(wǎng)頁與制作所屬系部：傳媒藝術系專業(yè)：數(shù)字媒體技術班級：姓名：學號：指導老師：提交時間：目錄TOC\o"1-3"\h\u10743摘要 130768第一章緒論 218580第二章個人網(wǎng)頁與制作 3161082.1分析與策劃 369822.2概念的研發(fā) 397952.3原型設計 3191012.4設計軟件的介紹 4238872.5布局設計 5304412.6網(wǎng)頁界面版式設計 55682.7個人網(wǎng)站內頁設計 612391結語 1027697致謝 11449參考文獻 12PAGEPAGE8摘要中文摘要：在當今世界上，電腦信息網(wǎng)絡使人們可以在全范圍內交換各種信息，正所謂”足不出戶能知天下事”。在目前全球性電腦信息網(wǎng)絡中，最為成功、覆蓋面最大、信息資源最豐富的當屬INTERNET。INTERNET被認為是未來新球信息最高公路的雛形它把分布在世界各地、各部門的電子計算機存儲在信息庫里信息資源通過網(wǎng)絡連接起來，從而實現(xiàn)了信息交換，資源共享。在這樣的情況下，我們人類的生活各個方面產(chǎn)生了深刻的影響，越來越多的企業(yè)事業(yè)單位都建立了自己的門戶網(wǎng)站，利用互聯(lián)網(wǎng)宣傳自己、進行電子商務、聯(lián)系客戶和結交朋友，通過建設網(wǎng)站已經(jīng)成為了網(wǎng)頁最熱門的領域行業(yè)。英文摘要：Intoday'sworld,thecomputerinformationnetworktomakeallkindsofinformationcanbeexchangedwithinthescopeofthewholepeople,istheso-called\"neverleavehomecanknowwhat'sgoingonintheworld\".Inthecurrentglobalcomputerinformationnetwork,themostsuccessful,thecoverageofthelargestandmostabundantinformationresourcesistheINTERNET.TheINTERNETisconsideredtobethefuturenewballinformationhighwayhighestcheeperitaroundtheworld,departmentsofcomputerinformationstoredinthelibraryinformationresourcesthroughthenetworktoconnect,soastorealizetheinformationexchange,resourcesharing.Inthiscase,weallaspectsofhumanlifehashadaprofoundeffect,moreandmoreenterprisesandinstitutionshavesetuptheirownwebportal,usingtheInternettopromotethemselves,fore-commerce,contactcustomersandmakefriends,throughtheconstructionsitehasbecometheweb'smostpopularindustryfield.關鍵詞：網(wǎng)站設計資源共享信息交換

第一章緒論事實已經(jīng)證明了，國民經(jīng)濟的迅速增長，必然促進了人們收入的提高，英特（Internet)的蓬勃發(fā)展，對人類的生活的各個方面產(chǎn)生了深刻的影響，越來越多的企業(yè)事業(yè)單位都建立了自己的門戶網(wǎng)站。利用互聯(lián)網(wǎng)宣傳自己，進行電子商務，聯(lián)系客服，結交朋友。在現(xiàn)實生活中我們交友有很多的方式，但都是局限性的，建設個人網(wǎng)站的好處是能夠在全球的人都能認識到你。可以在網(wǎng)上同時交流，利用個人網(wǎng)站可以建立一個朋友圈，共同在這個朋友圈里面開懷暢談，這是一個最佳的選擇。第二章個人網(wǎng)頁與制作2.1分析與策劃圖片制作一個網(wǎng)頁是為了更好的交流，擴充影響力度，更是增也加朋友之間信息傳遞，同樣也展示了我們的另一面，利用自己所學的專業(yè)，來展現(xiàn)自我風采，通過網(wǎng)頁的制作構建了一個信息平臺，要制作一個好的網(wǎng)站是需要收集信息和資料的整理，要有創(chuàng)新的意識，明確的設計方案。通過收集來的信息分析，來確定網(wǎng)站的定位。對即將要做的工作有進一步的了解，包括站點目標用戶，需要在網(wǎng)頁中展現(xiàn)的內容并梳理其中的邏輯關系，分清層次及重要層度，確定網(wǎng)站的主題風格、頁面元素、邏輯關系、結構關系等。2.2概念的研發(fā)經(jīng)過前面的網(wǎng)站策劃后，大致有了設計思路?？梢詷嫿ú輬D來呈現(xiàn)一個網(wǎng)站的設計結構，布局導航等。精美有趣的，網(wǎng)站首頁可以在一時間內抓住瀏覽者的好奇心，吸引瀏覽者們的注意力。為此，可以在首頁設計設置與網(wǎng)站內容設置相關的游戲，在個人網(wǎng)頁設計的時候，用自己所學專業(yè)，來展示做的作品集，體現(xiàn)我專業(yè)的性質。內容一定要和形式完美統(tǒng)一，才能達到理想的效果視覺上作出了宣傳的效果，這些都要開始在制作網(wǎng)站要考慮并作出規(guī)劃。2.3原型設計在繪制草圖后，應該根據(jù)網(wǎng)頁的結構，繪制出原型線框圖，對頁面進行合理的分區(qū)布局和導航方式，并具體的表示出布局元素的ID號或者是CSS類名，父元素與子，同時在元素的嵌套關系等同時在這一步應該規(guī)劃好導航。表單涉及的內容及其交互式方面的內容，要追求易用性。網(wǎng)頁的原型設計也是分步驟的實現(xiàn)的，先要把一個頁面分不成若干個大部分，然后在細化。一般可以使用（Coreldraw、photoshop）來制作原型的設計軟件。2.4設計軟件的介紹1.HTML，是一種編寫程序的語言，而是一種來描述網(wǎng)頁的語言，它是目前網(wǎng)絡上應用最為廣泛的語言，也是構成網(wǎng)頁文檔的主要語言。2.設計HTML語言的目的是為了能把存放在一臺計算機上的信息，與另外一臺計算機中的信息方便的聯(lián)系在一起，形成右擊的整體，使得人們不用考慮具體的信息是在當前計算機上還是在網(wǎng)絡上的其他計算機一起，形成了右擊的整體。使人們只需要用鼠標在文檔中相關位置中點擊，Internet就會馬上轉達到與之相關的內容上去，這些信息可能存放在網(wǎng)絡的另一臺計算機中。另外，結合的復雜頁面，這些頁面可以被網(wǎng)上任何其他人瀏覽到，無論瀏覽者使用是什么類型的文件的計算機和瀏覽器。3.HTML標記語言使用一套標記標簽（markuptag)來描述網(wǎng)頁。HTML標記標簽通常被稱為HTML標它是由尖括號，包括關鍵詞，如,<Html><P>.HTML標記標簽通常被通常是成對出現(xiàn)的，如<b>和，<b>標記對中的第一個標簽是開始標簽，第二個標簽是是結束標簽，開始和結束標簽也被稱為開放標簽和閉合標簽。有些標簽是沒有結束標簽的，有些標簽是沒有開放標簽和閉合標簽，如<br>、<hr>等，這些標簽也稱為空標簽。4.HTML文件HTML文件用來描述網(wǎng)頁，它是一個文本文件，但和一般文本不同的是，一個HTML文件不僅包含文本內容，還包含一些HTML標簽。2.5布局設計(1)使用HTML和CSS對頁面進行布局。在理解的基礎上，開始構建網(wǎng)站的內容結構。先不要管CSS，完全從網(wǎng)頁的內容出發(fā)，利用HTML構建出網(wǎng)頁的內容結構可以了解，通過下圖我們可以了解到這是用HTML和CSS定義布局的首頁代碼。（2）任何一個頁面，應該盡可能的保證不適用CSS的情況下，依然保持良好的結構和可讀性。這不僅僅是對訪問者有很大的幫助而且對于可以幫助網(wǎng)站被Google，百度的搜索引擎收錄，這對于網(wǎng)站的提升訪問是至關重要的。頁面的HTML將完整后，接下來開始加入CSS進行布局。具體來說首先應該對頁面整體的進行設置，把瀏覽器中有相同的表現(xiàn)。接下來依次對頁面的各個部分進行布局設置，頁頭，中間部分和頁腳等設定好。2.6網(wǎng)頁界面版式設計在制作網(wǎng)站的時候，第一步：是準備大量的素材。比如：PS做的特效圖來定義我的首頁圖片，Coreldraw的特效圖作為我近期的作品。還包括WPS的文檔簡歷，照片，文字的信息內容。依靠以前的積累，啟發(fā)自己的創(chuàng)意。第二步：近期的作品和項目經(jīng)驗來結合這些材料產(chǎn)生創(chuàng)意。第三步：是對我的作品創(chuàng)意進行修正細化分別取名。平時多學習一下優(yōu)秀的網(wǎng)站的設計創(chuàng)意會有所啟發(fā)的，在版式設計方面，我采用的節(jié)約的風格來設計的，版式是網(wǎng)頁設計的核心。通過對圖片和照片的等元素進行排列，將網(wǎng)站理念個性的體現(xiàn)出來，在網(wǎng)頁設計中我覺得版式是最重要的一點作用就是把藝術與內容的結合，清晰的傳了給瀏覽者，能在心里留下印象。在專業(yè)內容的組織方面，應當考慮到把優(yōu)質的專業(yè)內容在網(wǎng)站中特別突出來。但同時除了優(yōu)質的專業(yè)內容之外，還應該具有一般性的內容，我的看起來比較簡單，但是都運用了自己所學的東西，完整的組合起來的，使網(wǎng)站內容重點突出也是應該同時做到的。主題和內容的形式統(tǒng)一起來，構建了一個網(wǎng)站。2.7個人網(wǎng)站內頁設計個人網(wǎng)站主要是由首頁、個人主頁、作品展示、基本信息與聯(lián)系四個頁面，這就需要運用到PS這一軟件。Photoshop是Adobe公司旗下最為出名的圖像處理軟件之一，集圖像掃描、編輯修改、圖像制作、廣告創(chuàng)意，圖像輸入與輸出于一體的圖形圖像處理軟件，網(wǎng)站制作需要用到PS里面的切片工具，這能讓自己在最短的時間內獲取到自己想要運用到網(wǎng)站上的素材。在首頁的版式設計中主要是以圖片為主，色調以灰白色系為主，上下結構的導航條，這樣能簡潔明了，再利用Photoshop的特效圖突顯出我想要表達網(wǎng)頁設計。在頁面左邊的設有4個導航條，右邊是實踐小作品。子網(wǎng)頁的項目經(jīng)驗部分是采用web前端，先后在網(wǎng)頁制作瀏陽新聞網(wǎng)，網(wǎng)頁設計每家每戶論壇前臺設計，瀏陽麥芽公眾平臺有“瀏陽社會民生，瀏陽生活服務，瀏陽攝影，瀏陽旅游，瀏陽愛心公益，分享美食吃遍瀏陽，招聘求職，情感家園，詩詞書畫，房屋出租”都是有關于10個項目的包括了一些瀏陽每家每戶論壇新聞開發(fā)的美工和優(yōu)化工作。第二個部分就是我的作品展示了，主要是將我們平時實踐課上的一些實踐的小作品，用攝影里的照片來展示我的藝術風采，這里面包含了西湖落日、芙蓉國里、金色花蕊、流金溢彩、簇簇紅花、美麗的蒲公英。進行一系列的規(guī)劃，每一張都可以在鼠標右擊方式，在新標簽頁中打開。第三部分是我的個人簡介部分，從簡單的介紹方面來看，可以清楚的了解到，我大學三年的學習生活的經(jīng)歷，對即將要結束大學生活，我想通過網(wǎng)頁制作來把它當做我人生歷程的一種回憶。第四部分的是與我聯(lián)系，建立是為了能夠廣泛的的交友，讓更多的了解到我?？吹轿业淖髌氛故?，也可以是與網(wǎng)友來一個互動交流的一種方式。希望通過這個人網(wǎng)站的建立，能有更多的寶貴意見，讓我認識到自己在制作中的不足，加強我的專業(yè)方面的改進。完成網(wǎng)頁的制作后，利用這些FTP工具來你可以很方便地把網(wǎng)站發(fā)布到“服務器空間”存放做好的網(wǎng)頁，在網(wǎng)上可以尋找免費的空間服務通常沒有保證，所以最好花一定的費用租用“服務器空間”以及申請一個域名。最后發(fā)布到Web服務器上面網(wǎng)上上傳以后，可以在自己瀏覽其中打開，還可以逐頁逐個的鏈接測試，發(fā)現(xiàn)問題及時的解決，然后在上傳測試，最終完善好，以后可以把網(wǎng)址發(fā)給大家來進行瀏覽。結語經(jīng)過了兩個多月的努力，在寫網(wǎng)站的構建分析時，我出現(xiàn)很多的問題，比如網(wǎng)站的定位風格，素材缺少，色調的匹配，但都在老師和同學的幫助下順利的完善好了，通過這一次綜合的實踐設計，我覺得在制作一個網(wǎng)頁，除了完整的素材以外，還需要有明確的定位方針，來系統(tǒng)的整合。在實踐的過程中我體會最深的就是，對待問題不能盲目的就把它填充了，而是要冷靜的思考，或許是多去觀察瀏覽一些優(yōu)秀網(wǎng)站的設計，認真的分析自己的網(wǎng)站內容和別人的的網(wǎng)站內容，區(qū)別在哪里，認清問題所在，再經(jīng)過細細的修改，來填補我的不足之處。致謝岳麓山依舊，湘江水長流！轉眼間，我已經(jīng)在學院度過了將近三個年頭，從高考那場盛大的典禮邁出走進大學這個神圣的殿堂，我從青澀走向成熟，我的三年，是我永遠值得懷念的三年！通過一段時間的不懈努力，今天終于可以完成畢業(yè)設計論文最后的部分，在畢業(yè)設計的完成，乃至學業(yè)的完成過程中，有多少可敬的師長、同學和朋友給了我莫大的支持與幫助。在這里請接受我誠摯的謝意！首先我要感謝學院，給了我一個學習的舞臺，一個成長的舞臺！然后，我要感謝我的指導老師，從我論文的選題到最后的完成，每一步都傾注了老師的心血。是她給了我大力的支持與幫助、耐心的輔導與解惑。老師是一教風嚴謹為人正直的好老師。在教師這個神圣而又值得人尊敬

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內容里面會有圖紙預覽，若沒有圖紙預覽就沒有圖紙。
  • 4. 未經(jīng)權益所有人同意不得將文件中的內容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內容的表現(xiàn)方式做保護處理，對用戶上傳分享的文檔內容本身不做任何修改或編輯，并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論