1、-. z. 題目：動漫畢業(yè)設(shè)計 論文成績指導(dǎo)教師白燕青辯論成績主辯論教師綜合成績辯論委員會主任-. z.目 錄TOC o 1-3 h u HYPERLINK l _Toc3079 摘 要 PAGEREF _Toc3079 1 HYPERLINK l _Toc11354 引 言 PAGEREF _Toc11354 2 HYPERLINK l _Toc6620 一 概述 PAGEREF _Toc6620 3 HYPERLINK l _Toc19285 一軟件的選用與簡介 PAGEREF _Toc19285 3 HYPERLINK l _Toc22681 三課題研究的主要簡介 PAGEREF _To

2、c22681 4 HYPERLINK l _Toc23728 二 設(shè)計準備 PAGEREF _Toc23728 4 HYPERLINK l _Toc23031 一設(shè)計愿望 PAGEREF _Toc23031 4 HYPERLINK l _Toc24048 二確定主題 PAGEREF _Toc24048 5 HYPERLINK l _Toc21834 三確定形象 PAGEREF _Toc21834 5 HYPERLINK l _Toc16728 四確定容 PAGEREF _Toc16728 6 HYPERLINK l _Toc13063 三 各模塊簡介 PAGEREF _Toc13063 6 H

3、YPERLINK l _Toc30692 一首頁模塊 PAGEREF _Toc30692 6 HYPERLINK l _Toc26949 二關(guān)于宮園薰 PAGEREF _Toc26949 6 HYPERLINK l _Toc27687 三人物介紹 PAGEREF _Toc27687 7 HYPERLINK l _Toc22946 四在線觀看 PAGEREF _Toc22946 8 HYPERLINK l _Toc32062 五動漫簡介 PAGEREF _Toc32062 8 HYPERLINK l _Toc8944 四 具體實現(xiàn)與分析 PAGEREF _Toc8944 9 HYPERLINK

4、l _Toc16948 一靜態(tài)設(shè)計 PAGEREF _Toc16948 9 HYPERLINK l _Toc11663 二站點的建立與收集素材 PAGEREF _Toc11663 9 HYPERLINK l _Toc24956 三HTML語言 PAGEREF _Toc24956 10 HYPERLINK l _Toc12135 四用框架表格進展布局和排版 PAGEREF _Toc12135 12 HYPERLINK l _Toc25985 五添加網(wǎng)頁元素 PAGEREF _Toc25985 12 HYPERLINK l _Toc3289 六旋轉(zhuǎn)字特效 PAGEREF _Toc3289 12 H

5、YPERLINK l _Toc32334 七網(wǎng)頁設(shè)計過程圖 PAGEREF _Toc32334 13 HYPERLINK l _Toc26152 致 PAGEREF _Toc26152 14 HYPERLINK l _Toc25053 參考文獻： PAGEREF _Toc25053 15-. z.引 言隨著科技的進步、時代的開展，計算機信息行業(yè)也逐步壯大，人們也越來越離不開各種各樣的信息，人們對信息的追求越來越迫切。作為網(wǎng)絡(luò)信息主要的表現(xiàn)形式而且還是互聯(lián)網(wǎng)信息的主要承載者，在互聯(lián)網(wǎng)上表現(xiàn)出了它及其重要的地位，并發(fā)揮著及其重要的作用，無論是國還是國外都迅速的開展和壯大，并被人們重視。的迷人之處在

6、于它綜合使用文本、圖像、聲音、動畫視頻信息和容，具有豐富的多媒體表現(xiàn)與互動特點。毋庸置疑，已成為最吸引人的也是最有效的信息傳遞的手段與方式。隨著網(wǎng)絡(luò)技術(shù)的逐步開展，各類紛紛出現(xiàn)。 隨著動漫產(chǎn)業(yè)，動漫文化的不斷開展，動漫已經(jīng)從過去的低年齡層向全民動漫方向開展，動漫產(chǎn)業(yè)鏈逐步完善，喜歡動漫的愛好者越來越多。當然市場需求量也在不斷增長，越來越多的動漫愛好者在這一領(lǐng)域能希望得到更多動漫資源，獲得更多的一些能滿足他們各種愛好的資源集中地，而動漫則包含了動漫和動漫論壇，滿足了廣闊動漫迷的需求，逐漸形成了動漫一種文化特色存在。-. z.一 概述一軟件的選用與簡介Dreamweaver是美國MACROMEDI

