動(dòng)漫畢業(yè)設(shè)計(jì)論文

鄭州電力職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)說明題目:動(dòng)漫網(wǎng)站畢業(yè)設(shè)計(jì)系另IJ信息工程系專業(yè)計(jì)算機(jī)應(yīng)用技術(shù)班級(jí)2012屆計(jì)算機(jī)2班學(xué)號(hào)124030300237姓名楊松題目:動(dòng)漫網(wǎng)站畢業(yè)設(shè)計(jì)論文成績(jī)指導(dǎo)教師白燕青答辯成績(jī)主答辯教師綜合成績(jī)答辯委員會(huì)主任TOC\o"1-5"\h\z摘要1弓I言2\o"CurrentDocument"一概述3（一）軟件的選用與簡(jiǎn)介3（三）課題研究的主要簡(jiǎn)介4\o"CurrentDocument"二設(shè)計(jì)準(zhǔn)備4（一）設(shè)計(jì)愿望4（二）確定網(wǎng)站主題5（三）確定網(wǎng)站形象5（四）確定網(wǎng)站內(nèi)容6\o"CurrentDocument"三各模塊簡(jiǎn)介6（一）首頁(yè)模塊6（二）關(guān)于宮園薰6\o"CurrentDocument"（三）人物介紹7（四）在線觀看8（五）動(dòng)漫簡(jiǎn)介8\o"CurrentDocument"四具體實(shí)現(xiàn)與分析9（一）靜態(tài)設(shè)計(jì)9（二）站點(diǎn)的建設(shè)與收集素材9（三）HTML語(yǔ)言10（四）用框架表格進(jìn)行布局和排版12（五）添加網(wǎng)頁(yè)元素12（六）旋轉(zhuǎn)字特效12（七）網(wǎng)頁(yè)設(shè)計(jì)過程圖13\o"CurrentDocument"致謝14參考文獻(xiàn)：15隨著互聯(lián)網(wǎng)的飛速發(fā)展，電腦網(wǎng)絡(luò)已應(yīng)用到各個(gè)領(lǐng)域，普及到千家萬戶，無論是國(guó)內(nèi)還是國(guó)外都迅速的發(fā)展起來?，F(xiàn)在，網(wǎng)絡(luò)已經(jīng)成為人們快速獲取信息、發(fā)布信息和傳輸信息的主要渠道，成為每個(gè)人生活中的一部分，同時(shí)網(wǎng)絡(luò)也提供了一個(gè)很好的信息交換平臺(tái)。目前，網(wǎng)頁(yè)設(shè)計(jì)和網(wǎng)站建設(shè)成為新時(shí)代的一個(gè)熱點(diǎn)。網(wǎng)絡(luò)已經(jīng)滲透到各個(gè)領(lǐng)域，無論是企業(yè)還是個(gè)人，網(wǎng)絡(luò)為我們提供了很好的信息交流平臺(tái)。政府利用網(wǎng)站宣傳自己的政策、企業(yè)利用網(wǎng)站宣傳自己的形象、學(xué)校利用網(wǎng)站宣傳自己的教育、個(gè)人利用網(wǎng)站展示自己的個(gè)性風(fēng)采。越來越多的人都希望擁有自己的個(gè)性網(wǎng)站，展現(xiàn)自己的個(gè)性風(fēng)采。通過建設(shè)網(wǎng)站，我們可以展示自己，與別人交流學(xué)習(xí)，求職等等。本網(wǎng)站主要從AdobeDreamweaver入手，實(shí)現(xiàn)網(wǎng)站系統(tǒng)的主頁(yè)瀏覽模塊、從網(wǎng)站設(shè)計(jì)的主頁(yè)、界面設(shè)計(jì)方面研究。論文主要論述了本人所做畢業(yè)設(shè)計(jì)課題《動(dòng)漫主題網(wǎng)站設(shè)計(jì)》的技術(shù)背景、設(shè)計(jì)理念、概要設(shè)計(jì)、詳細(xì)設(shè)計(jì)以及最后效果展示等方面內(nèi)容，詳細(xì)的介紹了本人對(duì)于設(shè)計(jì)簡(jiǎn)單網(wǎng)站的一套設(shè)計(jì)過程和相關(guān)技術(shù)難點(diǎn)的解決方法。關(guān)鍵詞：動(dòng)漫網(wǎng)站；Dreamweaver；網(wǎng)站設(shè)計(jì)引言隨著科技的進(jìn)步、時(shí)代的發(fā)展，計(jì)算機(jī)信息行業(yè)也逐步壯大，人們也越來越離不開各種各樣的信息，人們對(duì)信息的追求越來越迫切。網(wǎng)站作為網(wǎng)絡(luò)信息主要的表現(xiàn)形式而且還是互聯(lián)網(wǎng)信息的主要承載者，在互聯(lián)網(wǎng)上表現(xiàn)出了它及其重要的地位，并發(fā)揮著及其重要的作用，無論是國(guó)內(nèi)還是國(guó)外都迅速的發(fā)展和壯大，并被人們重視。網(wǎng)站的迷人之處在于它綜合使用文本、圖像、聲音、動(dòng)畫視頻信息和內(nèi)容，具有豐富的多媒體表現(xiàn)與互動(dòng)特點(diǎn)。毋庸置疑，網(wǎng)站已成為最吸引人的也是最有效的信息傳遞的手段與方式。隨著網(wǎng)絡(luò)技術(shù)的逐步發(fā)展，各類網(wǎng)站紛紛出現(xiàn)。隨著動(dòng)漫產(chǎn)業(yè)，動(dòng)漫文化的不斷發(fā)展，動(dòng)漫已經(jīng)從過去的低年齡層向全民動(dòng)漫方向發(fā)展，動(dòng)漫產(chǎn)業(yè)鏈逐步完善，喜歡動(dòng)漫的愛好者越來越多。當(dāng)然市場(chǎng)需求量也在不斷增長(zhǎng)，越來越多的動(dòng)漫愛好者在這一領(lǐng)域能希望得到更多動(dòng)漫資源，獲得更多的一些能滿足他們各種愛好的資源集中地，而動(dòng)漫網(wǎng)站則包含了動(dòng)漫和動(dòng)漫論壇，滿足了廣大動(dòng)漫迷的需求，逐漸形成了動(dòng)漫一種文化特色存在。一概述（一）軟件的選用與簡(jiǎn)介一概述Dreamweaver是美國(guó)MACROMEDIA公司開發(fā)的集網(wǎng)頁(yè)制作和管理網(wǎng)站于一身的所見即所得網(wǎng)頁(yè)編輯器，它是第一套針對(duì)專業(yè)網(wǎng)頁(yè)設(shè)計(jì)師特別發(fā)展的視覺化網(wǎng)頁(yè)開發(fā)工具，利用它可以輕而易舉地制作出跨越平臺(tái)限制和跨越瀏覽器限制的充滿動(dòng)感的網(wǎng)頁(yè)°Dreamweaver具有制作效率高、操作直觀、簡(jiǎn)單易學(xué)、站點(diǎn)管理方便等無可比擬的控制能力優(yōu)勢(shì)，但它也同樣存在著難以精確達(dá)到與瀏覽器完全一致、不能實(shí)時(shí)更新、不能對(duì)大量信息進(jìn)行更改、操作不方便、頁(yè)面原始代碼難以控制等不足。本設(shè)計(jì)選用的是DreamweaverCS6。AdobePhotoshopCS4作為Adobe公司出品的最出色的圖形圖像處理軟件，Photoshop以其強(qiáng)大的功能向我們證明著它的名至實(shí)。在網(wǎng)站設(shè)計(jì)時(shí)一些圖片素材如背景圖片、按鈕、LOGO等在運(yùn)用到網(wǎng)站前基本需要用Photoshop做適當(dāng)?shù)奶幚?。（如圖1-1）CXXH7.jpgJPEG匱爆I阻K000021.jpgeg卻2.71KB武?jJPEG屋符?*gKB00022.jpgJPEG醫(yī)冷2.56KBQ0019.jpgHHjpeg所-2.65CXXH7.jpgJPEG匱爆I阻K000021.jpgeg卻2.71KB武?jJPEG屋符?*gKB00022.jpgJPEG醫(yī)冷2.56KBQ0019.jpgHHjpeg所-2.65KBMW23.jpgJPEG5.74KB0002D.jpgjpeg2.20KB00024jpg盤鼻JPEG君的a.22KE_OOOZ5.jpgJPEG世擘&42KB*扣.jpg一4—Jpeg展嫌1O240K05794.phg―I5M字節(jié)□anntr.jp^i-TjpluK十-74.0KB00026.jpg00027,jpgPE口令EJPEG囹詐9.5&KB12.5KB99jpg121.jpgJPEG9.94KB■■32,0KB5S49.png6264.pngPNG3]?PNG國(guó)藤-_1?gg宇節(jié)■4慎宇節(jié)home,png―PMG圖歐&字節(jié)1.96KB00028-jpgJPEG奇零KBL取雄四JlJPEG宓國(guó).258Kflabodi_c>p^gPNG濟(jì)_3.00KBI'jpgJPEG融LIO您日loge.pngIPfMG4.42KQphotDB-jpgJPEG觸4d6加ti.pngpwgIffiKB罰jpgJPEG臣原9.&3KBv'=iP9JPEG瓣1UKB^7jpgJPEG90：111KB岫而JPEG翌愫67.1KBmsBipngF?PNG)13.4KBjpegei貧15.9KB（二）選題的目的和意義動(dòng)漫作為一個(gè)文化產(chǎn)業(yè)，以其獨(dú)特的優(yōu)勢(shì)，新穎的特點(diǎn)，廣大的受眾，政府的扶持，迅速在各個(gè)市級(jí)城市體現(xiàn)價(jià)值，各個(gè)地方也都把動(dòng)漫產(chǎn)業(yè)作為經(jīng)濟(jì)新的增長(zhǎng)點(diǎn)，與此同時(shí)，大量動(dòng)漫從業(yè)者涌入社會(huì)，各種機(jī)會(huì)，挑戰(zhàn)應(yīng)運(yùn)而生，動(dòng)漫市場(chǎng)的虛火與雜化為目前主要表現(xiàn)特征，從業(yè)者面臨更多困境，從而有些轉(zhuǎn)入相關(guān)行業(yè)。在Internet飛速發(fā)展的今天，互聯(lián)網(wǎng)已成為人們快速獲取、發(fā)布和傳遞信息的重要渠道，因此網(wǎng)站建設(shè)在Internet應(yīng)用上的地位越來越重要了。目前Internet上已有上百萬個(gè)web站點(diǎn)，其內(nèi)容范圍跨越了教育科研、文化事業(yè)、金融、商業(yè)、新聞出版、娛樂、體育等各個(gè)領(lǐng)域，其用戶群十分龐大。動(dòng)漫設(shè)計(jì)網(wǎng)站成為越來越多動(dòng)漫愛好者和非動(dòng)漫愛好者獲得信息和交流的平臺(tái)，它滿足了廣大用戶隨時(shí)隨地進(jìn)行交流和溝通的需要，為網(wǎng)上用戶提供交流場(chǎng)所，實(shí)現(xiàn)高效動(dòng)態(tài)信息交換。現(xiàn)在雖然有很多動(dòng)漫網(wǎng)站，但版面千篇一律，缺乏個(gè)性化、前瞻性、頁(yè)面設(shè)計(jì)混亂，不利于用戶查看，因此我針對(duì)以上問題設(shè)計(jì)一個(gè)個(gè)性化、能個(gè)用戶帶來特殊視覺感動(dòng)的動(dòng)漫網(wǎng)站。網(wǎng)站實(shí)現(xiàn)的基本模塊有顯示動(dòng)漫雜談信息，在線觀看動(dòng)漫影片，動(dòng)漫愛好者可以根據(jù)自己的需要進(jìn)行瀏覽，本網(wǎng)站的主要特色是頁(yè)面新穎友好，內(nèi)容直觀，操作簡(jiǎn)單方便，適用于廣大動(dòng)漫愛好者。（三）課題研究的主要簡(jiǎn)介現(xiàn)在互聯(lián)網(wǎng)是社會(huì)發(fā)展的必然趨勢(shì)，很多人已經(jīng)意識(shí)到網(wǎng)絡(luò)強(qiáng)大生命力和它在未來將要處于的重要地位。他們進(jìn)行鉆研并且努力進(jìn)入到一個(gè)新的空間、新的領(lǐng)域。其中包括動(dòng)漫網(wǎng)站。在我們的日常、休閑生活當(dāng)中，越來越多的人喜歡觀看動(dòng)漫。就這個(gè)課題的研究，因?yàn)槭墙榻B動(dòng)漫的網(wǎng)站，所以我只選擇了自己擅長(zhǎng)和喜愛的動(dòng)漫內(nèi)容，在突出動(dòng)漫的風(fēng)格個(gè)性和特點(diǎn)的同時(shí)，還應(yīng)用了我所學(xué)過的的網(wǎng)站設(shè)計(jì)技術(shù)和Photoshop技術(shù)等。二設(shè)計(jì)準(zhǔn)備“動(dòng)漫網(wǎng)站要發(fā)展，要從動(dòng)漫愛好者的需求出發(fā)，網(wǎng)頁(yè)設(shè)計(jì)是一門新興起的設(shè)計(jì)類，近幾年來隨著網(wǎng)絡(luò)的發(fā)展而逐漸受到人們的重視，它自己本身以網(wǎng)絡(luò)作為載體，把各種各樣的信息以最快捷、方便的方式傳達(dá)給大家。一個(gè)網(wǎng)站項(xiàng)目的確立一般是建立在各種各樣的需求上面的，這是動(dòng)漫網(wǎng)站，所以這種需求一般來自于動(dòng)漫愛好者，其中每個(gè)人的實(shí)際需求占了絕大數(shù)部分。因此如何更好地了解、分析需求，并且又能夠準(zhǔn)確、清晰地以文檔的形式表達(dá)出來，保證開發(fā)過程以動(dòng)漫愛好者的需求為目的正確項(xiàng)目開發(fā)方向進(jìn)行。（一）設(shè)計(jì)愿望越來越多的人喜歡上動(dòng)漫，這就出現(xiàn)了越來越多的動(dòng)漫網(wǎng)站設(shè)計(jì)以及推廣的工作和任務(wù)。就我個(gè)人來說，我之所以在畢業(yè)設(shè)計(jì)的時(shí)候選擇這個(gè)課題是因?yàn)槲易约阂彩且粋€(gè)動(dòng)漫愛好者，在互聯(lián)網(wǎng)上擁有我自己的一席之地，從而真正的參與到互聯(lián)網(wǎng)中去，做個(gè)網(wǎng)絡(luò)新時(shí)代的主人，同時(shí)也希望自己喜歡的一些動(dòng)漫能夠和大家一起分享，和互聯(lián)網(wǎng)上的朋友一起分享。

