愛漫動漫網站的設計與開發

2023年12月28日發(作者：英語加油怎么說)

遼寧農業職業技術學院

畢 業 論 文

系 別：專業名稱：論文題目：學生姓名：指導教師：評 閱 人：成 績：

信息工程系

計算機網絡技術

愛漫動漫網站的設計與開發

二O一三年六月二十日

目 錄

摘要 ..................................................... 3

關鍵詞 ................................................... 3

前言 ..................................................... 3

1.網站采用的開發工具介紹 ................................. 3

1.1 Dreamweaver簡介 .................................. 3

1.2 Adobe Flash軟件技術的簡介 ........................ 3

1.3 Adobe Photoshop軟件技術的簡介 .................... 4

2．需求分析 .............................................. 4

2.1 網站制作的需求描述 ................................ 4

2.2對于用戶高級應用需求描述 .......................... 4

3．總體設計 .............................................. 4

3.1 網站的功能 ........................................ 4

3.2 網站的特點 ........................................ 5

3.3 網站的結構設計 .................................... 5

4．詳細設計 .............................................. 5

4.1 網站詳解設計 ...................................... 5

4.1.1 主頁 ............................................ 5

4.1.2 新番動漫 ........................................ 7

4.1.3 會員論壇 ........................................ 9

4.1.4 下載專區 ........................................ 9

4.1.5 原創動漫 ........................................ 9

5．網站的測試 ........................................... 10

結束語 .................................................. 10

參考文獻 ................................................ 10

致 謝 .................................................. 11

２ / 12

愛漫動漫網站的設計與開發

摘要：本網站利用Dreamweaver 、Flash 和Photoshop 等軟件，實現了網頁的瀏覽，資料的宣傳，視頻的發布等功能，達到了宣傳推廣動漫、發布動漫資源等目的。

關鍵詞：動漫；flash；Photoshop；Dreamweaver

前言

動漫是動畫和漫畫的總稱。近幾年來動漫文化的發展就像洪水一樣猛烈襲來，動漫已經告別低年齡層轉而向全民動漫方向開始發展，喜歡動漫的愛好者越來越多。由此市場對動漫的需求量也如雨后春筍一樣，越來越高。動漫愛好者們希望在這一領域能得到更多的資源，獲得更多的能滿足他們各種愛好的資源集中地，就這樣動漫不知不覺的逐漸形成了一種文化特色的存在。怎樣才能實現動漫資源的共享呢，于是我想到了制作網站。網站現在已遍布世界各地，恰巧網站的特色是可以實現資料的宣傳、產品資訊的發布、招聘信息交流等功能，加上網站的創建成本低，是實現動漫推廣的不二之選。

本網站就是以發展動漫產業推廣動漫精神為根本目的設計開發，意在為動漫愛好者提供一個專業的動漫平臺，以系統、科學的方法對動漫進行研究，弄清其發展規律，以服務于國產動漫的發展。

1.網站采用的開發工具介紹

1.1 Dreamweaver簡介

Dreamweaver是由Macromedia公司開發的一款所見即所得的網頁編輯器。

可以用最快速的方式將Fireworks，FreeHand，或Photoshop等檔案移至網頁上。使用檢色吸管工具選擇熒幕上的顏色可設定最接近的網頁安全色。對于選單，快捷鍵與格式控制，都只要一個簡單步驟便可完成。Dreamweaver能與Playback Flash，Shockwave和外掛模組等搭配，不需離開Dreamweaver便可完成，整體運用流程自然順暢。只要單擊便可使Dreamweaver自動開啟Firework或Photoshop來進行編輯與設定圖檔的最佳化。

1.2 Adobe Flash軟件技術的簡介

Adobe Flash是美國 Macromedia公司所設計的一種二維動畫軟件。通常包括Macromedia Flash，用于設計和編輯Flash文檔，以及Adobe Flash Player，用于播放Flash文檔。

3 / 12

Adobe Flash被大量應用于因特網網頁的矢量動畫文件格式。使用向量運算的方式，產生出來的影片占用存儲空間較小。

1.3 Adobe Photoshop軟件技術的簡介

Photoshop是Adobe公司旗下最為出名的圖像處理軟件之一，集圖像掃描、編輯修改、圖像制作、廣告創意，圖像輸入與輸出于一體的圖形圖像處理軟件。