7、A公司開發(fā)的集網(wǎng)頁制作和管理于一身的所見即所得網(wǎng)頁編輯器，它是第一套針對專業(yè)網(wǎng)頁設(shè)計師特別開展的視覺化網(wǎng)頁開發(fā)工具，利用它可以輕而易舉地制作出跨越平臺限制和跨越瀏覽器限制的充滿動感的網(wǎng)頁。Dreamweaver具有制作效率高、操作直觀、簡單易學(xué)、站點管理方便等無可比較的控制能力優(yōu)勢，但它也同樣存在著難以準確到達與瀏覽器完全一致、不能實時更新、不能對大量信息進展更改、操作不方便、頁面原始代碼難以控制等缺乏。本設(shè)計選用的是Dreamweaver CS6。Adobe Photoshop CS4作為Adobe公司出品的最出色的圖形圖像處理軟件，Photoshop以其強大的功能向我們證明著它的名至實。在

8、設(shè)計時一些圖片素材如背景圖片、按鈕、LOGO等在運用到前根本需要用Photoshop做適當?shù)奶幚?。如圖1-1圖1-1 一些被PS處理過的圖片二選題的目的和意義動漫作為一個文化產(chǎn)業(yè)，以其獨特的優(yōu)勢，新穎的特點，廣闊的受眾，政府的扶持，迅速在各個市級城市表達價值，各個地方也都把動漫產(chǎn)業(yè)作為經(jīng)濟新的增長點，與此同時，大量動漫從業(yè)者涌入社會，各種時機，挑戰(zhàn)應(yīng)運而生，動漫市場的虛火與雜化為目前主要表現(xiàn)特征，從業(yè)者面臨更多困境，從而有些轉(zhuǎn)入相關(guān)行業(yè)。 在Internet飛速開展的今天，互聯(lián)網(wǎng)已成為人們快速獲取、發(fā)布和傳遞信息的重要渠道，因此建立在Internet應(yīng)用上的地位越來越重要了。目前Interne

9、t上已有上百萬個web站點，其容圍跨越了教育科研、文化事業(yè)、金融、商業(yè)、新聞出版、娛樂、體育等各個領(lǐng)域，其用戶群十分龐大。動漫設(shè)計成為越來越多動漫愛好者和非動漫愛好者獲得信息和交流的平臺，它滿足了廣闊用戶隨時隨地進展交流和溝通的需要，為網(wǎng)上用戶提供交流場所，實現(xiàn)高效動態(tài)信息交換。現(xiàn)在雖然有很多動漫，但版面千篇一律，缺乏個性化、前瞻性、頁面設(shè)計混亂，不利于用戶查看，因此我針對以上問題設(shè)計一個個性化、能個用戶帶來特殊視覺感動的動漫。實現(xiàn)的根本模塊有顯示動漫雜談信息，在線觀看動漫影片，動漫愛好者可以根據(jù)自己的需要進展瀏覽，本的主要特色是頁面新穎友好，容直觀，操作簡單方便，適用于廣闊動漫愛好者。三課題

10、研究的主要簡介現(xiàn)在互聯(lián)網(wǎng)是社會開展的必然趨勢，很多人已經(jīng)意識到網(wǎng)絡(luò)強大生命力和它在未來將要處于的重要地位。他們進展鉆研并且努力進入到一個新的空間、新的領(lǐng)域。其中包括動漫。在我們的日常、休閑生活當中，越來越多的人喜歡觀看動漫。就這個課題的研究，因為是介紹動漫的，所以我只選擇了自己擅長和喜愛的動漫容，在突出動漫的風格個性和特點的同時，還應(yīng)用了我所學(xué)過的的設(shè)計技術(shù)和Photoshop技術(shù)等。二設(shè)計準備動漫要開展，要從動漫愛好者的需求出發(fā)，網(wǎng)頁設(shè)計是一門新興起的設(shè)計類，近幾年來隨著網(wǎng)絡(luò)的開展而逐漸受到人們的重視，它自己本身以網(wǎng)絡(luò)作為載體,把各種各樣的信息以最快捷、方便的方式傳達給大家。一個工程確實立一