（二）確定網(wǎng)站主題做網(wǎng)站，首先必須要解決的就是網(wǎng)站內(nèi)容的問題，即是確定網(wǎng)站的主題。如果自己在某些方面越有興趣，或掌握的資料越多，就可以做一個(gè)自己感興趣的東西。你可以有自己的見解，做出自己的特色網(wǎng)站。當(dāng)然，也可以推銷自己，讓別人了解自己，和別人進(jìn)行溝通和交流，展示一些自己的東西，讓大家更好地了解自己。對(duì)于內(nèi)容主題的選擇，要做到小而精，即主題定位要小，且內(nèi)容要精。不要去試著作一個(gè)包羅萬象的站點(diǎn)，這往往會(huì)失去你的網(wǎng)站的特色，也會(huì)帶來很大的勞動(dòng)，給網(wǎng)站的及時(shí)更新帶來更大的困難。我的網(wǎng)站主題是以我個(gè)人喜愛的動(dòng)漫來制作的，介紹了這部動(dòng)漫。（三）確定網(wǎng)站形象網(wǎng)站形象的設(shè)計(jì)可以從網(wǎng)站的LOGO、網(wǎng)站的色彩、網(wǎng)站的字體宣傳語(yǔ)等這些方面著手。網(wǎng)站色彩，網(wǎng)站給人的第一印象來自于視覺的沖擊，不同的色彩搭配會(huì)產(chǎn)生不同的效果，并可能影響到訪問者的情緒?！皹?biāo)準(zhǔn)色彩”指的是能體現(xiàn)網(wǎng)站形象和延伸內(nèi)涵的色彩，給人們一種以整體統(tǒng)一的感覺。我個(gè)人網(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)涵，選擇更貼切的字體。（如圖1-2）?ANG首頁(yè)關(guān)于宦球大蹄紹在線觀看腕箝弁胡許前滯米板.叫便如此顯也要前講因?yàn)镾!痢饋房幡為畔套W注第皿韭出現(xiàn)重詛適汽膽岫z晚曲，我不如E倒前萬兵酩仆女，阻呈，冊(cè)llit帝匹出第皿韭出現(xiàn)-：!；■丈們i婭迪志中，Q定m4令WP&皿姓鄲『學(xué)主aQ定m4令WP&皿姓鄲『學(xué)主a學(xué)校，市立蹈中曲三苧生%電舊；lV;由毋！fE4i[7umcu*AEX.cn我的動(dòng)漫網(wǎng)站大體上包括了一些內(nèi)容：首頁(yè)、關(guān)于宮園薰、人物介紹、在線觀看、動(dòng)漫簡(jiǎn)介等動(dòng)漫網(wǎng)站常用內(nèi)容，方便的大家的瀏覽。三各模塊簡(jiǎn)介一個(gè)網(wǎng)站的首頁(yè)其實(shí)是一個(gè)文檔，當(dāng)一個(gè)網(wǎng)站服務(wù)器收到一臺(tái)電腦上網(wǎng)絡(luò)瀏覽器的信息連接請(qǐng)求時(shí)，便會(huì)向這臺(tái)電腦發(fā)送這個(gè)文檔。當(dāng)在瀏覽器的位址列輸入域名，而并未指向特定目錄或檔案時(shí)，通常瀏覽器會(huì)打開網(wǎng)站的首頁(yè)。網(wǎng)站首頁(yè)往往會(huì)被編輯的很易于了解該網(wǎng)站所提供的所有資訊，并引導(dǎo)互聯(lián)網(wǎng)用戶瀏覽網(wǎng)站其他部分的內(nèi)容。這部分內(nèi)容一般被認(rèn)為是一個(gè)目錄性質(zhì)的內(nèi)容，我的動(dòng)漫網(wǎng)站的首頁(yè)給大家一目了然的感覺，打開首頁(yè)就可以了解我的個(gè)人網(wǎng)站的設(shè)計(jì)風(fēng)格還可以看到一些特定的功能，大家可以盡情地瀏覽其中的信息。（一）首頁(yè)模塊介紹了一些關(guān)于動(dòng)漫《四月是你的謊言》的的基本信息，比如女主角的姓名、學(xué)校、興趣愛好、還有一些動(dòng)漫里的經(jīng)典語(yǔ)錄、包括網(wǎng)頁(yè)背景音樂等。希望大家可以進(jìn)一步的了解《四月是你的謊言》這部動(dòng)漫。如下圖1-3所示。Q也毫Q幣二菱福中字UE學(xué)生Q也毫Q幣二菱福中字UE學(xué)生了所，削1仍立就吏中?（二）關(guān)于宮園薰介紹了宮園薰的一些基本信息，里面有宮園薰的資料（宮園薰，女，市立墨谷中學(xué)初三學(xué)生，小提琴手。家中開蛋糕店，喜歡小孩子，樂觀開朗，元?dú)馐恪７e極向上的心態(tài)也感染了身邊的人，有時(shí)候意外的會(huì)說出意義深刻的話或者引言。喜歡美食，特別是甜食。）如下圖1-4所示I史干■■已中-于鼻St-天二機(jī)已E中，ANG首頁(yè)關(guān)于官網(wǎng)人枷48am看斕簡(jiǎn)介ass-*?tiia*4*fflzv生?duie孚?:I史干■■已中-于鼻St-天二機(jī)已E中，ANG首頁(yè)關(guān)于官網(wǎng)人枷48am看斕簡(jiǎn)介ass-*?tiia*4*fflzv生?duie孚?:#中耳詈也工，?5M?禎孑：&成耳臨元汽十星：i叫血上眈亡何中了?朔.』..屯H置鼻妹盼*1由、:或5好引■?EWH*.WWffli*-'示_欠、盲馬，生用蹄1-tti±fTttiAft*il-￡?OFW-山宅T*唾彳即生弟U斗給耳盛fiW冬買我泡”■”也鼻ilSTESHT”?葩比購(gòu)?國(guó)十尊昨咔而避互珅*舟詳苦,擔(dān)匿瑚就%細(xì)?我岫孔MJItS丸二辯睫鼻?謂/關(guān)哇環(huán)（5才券岫己苗帝掛崩杓是密51b坷眺性舊往拍二5■睥成和骨主用S皿不點(diǎn)F|V?1般藉丈上格”中H了I呷用缸?巨腰在小,"燮站年股融a?BU4t?iV7^-H4Ki^J-a47￡fl>申T1臉皇士圭1蹣JlMiFIH：-ftt）t±Eft*K.S^iertliRMAW-諾注前豁未很，即使如Jit犢也置觸講中，廿生懺陽(yáng)*TWiiW用雨中夠KiriamddX.X>i-EnftU-絲垣利1奚門己住-帆了一■*占口田明：1HSnfl5M*r-：-.199中■股i盹星苫■町里主-回首黑土.畋股而?人■在￥瞄亍.不由上和:i:主整灑W-為翌主讓件TE主曰?生■■珀彳白孑'時(shí)fW'咕星?JBE邑株件印曰豐Ikrtl-思生補(bǔ)制白主冊(cè)了時(shí)聃，■一is切馬蛀.?后況一破麗間牌￥?生碰了址飾wy??I?臨辯?學(xué)生■JflWHnWWiRPM-古■Til生由IW直?■后tffilfi-由*3十11狂二蘭主ii著m主tt!育WHilk.加丐作向，部席依和在#童溟勘了目羽次壬人世點(diǎn)臏通■母用生材■干再！■曹席票壓41恭4ff^SABa??*W為:rw活邑生豈點(diǎn)自己■電尊工方-四胃更與￡?生用星適&既仃學(xué)申???曲手*納皿升A*?？?干*MWtili打31甚4中字F.QZ辛主tflbl圖3-2關(guān)于宮園薰（三）人物介紹在這里介紹了《四月是你的謊言》動(dòng)漫里的一些主要登場(chǎng)人物包括男主角有馬公生、女主角宮園薰、澤部椿、渡亮太、相座武士等。還有旋轉(zhuǎn)字特效、網(wǎng)頁(yè)背景音樂、論壇導(dǎo)航、留言信息、和一些最近訪客。如下圖1-5所示四月是懷的云/ANG在此觀看*有m會(huì)立SB：M刖言[EAAJSE|白￥四月是懷的云/ANG在此觀看*有m會(huì)立SB：M刖言[EAAJSE|白￥由〕豪町，用采泗正兄KQRa^￡￡f的困王,i刀T?邛朋沒宜真皿SW!-的世衲婀5?環(huán)"<目小紀(jì)在目下#￡^鱷匚姑只部評(píng)f，桿抑內(nèi)判制此UN怙許地世息中繇上一：觀尋?皿娜定晉期嚀.se更牝點(diǎn)津?普生兒或?；生為了部艱己m無：朝亍理HK四■馨而Jim淺II幟是切謹(jǐn)胃曰多船■耳心肝-在度盅的WUEgTB?B?4i.雙皿控生^刊定,^±7-不<堂主所袖L古世T?：?布IG亡:皿堂主此ET加了JU寶It.tJ&ttELWTMFWaiBW§7a*S5mfl?E4,干4!殳開曲蝴HMftflaKtnt7-aEJF￥Ofl*iE[qp]^2^m.q^iA^i^iiwnjd[W)isESH±UStlfilJia-E3AUT^f肉了HMftflaKtnt7-aEJF￥Ofl*iE[qp]^2^m.q^iA^i^iiwnjd[W)isESH±UStlfilJia-E3AUT^f肉了H用只叫丹?田也浪酉玉擊立里芬由若0三學(xué)主『小4辛務(wù)中市升*PE?代|?屈卻成氓開蝦無％+星m中U同上任虻荀也瞄了#也故4Him11用駝礎(chǔ)WtTEffeg■引后■:?I^SV-寸引翌再?-馳？!峭蛙f國(guó)記-折主曾赴了近I面珈噸槍刖瞑與擋主用：3痢4陣治。手私■南芋卞蚊E圈瑯?.也?關(guān)于玄?IHBM?與^^IliliUEftiaU-SBfiiH-圖3-3人物介紹