Photoshop可分為圖像編輯、圖像合成、校色調色及特效制作部分。圖像編輯可以對圖像做各種變換如放大、縮小、旋轉、傾斜、鏡像、透視等。也可進行復制、去除斑點、修補、修飾圖像的殘損等。圖像合成則是將幾幅圖像通過圖層操作、工具應用合成完整的、傳達明確意義的圖像。校色調可方便快捷地對圖像的顏色進行明暗、色偏的調整和校正，也可在不同顏色進行切換以滿足圖像在不同領域如網頁設計、印刷、多媒體等方面應用。特效制作在photoshop中主要由濾鏡、通道及工具綜合應用完成。

2．需求分析

2.1 網站制作的需求描述

靜態網站的內容多而冗雜，需要通過多種方式緩存在網絡的各個節點上，瀏覽器所在的客戶端本身、終端服務器等都需要提供相當大的空間用來存儲和提取靜態網站的內容，所以在部署靜態內容的時候就需要充分利用網絡就近原理給用戶提供這些網絡靜態資源，這樣才可能提高用戶獲取資源的速度而且大大緩解了服務器端的壓力。

2.2對于用戶高級應用需求描述

訪問網站的用戶，在瀏覽完各個頁面以及資源后，會提出更高的應用需求。用戶希望網站能提供一個平臺以供用戶自己同他人進行交流彼此表達觀點。這就需要動態網頁的支持以及服務器的支持。這就會涉及到用戶資料以及數據庫的建立，同時網站需要定期維護升級的難度也會大大提升。

3．總體設計

3.1 網站的功能

實現動漫資源的發放宣傳，公布最新的動畫信息以及動漫產業新聞，設立下載模塊，游戲的發布，支持原創動漫作品。支持論壇的公布和發表，供給用戶上傳動漫文件和下載動漫文件。

4 / 12

3.2 網站的特點

通過豐富的視頻和資源讓用戶了解網站，得到自己想要找到的內容，用戶可以在網站中發布自己的言論和觀點，并提出意見。其中充滿藝術感的主頁是網站的亮點。

3.3 網站的結構設計

圖 3-3網站的結構設計

4．詳細設計

4.1 網站詳解設計

4.1.1 主頁

5 / 12

圖 4-1-1主頁

主頁的設計理念以中國的墨韻為風格，用兩筆濃濃的墨勾出主頁的菜單部分。主頁分為上下兩部分，上部是主菜單，交待網站的幾個主要分支內容，分別是，動漫新聞，發布最新動漫行業新聞和漫畫新聞，交待最新國家動漫行業政策，是實時更新的一個模塊也是用戶比較關注的一個模塊；新番動畫，首先解釋一下新番的定義，新番即新節目或新鮮的作品，這個詞最早起源于日本，現在特指新誕生的漫畫或動畫作品，新番這個模塊是實時更新漫畫及動畫作品，讓用戶能得到最新的作品信息和欣賞；原創動漫，支持新人發表自己的動畫及漫畫作品；會員論壇，為用戶提供交流的平臺；游戲，展示近期熱門小游戲；下載專區，對游戲以及視頻下載的平臺。

下部主要是用flash做出來的，其中加入了視頻和flash按鈕，并且按鈕做了外鏈，用flash做出的效果整體來說是比較吸引人的。

在網頁中插入Flash

6 / 12

Flash里分為幾個按鈕，漫畫欣賞，熱門漫畫更新與欣賞；名人博客；精品圖庫；視頻欣賞；動漫八卦；動漫周邊，并且每個按鈕外鏈到一個網頁。

Flash按鍵動作代碼

轉下一幀并繼續播放

on(relea)

play()；

轉第三幀并播放

on(relea)

gotoAndPlay(03)；

stopAllSounds()；

全屏播放

fscommand("fullscreen","true")；

退出

on(relea)

if(substring(_root._url,8,1)=="/")

fscommand("quit")；

el getURL("javascript：window.關上()")；

}//end if

歸回第一幀

on(relea)

gotoAndPlay(01)；

stopAllSounds()；

4.1.2 新番動漫

7 / 12

圖 4-1-2 新番動漫

網頁整體以藍紫色色調為主，用比較標準的版式展示新番信息，網頁的左上角加入flash元素，隨著滾動圖片展示出主要內容，網頁的整體注重資訊的一目了然，所以并沒有像主頁一樣加入豐富的色彩。其中用Photoshop工具對網頁中的各種邊框加以底紋8 / 12