11、般是建立在各種各樣的需求上面的，這是動漫，所以這種需求一般來自于動漫愛好者，其中每個人的實際需求占了絕大數(shù)局部。因此如何更好地了解、分析需求，并且又能夠準確、清晰地以文檔的形式表達出來，保證開發(fā)過程以動漫愛好者的需求為目的正確工程開發(fā)方向進展。一設(shè)計愿望越來越多的人喜歡上動漫，這就出現(xiàn)了越來越多的動漫設(shè)計以及推廣的工作和任務(wù)。就我個人來說，我之所以在畢業(yè)設(shè)計的時候選擇這個課題是因為我自己也是一個動漫愛好者，在互聯(lián)網(wǎng)上擁有我自己的一席之地，從而真正的參與到互聯(lián)網(wǎng)中去，做個網(wǎng)絡(luò)新時代的主人，同時也希望自己喜歡的一些動漫能夠和大家一起分享，和互聯(lián)網(wǎng)上的朋友一起分享。二確定主題 做，首先必須要解決的就

12、是容的問題，即是確定的主題。如果自己在*些方面越有興趣，或掌握的資料越多，就可以做一個自己感興趣的東西。你可以有自己的見解，做出自己的特色。當然，也可以推銷自己，讓別人了解自己，和別人進展溝通和交流，展示一些自己的東西，讓大家更好地了解自己。對于容主題的選擇，要做到小而精，即主題定位要小，且容要精。不要去試著作一個包羅萬象的站點，這往往會失去你的的特色，也會帶來很大的勞動，給的及時更新帶來更大的困難。我的主題是以我個人喜愛的動漫來制作的，介紹了這部動漫。三確定形象形象的設(shè)計可以從的LOGO、的色彩、的字體宣傳語等這些方面著手。色彩，給人的第一印象來自于視覺的沖擊，不同的色彩搭配會產(chǎn)生不同的效果

13、，并可能影響到訪問者的情緒。標準色彩指的是能表達形象和延伸涵的色彩，給人們一種以整體統(tǒng)一的感覺。我個人的色彩是以淺藍色色為主，淺藍色的字體和淺色的圖像給人一種舒服的感覺，仿佛生活在虛幻的世界里。 字體，和標準色彩一樣，標準字體是指用于標題、主菜單的一些特有字體。為了表達所特有的風格，可以根據(jù)自已的所表達的涵，選擇更貼切的字體。如圖1-2圖2-1 我的動漫LOGO四確定容我的動漫大體上包括了一些容：首頁、關(guān)于宮園薰、人物介紹、在線觀看、動漫簡介等動漫常用容，方便的大家的瀏覽。三 各模塊簡介一個的首頁其實是一個文檔，當一個效勞器收到一臺電腦上網(wǎng)絡(luò)瀏覽器的信息連接請求時，便會向這臺電腦發(fā)送這個文檔。

14、當在瀏覽器的位址列輸入域名，而并未指向特定目錄或檔案時，通常瀏覽器會翻開的首頁。 首頁往往會被編輯的很易于了解該所提供的所有資訊，并引導(dǎo)互聯(lián)網(wǎng)用戶瀏覽其他局部的容。這局部容一般被認為是一個目錄性質(zhì)的容，我的動漫的首頁給大家一目了然的感覺，翻開首頁就可以了解我的個人的設(shè)計風格還可以看到一些特定的功能，大家可以盡情地瀏覽其中的信息。一首頁模塊介紹了一些關(guān)于動漫四月是你的謊話的的根本信息，比方女主角的、學(xué)校、興趣愛好、還有一些動漫里的經(jīng)典語錄、包括網(wǎng)頁背景音樂等。希望大家可以進一步的了解四月是你的謊話這部動漫。如下列圖1-3所示。圖3-1 首頁二關(guān)于宮園薰介紹了宮園薰的一些根本信息，里面有宮園薰的資

15、料宮園薰，女，市立墨谷中學(xué)初三學(xué)生，小提琴手。家中開蛋糕店，喜歡小孩子，樂觀開朗，元氣十足。積極向上的心態(tài)也感染了身邊的人，有時候意外的會說出意義深刻的話或者引言。 喜歡美食，特別是甜食。如下列圖1-4所示圖3-2 關(guān)于宮園薰三人物介紹在這里介紹了四月是你的謊話動漫里的一些主要登場人物包括男主角有馬公生、女主角宮園薰、澤部椿、渡亮太、相座武士等。還有旋轉(zhuǎn)字特效、網(wǎng)頁背景音樂、論壇導(dǎo)航、留言信息、和一些最近訪客。如下列圖1-5所示圖3-3 人物介紹四在線觀看在線觀看這局部中列舉出了四月是你的謊話22集縮略圖及觀看地址網(wǎng)頁的底部還有一些網(wǎng)友自己制作的動漫相關(guān)MAD和觀看地址，本頁面同樣包括了，旋轉(zhuǎn)

