爱漫动漫网站的设计与开发

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