設計，這樣更能使網頁自然的呈現。在網頁的下半部，設立了一個調查區，用多選的方式總結用戶最關心的問題，以便為網頁以后的內容作出準備。

4.1.3 會員論壇

這里只是做出來靜態論壇頁面，論壇的主要功能是供訪問網站的會員發布信息或提出看法進行觀點交流，但是論壇是存在著弊端，隨著時代的發展，使得論壇成為新型詞語或一些不正規的詞語的創始地并飛速蔓延。所以擬定網站不定期的審核論壇內容，對不符合不安正規要求的內容進行刪除或管理。

4.1.4 下載專區

設立下載專區的目的是為了推廣和發布，該網頁里鏈接著資料庫，用戶登錄網站就可以在頁面里選擇資料庫中的文件進行下載，用戶可以下載自己喜歡的視頻以及游戲或資料文件，并且用戶還可以上傳自己的文件發布自己的個人信息。網站里的文件是經過監控和殺毒后才進行發布的，用戶可以放心的下載自己所要的資料。

下載鏈接代碼：

4.1.5 原創動漫

頁面整體以公布個人創作作品為主，提倡原創鼓勵原創。網頁分如下幾部分，熱門作品，該欄里公布近期最受歡迎的漫畫作品；熱點推薦，討論時下最受爭議的話題；精品單幅推薦，精簡獨特的作品專欄。

9 / 12

5．網站的測試

網站的測試利用了Internet Explorer瀏覽器，該瀏覽器是目前因特網中使用最為廣泛的瀏覽工具。測試環境是在Windows XP和Windows 7系統下進行的測試。測試結果如下：

主頁打開速度整體較為流暢，展開時間用不到1秒鐘，但每次重新打開網站時都會彈出網頁首選項

整體運行過程中沒有出現卡死或打開過慢的現象，各部分功能均能正常展示，主頁鏈接視頻均能較好的播放并停止，flash鏈接也沒有出現問題。運行起來可以達到基本預期效果。

雖然網站可以較好的運行起來，但是網站的完成度還不夠，包括許多鏈接還不是很完美，介于時間有限和技術的缺陷，網站目前還屬于靜態網站，并沒有加入前臺和后臺管理以及數據庫的成分，其中論壇的模塊并不能達到用戶上傳數據和發表數據的功能，該網站的重點還是在于設計思路與架構，所以對于動態網頁的實現還有一定的距離。

結束語

通過對網站開發與設計，使我掌握了Dreamweaver、Photoshop、Flash等軟件的基本原理和使用方法，學會了一些基本編程技巧，使我在網站設計方面有了一個全新的提高。最重要的是此次工作使我獲得了一個親自動手獨立開發網站的機會，使我獲得了很多相關開發方面的經驗，也使我認識到了開發網站是一項龐雜而又細致的工作，我也知道了我現在所掌握的知識還遠遠不夠，這要在以后的工作和學習中來彌補。

由于本網站的開發時間較短，且我只參與了其中版面設計和創意內容的開發，還有很多項的內容不是很完美，可能會造成一些疏漏，在以后我會逐一的排除錯誤，使它成為一個功能完整，使用方便、通用性強的網站。

參考文獻：

[1]周之英.現代軟件工程[M].科學出版社，2000.

[2]鄭人杰等.軟件工程[M].清華大學出版社，1999.

10 / 12

[3]元燕輝等.瀏覽器/服務器應用開發，科學出版社

[4]張海藩等.軟件工程導論（第四版）[M]. 北京:清華大學出版社,2003.

[5]李存珠等.軟件工程概論[M].南京：南京大學計算機系出版, 2003.

[6]李瓊.flash8.0閃客動畫輕松現場實戰[M].北京:航空工業出版社，2007．

[7]趙國志等.色彩構成與繪畫設計藝術[M].遼寧:美術出版社,2000.

[8]羅小燕.flash動畫與卡通制作創意導航[M].北京:清華大學出版社,2002．

致 謝

首先，我要誠摯的感謝我的導師杜曉軍老師，在論文的寫作過程中，多次得到他的督促，并且他為我的論文提出了許多寶貴的修改意見。

其次，還要感謝同組同學，他們與我共同承擔了設計與開發任務，在大家的共同努力下，終于圓滿地完成了設計，在此我向他們表示深深的感謝。

11 / 12