動漫畢業(yè)設(shè)計論文

鄭州電力職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計說明論文成績指導(dǎo)教師白燕青答辯成績主答辯教師綜合成績答辯委員會主任 1 2一概述 3(一)軟件的選用與簡介 3(三)課題研究的主要簡介 4二設(shè)計準(zhǔn)備 4 4(二)確定網(wǎng)站主題 5 5 6三各模塊簡介 6 6 6 7 8 8四具體實現(xiàn)與分析 9 9(二)站點的建設(shè)與收集素材 9 (四)用框架表格進(jìn)行布局和排版 (七)網(wǎng)頁設(shè)計過程圖 1隨著互聯(lián)網(wǎng)的飛速發(fā)展，電腦網(wǎng)絡(luò)已應(yīng)用到各個領(lǐng)域，普及到千家萬戶，無論是國內(nèi)還是國外都迅速的發(fā)展起來。現(xiàn)在，網(wǎng)絡(luò)已經(jīng)成為人們快速獲取信息、發(fā)布信息和傳輸信息的主要渠道，成為每個人生活中的一部分，同時網(wǎng)絡(luò)也提供了一個很好的信息交換平臺。目前，網(wǎng)頁設(shè)計和網(wǎng)站建設(shè)成為新時代的一個熱點。網(wǎng)絡(luò)已經(jīng)滲透到各個領(lǐng)域，無論是企業(yè)還是個人，網(wǎng)絡(luò)為我們提供了很好的信息交流平臺。政府利用網(wǎng)站宣傳自己的政策、企業(yè)利用網(wǎng)站宣傳自己的形象、學(xué)校利用網(wǎng)站宣傳自己的教育、個人利用網(wǎng)站展示自己的個性風(fēng)采。越來越多的人都希望擁有自己的個性網(wǎng)站，展現(xiàn)自己的個性風(fēng)采。通過建設(shè)網(wǎng)站，我們可以展示自己，與別人交流學(xué)習(xí)，求職等等。本網(wǎng)站主要從AdobeDreamweaver入手，實現(xiàn)網(wǎng)站系統(tǒng)的主頁瀏覽模塊、從網(wǎng)站設(shè)計的主頁、界面設(shè)計方面研究。論文主要論述了本人所做畢業(yè)設(shè)計課題《動漫主題網(wǎng)站設(shè)計》的技術(shù)背景、設(shè)計理念、概要設(shè)計、詳細(xì)設(shè)計以及最后效果展示等方面內(nèi)容，詳細(xì)的介紹了本人對于設(shè)計簡單網(wǎng)站的一套設(shè)計過程和相關(guān)技術(shù)難點的解決方法。關(guān)鍵詞：動漫網(wǎng)站；Dreamweaver;網(wǎng)站設(shè)計2隨著科技的進(jìn)步、時代的發(fā)展，計算機信息行業(yè)也逐步壯大，人們也越來越網(wǎng)站作為網(wǎng)絡(luò)信息主要的表現(xiàn)形式而且還是互聯(lián)網(wǎng)信息的主要承載者，在互聯(lián)網(wǎng)上表現(xiàn)出了它及其重要的地位，并發(fā)揮著及其重要的作用，無論是國內(nèi)還是國外都迅速的發(fā)展和壯大，并被人們重視。網(wǎng)站的迷人之圖像、聲音、動畫視頻信息和內(nèi)容，具有豐富的多媒體表現(xiàn)與互動特點。毋庸置疑，網(wǎng)站已成為最吸引人的也是最有效的信息傳遞的手段與方式。隨著網(wǎng)絡(luò)技術(shù)隨著動漫產(chǎn)業(yè)，動漫文化的不斷發(fā)展，動漫已經(jīng)從過去的低年齡層向全民動漫方向發(fā)展，動漫產(chǎn)業(yè)鏈逐步完善，喜歡動漫的愛好者越來越多。當(dāng)然市場需求獲得更多的·些能滿足他們各種愛好的資源集中地，而動漫網(wǎng)站則包含了動漫和動漫論壇，滿足了廣大動漫迷的需求，逐漸形成了動漫一種文化特色存在。3一概述(一)軟件的選用與簡介所見即所得網(wǎng)頁編輯器，它是第一套針對專業(yè)網(wǎng)頁設(shè)計師特別發(fā)展的視覺化網(wǎng)頁開發(fā)工具，利用它可以輕而易舉地制作出跨越平臺限制和跨越瀏覽器限制的充滿動感的網(wǎng)頁。Dreamweaver具有制作效率高、操作直觀、簡單易學(xué)、站點管理方便等無可比擬的控制能力優(yōu)勢，但它也同樣存在著難以精確達(dá)到與瀏覽器完全一致、不能實時更新、不能對大量信息進(jìn)行更改、操作不方便、頁面原始代碼難以控制等不足。本設(shè)計選用的是DreamweaverCS6。AdobePhotoshopCS4作為Adobe公司出品的最出色的圖形圖像處理軟件，Photoshop以其強大的功能向我們證明著它的名至實FNi÷圖金jpg104!圖B石要2.9:日圖1-1一些被PS處理過的圖片(二)選題的目的和意義動漫作為一個文化產(chǎn)業(yè)，以其獨特的優(yōu)勢，新穎的特點，廣大的受眾，政府的扶持，迅速在各個市級城市體現(xiàn)價值，各個地方也都把動漫產(chǎn)業(yè)作為經(jīng)濟(jì)新的增長點，與此同時，大量動漫從業(yè)者涌入社會，各種機會，挑戰(zhàn)應(yīng)運而生，動漫市場的虛火與雜化為目前主要表現(xiàn)特征，從業(yè)者面臨更多困境，從而有些轉(zhuǎn)入相關(guān)行業(yè)。4在Internet飛速發(fā)展的今天，互聯(lián)網(wǎng)已成為人們快速獲取、發(fā)布和傳遞信息的重要渠道，因此網(wǎng)站建設(shè)在Internet應(yīng)用上的地位越來越重要了。目前Internet上已有上百萬個web站點，其內(nèi)容范圍跨越了教育科研、文化事業(yè)、金融、商業(yè)、新聞出版、娛樂、體育等各個領(lǐng)域，其用戶群十分龐大。動漫設(shè)計網(wǎng)站成為越來越多動漫愛好者和非動漫愛好者獲得信息和交流的平臺，它滿足了廣大用戶隨時隨地進(jìn)行交流和溝通的需要，為網(wǎng)上用戶提供交流場所，實現(xiàn)高效動現(xiàn)在雖然有很多動漫網(wǎng)站，但版面干篇一律，缺乏個性化、前瞻性、頁面設(shè)計混亂，不利于用戶查看，因此我針對以上問題設(shè)計一個個性化、能個用戶帶來特殊視覺感動的動漫網(wǎng)站。網(wǎng)站實現(xiàn)的基本模塊有顯示動漫雜談信息，在線觀看動漫影片，動漫愛好者可以根據(jù)自己的需要進(jìn)行瀏覽，本網(wǎng)站的主要特色是頁面新穎友好，內(nèi)容直觀，操作簡單方便，適用于廣大動漫愛好者。(三)課題研究的主要簡介現(xiàn)在互聯(lián)網(wǎng)是社會發(fā)展的必然趨勢，很多人已經(jīng)意識到網(wǎng)絡(luò)強大生命力和它在未來將要處于的重要地位。他們進(jìn)行鉆研并且努力進(jìn)入到一個新的空間、新的在我們的日常、休閑生活當(dāng)中，越來越多的人喜歡觀看動漫。就這個課題的研究，因為是介紹動漫的網(wǎng)站，所以我只選擇了自己擅長和喜愛的動漫內(nèi)容，在突出動漫的風(fēng)格個性和特點的同時，還應(yīng)用了我所學(xué)過的的網(wǎng)站設(shè)計技術(shù)和“動漫網(wǎng)站要發(fā)展，要從動漫愛好者的需求出發(fā)，網(wǎng)頁設(shè)計是一門新興起的確立一般是建立在各種各樣的需求上面的，這是動漫網(wǎng)站分析需求，并且又能夠準(zhǔn)確、清晰地以文檔的形式表達(dá)出來，保證開發(fā)過程以動(一)設(shè)計愿望越來越多的人喜歡上動漫，這就出現(xiàn)了越來越多的動漫網(wǎng)站設(shè)計以及推廣的就我個人來說，我之所以在畢業(yè)設(shè)計的時候選擇這個課題是因為我自己也是一個動漫愛好者，在互聯(lián)網(wǎng)上擁有我自己的一席之地，從而真正的參與到互聯(lián)網(wǎng)中去，做個網(wǎng)絡(luò)新時代的主人，同時也希望自己喜歡的一些動漫能夠和大家一起5(二)確定網(wǎng)站主題做網(wǎng)站，首先必須要解決的就是網(wǎng)站內(nèi)容的問題，即是確定網(wǎng)站的主題。如果自己在某些方面越有興趣，或掌握的資料越多，就可以做一個自己感興趣的東西。你可以有自己的見解，做出自己的特色網(wǎng)站。當(dāng)然，也可以推銷自己，讓別人了解自己，和別人進(jìn)行溝通和交流，展示一些自己的東西，讓大家更好地了解自己。對于內(nèi)容主題的選擇，要做到小而精，即主題定位要小，且內(nèi)容要精。不要去試著作一個包羅萬象的站點，這往往會失去你的網(wǎng)站的特色，也會帶來很大的勞動，給網(wǎng)站的及時更新帶來更大的困難。我的網(wǎng)站主題是以我個人喜愛的動(三)確定網(wǎng)站形象網(wǎng)站色彩，網(wǎng)站給人的第一印象來自于視覺的沖擊，不同的色彩搭配會產(chǎn)生和延伸內(nèi)涵的色彩，給人們一種以整體統(tǒng)一的感覺。我個人網(wǎng)站的色彩是以淺藍(lán)色色為主，淺藍(lán)色的字體和淺色的圖像給人一種舒服的感覺，仿佛生活在虛幻的網(wǎng)站字體，和標(biāo)準(zhǔn)色彩一樣，標(biāo)準(zhǔn)字體是指用于標(biāo)題、主菜單的一些特有字體。為了體現(xiàn)網(wǎng)站所特有的風(fēng)格，可以根據(jù)自己的網(wǎng)站所表達(dá)的內(nèi)涵，選擇更貼四四月是你的謊言首頁關(guān)于言風(fēng)漠人修介紹在線觀看動浸簡介級生6(四)確定網(wǎng)站內(nèi)容我的動漫網(wǎng)站大體上包括了一些內(nèi)容：首頁、關(guān)于宮園薰、人物介紹、在線三各模塊簡介一個網(wǎng)站的首頁其實是一個文檔，當(dāng)一個網(wǎng)站服務(wù)器收到一臺電腦上網(wǎng)絡(luò)瀏覽器的信息連接請求時，便會向這臺電腦發(fā)送這個文檔。當(dāng)在瀏覽器的位址列輸入域名，而并未指向特定目錄或檔案時，通常瀏覽器會打開網(wǎng)站的首頁。網(wǎng)站首頁往往會被編輯的很易于了解該網(wǎng)站所提供的所有資訊，并引導(dǎo)互聯(lián)網(wǎng)用戶瀏覽網(wǎng)站其他部分的內(nèi)容。這部分內(nèi)容一般被認(rèn)為是一個目錄性質(zhì)的內(nèi)容，我的動漫網(wǎng)站的首頁給大家一目了然的感覺，打開首頁就可以了解我的個人網(wǎng)站的設(shè)計風(fēng)格還可以看到一些特定的功能，大家可以盡情地瀏覽其中的(一)首頁模塊介紹了一些關(guān)于動漫《四月是你的謊言》的的基本信息，比如女主角的姓名、學(xué)校、興趣愛好、還有一些動漫里的經(jīng)典語錄、包括網(wǎng)頁背景音樂等。希望大家可以進(jìn)一步的了解《四月是你的謊言》這部動漫。如下圖1-3所示。首員關(guān)于自酬道人物介組在線藏著動度編合E,工萬(二)關(guān)于宮園薰介紹了宮園薰的一些基本信息，里面有宮園薰的資料(宮園薰，女，市立墨谷中學(xué)初三學(xué)生，小提琴手。家中開蛋糕店，喜歡小孩子積極向上的心態(tài)也感染了身邊的人，有時候意外的會說出意義深刻的話或者引言。喜歡美食，特別是甜食。)如下圖1-4所示7四月是你的調(diào)言四月是你的調(diào)言為中老也孫意則ms*r#e*.*#nnt*t*.54E4amomt8:AK0)-3N18:NL17T8Nt02*0R.AL1*HC808*6+=7985*,21#XEB7IR#***,21**2M770R*.E028*.SFEROBB,*743676189==87T*F*87*5*,*1R-H+,面學(xué)量：高立*學(xué)正學(xué)生圖3-2關(guān)于宮園燕(三)人物介紹在這里介紹了《四月是你的謊言》動漫里的一些主要登場人物包括男主角有馬公生、女主角宮園薰、澤部椿、渡亮太、相座武士等。還有旋轉(zhuǎn)字特效、網(wǎng)頁背景音樂、論壇導(dǎo)航、留言信息、和·些最近訪客。如下圖1-5所示四月是你的訴言四月是你的訴言有馬公生#*單冊。-000A馬以3,B≤85-7某出句子以體過了過年。因88號公生第人最體進(jìn)們半術(shù)。因半術(shù)期有高開人世。子大掌密的，與#E角定1角天，成*?關(guān)于高問莖直回量=,8(四)在線觀看在線觀看這部分中列舉出了《四月是你的謊言》22集縮略圖及觀看地址網(wǎng)頁旋轉(zhuǎn)字特效、論壇導(dǎo)航、留言信息、最近訪客等。如下圖1-6所示普頁關(guān)于高民重人融介招在或觀有動得通介稱圖3-4在線觀看(五)動漫簡介在動漫簡介這部分中介紹了《四月是你的謊言》這部動漫得過的相關(guān)獎項、出版時間、動漫劇情介紹、和《四月是你的謊言》幕后制作工作人員《四月是你的謊言》是由日本漫畫家新川直司作畫的漫畫。曾獲得講談社漫畫賞少年部門獎。故事講述了擁有少見才能的中學(xué)男生(鋼琴家),和女生(小提琴家)共同努力、成長的青春物語。在2014年3月21日舉行的noitaminA的10周年紀(jì)念活動”noitaminA發(fā)表會2014～10thAnniversary～“上，《四月是你的謊言》宣布TV動畫化[1-2]。電視動畫于2014年10月9日首播，全22話。在2015年5月15日發(fā)售的漫畫最終卷第7卷特裝版，會同捆推出OVA動畫。如下圖1-7所示。9略厘略厘票四月是你的謊言9基降一片美空和卷著平P在力。預(yù)有公度整：遵而》故者建介?*《四月是你的謊言》圖3-5動漫簡介四具體實現(xiàn)與分析(一)靜態(tài)設(shè)計(二)站點的建設(shè)與收集素材平度==論標(biāo)后制#KP己批減又看7-角四四了了第間兩也采有作卷關(guān)就展本了要制作一個網(wǎng)站，第一步操作都是一樣的，就是要創(chuàng)建一個“站點”,這樣Dreamweaver從菜單中選擇“站點/新建站點”在彈出的對話框中填寫目錄和指定文件夾，輸入站點名稱和默認(rèn)的存放圖像的位置。在文本框中輸入自己已經(jīng)想好的網(wǎng)站名稱“個人網(wǎng)站”。填好后，單擊“下一步”,進(jìn)入下一個步驟。由于我“編輯我的計算機上的本地副本，完成后再上傳到服務(wù)器”。底下的文本框允許單擊該文本框后面的文件夾圖標(biāo)，新建并指定一個空的文件夾“D:/ys”。之后單擊“下一步“,進(jìn)入下一個步驟。這一步是如何設(shè)置連接到遠(yuǎn)程服務(wù)器，彈出式菜單中有6中選擇，這里選擇“無”。而后“下一步”再“完成”,這樣，一收集一些網(wǎng)站所需要的素材，比如圖片、音樂、文字等。做網(wǎng)站前的一些準(zhǔn)備工作也是很重要的。只有有了充足的準(zhǔn)備我們才能把網(wǎng)站做好。因此在做網(wǎng)站前我們必須把做網(wǎng)站的過程中可能所需的所有的材料都準(zhǔn)備好，這樣才能做出讓自己和大家都滿意的網(wǎng)站，而不至于在做的過程中亂了手腳。圖片的LOGO如下圖1-8所示四四您現(xiàn)要想建出專業(yè)的Web頁而，就要學(xué)會利用ITML來編寫網(wǎng)頁。HTML(HypertextMarkupLanguage)超文本標(biāo)記語言，是用于編寫網(wǎng)頁的主要語言。它是純文本的類型的語言，語法非常的簡單。它通過對各種標(biāo)記、元素、屬性、對象等的設(shè)置來建立與圖形、聲音、視頻等多媒體信息以及對其它超文本的<title>楊松的畢業(yè)設(shè)計-四月是你的謊言</title><linkhref="css/base.css"rel="stylesheet"><linkhref="css/index.css"rel="styles<linkhref="css/media.css"rel="stylesheet"><metaname="viewport"content="width=device-width,minimum-scale=1.0,<!-[ifltIE9]><h1>四月是你的謊言</h1><h2>星星在你的頭頂上閃耀著，與你交互訴說的話語，一句一句地，如同星點般翩然落至眼前。</h2><divclass="logo"><ahref=""></a></div><navid="topnav"><ahref="index.html">首頁</a><a于宮園薰</a><ahref="newlist.html">人物介紹</a><a線觀看</a><ahref="new.html">動漫簡介</a></nav><p>春天馬上就要來了</p><p>讓我與你相遇的春天就要來了</p><p>再也沒有你的春天就要來了</p><p>—有馬公生</p><divclass="bloglist"><p><span>經(jīng)典</span>語錄</p><h3><ahref="/">第四集出現(xiàn)</a></h3>__<head>與</head>之間可以聲明和定義變量、方法，還可以加入java-script/vb-script等一些腳本語言。<body>與</body>之間是網(wǎng)頁的主要內(nèi)容，任何網(wǎng)頁元(四)用框架表格進(jìn)行布局和排版主頁面使用的是上方固定，左側(cè)嵌套的框架共四個網(wǎng)頁。然后在main、topTop中的表格用來組織頁面頭部的元素(下稱“頭表格”),在設(shè)計視圖下將鼠標(biāo)光標(biāo)置于網(wǎng)頁編輯區(qū)，點擊“插入”→“表格”,設(shè)置2行、3列的表格，“表格寬度”1000像素，“邊框粗細(xì)”為1,點擊確定。選中表格在屬性控制面Left中再插入一個2行1列的表格，用來組織左邊頁面的主體內(nèi)容，其它最后再在Main網(wǎng)頁中插入一個1行2列的表格，用來組織頁面的主要內(nèi)容(五)添加網(wǎng)頁元素利用設(shè)置表格圖片、插入圖片等形式添加網(wǎng)頁圖片元素。利用鍵盤輸入或復(fù)制粘貼等方式添加文字，文字顏色設(shè)置為紅色。(六)旋轉(zhuǎn)字特效代碼如下<liclass="rn<liclass="rn<liclass="rn<liclass="rnhref="/">塵埃的味道</a></lhref="/">我在其中</a></li>href="/">踏上旅途</a></li>如下圖1-92-1所示+DSNdR)思體私加時額《四月是你的說言》劉種lHmAaJ*mmlVg*aann)】QnNhmR*m;電要角■…讓備開營徹高的卷開就要要了國包溫前蘇們將卡依獸來：”■時x放典二.少.uLE器意志度*第十二集出規(guī)3順容。畫甲0pEA:四H建分的通★=非esMA6an#解通/圖4-3網(wǎng)站設(shè)