16、字特效、論壇導(dǎo)航、留言信息、最近訪客等。如下列圖1-6所示圖3-4 在線觀看五動漫簡介在動漫簡介這局部中介紹了四月是你的謊話這部動漫得過的相關(guān)獎項、出版時間、動漫劇情介紹、和四月是你的謊話幕后制作工作人員表。四月是你的謊話是由日本漫畫家新川直司作畫的漫畫。曾獲得講談社漫畫賞少年部門獎。故事講述了擁有少見才能的中學(xué)男生鋼琴家，和女生小提琴家共同努力、成長的青春物語。在2014年3月21日舉行的noitaminA的10周年紀念活動noitaminA發(fā)表會2014 10th Anniversary上，四月是你的謊話宣布TV動畫化1-2 。電視動畫于2014年10月9日首播，全22話。在2015年5月

17、15日出售的漫畫最終卷第7卷特裝版，會同捆推出OVA動畫。如下列圖1-7所示。圖3-5 動漫簡介四具體實現(xiàn)與分析一靜態(tài)設(shè)計先用Dreamweaver進展布局和排版。二站點的建立與收集素材創(chuàng)立本地站點的具體操作步驟如下：要制作一個，第一步操作都是一樣的，就是要創(chuàng)立一個站點，這樣可以使整個的構(gòu)造清晰地展現(xiàn)在面前，防止了以后復(fù)雜的管理。 翻開Dreamweaver從菜單中選擇站點/新建站點在彈出的對話框中填寫目錄和指定文件夾，輸入站點名稱和默認的存放圖像的位置。在文本框中輸入自己已經(jīng)想好的名稱個人。填好后，單擊下一步，進入下一個步驟。由于我要做的是一個靜態(tài)的網(wǎng)頁，所以選擇上面的一項否，我不想使用效勞

18、器技術(shù)。單擊下一步，進入下一個步驟。 在此選項中有兩個選擇，選擇推薦的編輯我的計算機上的本地副本，完成后再上傳到效勞器。底下的文本框允許在本地磁盤上指定一個文件夾，Dreamweaver將在其中儲存站點文件的本地副本。單擊該文本框后面的文件夾圖標，新建并指定一個空的文件夾D:/ys。之后單擊下一步，進入下一個步驟。這一步是如何設(shè)置連接到遠程效勞器，彈出式菜單中有6中選擇，這里選擇無。而后下一步再完成，這樣，一個站點就算建好了。收集素材：收集一些所需要的素材，比方圖片、音樂、文字等。做前的一些準備工作也是很重要的。只有有了充足的準備我們才能把做好。因此在做前我們必須把做的過程中可能所需的所有的材

19、料都準備好，這樣才能做出讓自己和大家都滿意的，而不至于在做的過程中亂了手腳。圖片的LOGO如下列圖1-8所示圖4-1 LOGO展示圖三HTML語言要想建出專業(yè)的Web頁面，就要學(xué)會利用HTML來編寫網(wǎng)頁。HTML(Hyperte*t Markup Language)超文本標記語言，是用于編寫網(wǎng)頁的主要語言。它是純文本的類型的語言，語法非常的簡單。它通過對各種標記、元素、屬性、對象等的設(shè)置來建立與圖形、聲音、視頻等多媒體信息以及對其它超文本的。一般典型網(wǎng)頁應(yīng)該包括如下HTML代碼：松的畢業(yè)設(shè)計-四月是你的謊話 四月是你的謊話 星星在你的頭頂上閃耀著，與你交互訴說的話語，一句一句地，如同星點般翩然落至眼前。 首頁關(guān)于宮園薰人物介紹在線觀看動漫簡介 春天 馬上就要來了 讓我與你相遇的春天 就要來了 再也沒有你的春天 就要來了 有馬公生 經(jīng)典語錄 第四集出現(xiàn) 其中，與之間是網(wǎng)頁的標題，一般被顯示在瀏覽器的標題欄中。與之間可以聲明和定義變量、方法，還可以參加java-script/vb-script等一些腳本語言。與之間是網(wǎng)頁的主要容，任何網(wǎng)頁元素都可以參加其中。例如在主體中可以參加與標簽是定義了一個層，參加與標簽是定義字體樣式，參加標簽是定義一個CSS樣式等。四用框架表格進展布局和排版主頁面使用的是上方固定，左側(cè)嵌套的框架共四個網(wǎng)頁。然后在main、top和l