（四）在線觀看在線觀看這部分中列舉出了《四月是你的謊言》22集縮略圖及觀看地址網(wǎng)頁(yè)的底部還有一些網(wǎng)友自己制作的動(dòng)漫相關(guān)MAD和觀看地址，本頁(yè)面同樣包括了，旋轉(zhuǎn)字特效、論壇導(dǎo)航、留言信息、最近訪客等。如下圖1-6所示四.目是你的謊言寒財(cái)TEEM；?B：■在￡1^距■-.■；：?，四.目是你的謊言寒財(cái)TEEM；?B：■在￡1^距■-.■；：?，，ANG甘瓦關(guān)于宮詞3S人航紹眼,I掘蛔g胳瓦規(guī)沌的［Q>Q］氏占豆日aa+w邪擊^ETWI*1nKsafteT?*7-a四目HW曰娃El=l*你啟擊.mit?溜彳悸出葉I明】M1改月THV.g由皿茹OTEV1E9記配W房主百導(dǎo)，生的?脊一叫QAWiTB>OTBffSfflHI圖3-4在線觀看在動(dòng)漫簡(jiǎn)介這部分中介紹了《四月是你的謊言》這部動(dòng)漫得過的相關(guān)獎(jiǎng)項(xiàng)、出版時(shí)間、動(dòng)漫劇情介紹、和《四月是你的謊言》幕后制作工作人員表?！端脑率悄愕闹e言》是由日本漫畫家新川直司作畫的漫畫。曾獲得講談社漫畫賞少年部門獎(jiǎng)。故事講述了擁有少見才能的中學(xué)男生（鋼琴家），和女生（小提琴家）共同努力、成長(zhǎng)的青春物語(yǔ)。在2014年3月21日舉行的noitaminA的10周年紀(jì)念活動(dòng)"noitaminA發(fā)表會(huì)2014?10thAnniversary?"上，《四月是你的謊言》宣布TV動(dòng)畫化［1-2］。電視動(dòng)畫于2014年10月9日首播，全22話。在2015年5月15日發(fā)售的漫畫最終卷第7卷特裝版，會(huì)同捆推出OVA動(dòng)畫。如下圖1-7所示。_四月是你的流言--<ANG首正關(guān)于盲園律人物介招在線迎看動(dòng)寢簡(jiǎn)介_四月是你的流言--<ANG首正關(guān)于盲園律人物介招在線迎看動(dòng)寢簡(jiǎn)介01做】野點(diǎn)舀即碰墮拄破E承配】濾里是詞耳H電■迎維白E#lS2?<T-a網(wǎng)凸國(guó)早件專05凸同是御成南,皿"1■蛔尊翊p06〔融】?想對(duì)四月里的.人物雄100句任仰E耳策]龍里福.王有馬處主的fist-oa四月新T仰/斥了世界W也同|站國(guó)也殳屯書職百王歌善兆了io凸閂杜?口月，被于十院了*漫肓?xí)r,-B93HS《回月是蜥河峨；任由日:i寅而袍JI阻司小瓦的果百*'警翊山淺+1主京置一牛坎挪，靜畢?打i了睛有J?見可能日井貸再生（■鈉輩冢｝.和女生5好察）共暇內(nèi)、成長(zhǎng)的肓春日語(yǔ)三*m年：1后小日壽亍位;noitzmnA的LC■周年紀(jì)衛(wèi)活切”noitmirA發(fā)長(zhǎng)衣MMfL（XhftratiFemrL"上："S'四月是fi7的說盲*宣布口yjmitll-2]■電即炯于年1D月汩首搐，主Z2話.在年5.411!日投售的：■疏聰備色皓T性特裝服，全同莉旌蟲通.有馬￡■生E倆芬一一塑把百馬暗膏成話徂IE舀的弟耳京，而有馬也不辛9足彩L狂藝小翎就色作兵EHHbt?的方獎(jiǎng)li巖的秋王，有馬的年市過t；.,盆此他再燦f不職自己憚卷的謂坯聲，洎輜他也只好岫常辱世m(xù)澇叫，理由.朋酬俄負(fù)紹，肖馬認(rèn)巴刊■■提李手京您at勉篇的白畝無物是引，波擋剝?cè)逍诿仞踉谄畁擔(dān)政的詳壽，-圖3-5動(dòng)漫簡(jiǎn)介四具體實(shí)現(xiàn)與分析（一）靜態(tài)設(shè)計(jì)先用Dreamweaver進(jìn)行布局和排版。（二）站點(diǎn)的建設(shè)與收集素材創(chuàng)建本地站點(diǎn)的具體操作步驟如下：要制作一個(gè)網(wǎng)站，第一步操作都是一樣的，就是要?jiǎng)?chuàng)建一個(gè)“站點(diǎn)”，這樣可以使整個(gè)網(wǎng)站的結(jié)構(gòu)清晰地展現(xiàn)在面前，避免了以后復(fù)雜的管理。打開Dreamweaver從菜單中選擇"站點(diǎn)/新建站點(diǎn)”在彈出的對(duì)話框中填寫目錄和指定文件夾，輸入站點(diǎn)名稱和默認(rèn)的存放圖像的位置。在文本框中輸入自己已經(jīng)想好的網(wǎng)站名稱“個(gè)人網(wǎng)站”。填好后，單擊“下一步”，進(jìn)入下一個(gè)步驟。由于我要做的是一個(gè)靜態(tài)的網(wǎng)頁(yè)，所以選擇上面的一項(xiàng)“否，我不想使用服務(wù)器技術(shù)。”單擊“下一步”，進(jìn)入下一個(gè)步驟。在此選項(xiàng)中有兩個(gè)選擇，選擇推薦的“編輯我的計(jì)算機(jī)上的本地副本，完成后再上傳到服務(wù)器”。底下的文本框允許在本地磁盤上指定一個(gè)文件夾，Dreamweaver將在其中儲(chǔ)存站點(diǎn)文件的本地副本。單擊該文本框后面的文件夾圖標(biāo)，新建并指定一個(gè)空的文件夾“D:/ys”。之后單擊“下一步“，進(jìn)入下一個(gè)步驟。這一步是如何設(shè)置連接到遠(yuǎn)程服務(wù)器，彈出式菜單中有6中選擇，這里選擇“無”。而后“下一步”再“完成”，這樣，一個(gè)站點(diǎn)就算建好了。收集素材:收集一些網(wǎng)站所需要的素材，比如圖片、音樂、文字等。做網(wǎng)站前的一些準(zhǔn)備工作也是很重要的。只有有了充足的準(zhǔn)備我們才能把網(wǎng)站做好。因此在做網(wǎng)站前我們必須把做網(wǎng)站的過程中可能所需的所有的材料都準(zhǔn)備好，這樣才能做出讓自己和大家都滿意的網(wǎng)站，而不至于在做的過程中亂了手腳。圖片的LOGO如下圖1-8所示四AN(■1F您現(xiàn)圖4-1LOGO展示圖HTML語(yǔ)言要想建出專業(yè)的Web頁(yè)面，就要學(xué)會(huì)利用HTML來編寫網(wǎng)頁(yè)。HTML(HypertextMarkupLanguage)超文本標(biāo)記語(yǔ)言，是用于編寫網(wǎng)頁(yè)的主要語(yǔ)言。它是純文本的類型的語(yǔ)言，語(yǔ)法非常的簡(jiǎn)單。它通過對(duì)各種標(biāo)記、元素、屬性、對(duì)象等的設(shè)置來建立與圖形、聲音、視頻等多媒體信息以及對(duì)其它超文本的鏈接。一般典型網(wǎng)頁(yè)應(yīng)該包括如下HTML代碼：<!doctypehtml><head><metacharset=〃gb2312〃><title>楊松的畢業(yè)設(shè)計(jì)-四月是你的謊言</title><linkhref=〃css/base.css"rel=〃stylesheet”〉<linkhref=〃css/index.css"rel=〃stylesheet〃><linkhref=〃css/media.css"rel=〃stylesheet〃><metaname=〃viewport"content=〃width二device-width,minimum-scale=1.0,maximum-scale=1.0〃><!--[ifltIE9]><scriptsrc="js/modernizr.js"></script><![endif]--></head><body><divclass=〃ibody〃><header><h1>四月是你的謊言</h1><h2>星星在你的頭頂上閃耀著，與你交互訴說的話語(yǔ)，一句一句地，如同星點(diǎn)般翩然落至眼前。</h2><divclass=〃logo〃><ahref=〃〃></a></div><navid=〃topnav"><ahref="index.html">首頁(yè)</a><ahref=〃about.html〃>關(guān)于宮園薰</a><ahref=〃newlist.html〃>人物介紹</a><ahref=〃share.html〃>在線觀看</a><ahref=〃new.html〃>動(dòng)漫簡(jiǎn)介</a></nav></header><article><divclass="banner”〉<ulclass="texts"><p>春天馬上就要來了</p><p>讓我與你相遇的春天就要來了</p><p>再也沒有你的春天就要來了</p><p>有馬公生</p></ul></div><divclass="bloglist"><h2><p><span>經(jīng)典</span>語(yǔ)錄</p></h2><divclass="blogs"><h3><ahref="/">第四集出現(xiàn)</a></h3><figure><imgsrc="images/01.jpg"width=〃101%〃height="96”></figure><ul>其中，<title>與</title>之間是網(wǎng)頁(yè)的標(biāo)題，一般被顯示在瀏覽器的標(biāo)題欄中。<head>與</head>之間可以聲明和定義變量、方法，還可以加入java-script/vb-script等一些腳本語(yǔ)言。<body>與</body>之間是網(wǎng)頁(yè)的主要內(nèi)容，任何網(wǎng)頁(yè)元素都可以加入其中。例如在主體中可以加入<div>與</div>標(biāo)簽是定義了一個(gè)層，加入<font>與</font>標(biāo)簽是定義字體樣式，加入<style><!--></style>標(biāo)簽是定義一個(gè)CSS樣式等。（四）用框架表格進(jìn)行布局和排版主頁(yè)面使用的是上方固定，左側(cè)嵌套的框架共四個(gè)網(wǎng)頁(yè)。然后在main,top和left每個(gè)網(wǎng)頁(yè)中又嵌套了一個(gè)表格那是整個(gè)版面看起來更加整齊、清晰。Top中的表格用來組織頁(yè)面頭部的元素（下稱“頭表格”），在設(shè)計(jì)視圖下將鼠標(biāo)光標(biāo)置于網(wǎng)頁(yè)編輯區(qū)，點(diǎn)擊“插入”一“表格”，設(shè)置2行、3列的表格，“表格寬度”1000像素，“邊框粗細(xì)”為1，點(diǎn)擊確定。選中表格在屬性控制面板中設(shè)置對(duì)齊方式為“居中對(duì)齊”。然后再將第二行單元格合并。并插入所需要的元素。Left中再插入一個(gè)2行1列的表格，用來組織左邊頁(yè)面的主體內(nèi)容，其它屬性同頭表格。再填入所需內(nèi)容，并加入超鏈接。最后再在Main網(wǎng)頁(yè)中插入一個(gè)1行2列的表格，用來組織頁(yè)面的主要內(nèi)容元素?！斑吙虼旨?xì)”為1，設(shè)置表格為顯示邊框。（五）添加網(wǎng)頁(yè)元素利用設(shè)置表格圖片、插入圖片等形式添加網(wǎng)頁(yè)圖片元素。利用鍵盤輸入或復(fù)制粘貼等方式添加文字，文字顏色設(shè)置為紅色。（六）旋轉(zhuǎn)字特效代碼如下<divclass="rnav”><liclass="rnav1"><ahref=”/">干燥的空氣</a></li><liclass="rnav2"><ahref="/">塵埃的味道</a></li><liclass="rnav3"><ahref="/">我在其中</a></li><liclass="rnav4"><ahref="/">踏上旅途</a></li></div><divclass="ph_news">（七）網(wǎng)頁(yè)設(shè)計(jì)過程圖如下圖1-92-1所示EilJafl￡ifiufaJliEhM-fliEt^L■L^SL-SEXEkarB_d￡s*iJ?EkaTB.RRjM1.itJEtdfl0jl?厚1,仍*皿jXE7<■></]￡><1l>：jhmf=hrip*/''bALkfr-加口血.■zmu1]Lff?uy]=hi￡!TjmcmiUKLWH區(qū)j】*石l-advfh*敏皿皿兇更心網(wǎng)巾那馳T忒虹M_AdJ1l2i?44q.-ffA^B卷herf-Fitipi.''ybalite.b?idiiBoott/lljnta^irl=q:t4C-HH4xLclHhU1SauAvt，?2JFi：HH心MhSNMu單hPOClH勺.口￡也耳5fANG■SafiT如7Q71727B<az：ids><jdi.wEl*￡3^|B'cn3ffl-*><L1Cila&5=aJOKVlCLi『HrkiTinr；?<2LicXixx"H'Eraru1^'<L1(ilssLaamM爽i#<jdj.wEd.u3?K^pli_nBvx'<hS>Cp?i￡iE5lt<7p?</h2><U1014^5=8^_318>V11H用偵cLa^MrHJK/spMiXtlur&f^r：-1SSS3盅點(diǎn)莒目?用兆Her?gsz<]ix：spki-iLlas^TiiaZ4JflEC/spMUahttfi"*">馬#*ll朋■訝桎?/心^HXopmclaTx^rmT>Q3</xpxiXa.he"自己Wja5?*7-BV>x7ii><LLX^^^</bj^'aE!閂射早平晚快<?<X7：Li>■(LiWspm,■-ffi</xfrin'*■:>"hr?F■寸ihr就=*7二干埼的3E氣由心</11?■>-：shrrf=V>iiiS0il?l-：Xb>VIDhrrir-V■!^S?*VSM就曲邊i^dabiBr<wiiiTLBb_*.L"同jHl'泗tfE,■?,rn由KLEJ?*31sinttEW-H-■r?:：-iMMfr>m田jtwr*v，l.田Spry田Aa^-kichb111if田ICEH!蠢目賣蚤四月是你的謊言*<四月匱翩^言>是由日無菱沔頁(yè)況111司作而的:府?E曰3*加FT；E可0dEE田國(guó)QJs田巨ScrijU由01araJ,nnl讓t.ItLbITkirakin],圖4-2網(wǎng)站設(shè)計(jì)過程DwS*h：F|M.EJH>1■偵IUftlFWj■*頃aiKlSi枝尚?口1翊H!§|H|iMZilwl*:?:■；J財(cái).bJOik.■::L4riMML&etifiKre口出此」、陋rm#t曲破4隊(duì)況-尸：.耳a帷若成wdtit訐-四泱宙<00^5二<3Lvcilasf=BilMa^B?r.-<hl>E3月基偉的■■</!□，量宜位偉由土良上內(nèi)?野-K商燹丘帝誤的ii尋-ftlffl"cQime”理『XbTa妃X函am隹nauid-fapnw""■hE?fc"~Lndax.htaJ'.-K-.-'■>-'■hE?fc"『Hi&uMhralV^K干EH13B?./心，hwC=Biiw31ft.Hnl-r>.^t3fr@-7?Xbhcirf^storxhtm在眈mst='BS<.lit<L'?甜.5(井《血!疝Jef}<artLcLB><ftipcamEFaEneC<111史1?屋》?%??1/><p>?SC/pBU出與鐐EjS時(shí)■無7Vp>就一育馬餐生“W</uD<fllvcQ!Mr=Flfli