泰山职业技术学院
毕业设计(论文)
题 目:
系 部:专 业:学 号:学生姓名:指导教师:职 称:
《动漫网页制作》
摘要
本论文主要论述了本人所做毕业设计课题《动漫网页制作》的技术背景、设计理念、概要设计、详细设计以及最后效果展示等方面内容,详细的介绍了本人对于设计简单动漫网页的一整套设计过程和相关技术难点的解决方法。
在Internet飞速发展的今天,互联网已成为人们快速获取、发布和传递信息的重要渠道,因此网站建设在Internet应用上的地位越来越重要了。目前Internet上已有上百万个Web站点,其内容范围跨越了教育科研、文化事业、金融、商业、新闻出版、娱乐、体育等各个领域,其用户群十分庞大。动漫设计网站成为越来越多动漫爱好者和非动漫爱好者获得信息和交流的平台,它满足了广大用户随时随地进行交流和沟通的需要,为网上用户提供交流场所,实现高效动态信息交换,而网站恰恰是由一个个小小的网页集结而成,没有网页就没有强大的网站。现在虽然有很多动漫网站,但版面千篇一律,缺乏个性化、前瞻性,页面设计混乱,不利于用户查看,网站的交互性比较差,因此我针对以上问题为动漫网站设计一个个性化的动漫网页。
我的目标是做一个网页简单、清晰、内容相对全面、具有个性化、能给用户带来特殊视觉感觉的动漫网页。网页实现的基本模块有显示动漫新闻和动漫杂谈信息,动漫的主要人物信息等等。动漫爱好者可以通过前台对自己需要的信息进行查看,可以通过页面上的链接查找其他个性化信息。留言本更是提供了用户之间交流的平台,用户可以实现实时交流互动。后台的信息管理,实现对前台信息的及时更新,本网站的主要特色是页面新颖友好,内容直观,操作简单方便,适用于广大动漫爱好者。
关键字: 动漫网页、Access、Dreamweaver CS4
1
《动漫网页制作》
Abstract
This thesis mainly discusses the graduation design topic I do anime web production technical background, design idea, general design, detailed design and the final effect reveal aspects of content, detailed introduces himself to design simple cartoon page of a set of design process and related technical problems solution.
In today's rapid development of Internet, the Internet has become people to quickly get, distribution and transfer information important channel, therefore website construction in the Internet application status is becoming more and more important. On the Internet at present there have been millions of Web sites, the scope of its content across the education scientific research, cultural, financial, business, press and publication, entertainment, sports and other fields, it has very large user base. Animation design website become more and more anime fans and the anime fans access to information and communication platform, it can meet the the needs of the masses of users communicate and communication anytime and anywhere, provide communication place for online users, efficient dynamic information exchange, and site is composed of little web pages gathering, no web, no powerful web site. Although there are a lot of DongManWang stand now, but the layout of the same, the lack of personalized, prospective, page design, unfavorable to the user to see, website interactivity is poorer, so I have to solve above problems as DongManWang station design a personalized anime web pages.
My goal is to make a web page is simple, clear, content is relatively comprehensive, has the individuality, can bring special visual sense of anime web page to the user. Web pages to achieve the basic module has show animation and cartoon gossip news information, the main character of the anime information and so on. Anime fans can be through the front desk to check the information you need, can look for other personal information through the links on a page. Guestbook is provides a communication platform between the user, the user can realize real-time interaction. The background of information management, realize the information at the front desk to update, are the main features of this web site page novel friendly, intuitive, simple and convenient operation, applicable to the cartoon lovers.
Key words: anime, Access,Dreamweaver CS4
2 2
《动漫网页制作》
目录
摘要........................................................................1
Abstract....................................................................2
目录........................................................................3
第1章 网页设计技术和目的....................................................4
1.1 网页设计技术........................................................4
1.2 设计的目的..........................................................4
第2章 软件环境..............................................................4
第3章 网站要求..............................................................4
第4章 网站创意与结构........................................................4
4.1 网站创意............................................................4
4.2 网站结构............................................................5
第5章 个性化设计............................................................5
5.1主题.................................................................5
5.2 网页材料来源........................................................5
5.3网页布局.............................................................5
5.4导航条...............................................................6
第6章 网站规划..............................................................6
6.1 主页规划............................................................6
6.2 副页规划............................................................8
第7章 总结.................................................................10
第8章 致谢.................................................................10
附录1......................................................................11
附录2......................................................................12
参考文献...................................................................13
3
《动漫网页制作》
第1章 网页设计技术和目的
1.1 网页设计技术
Dreamweaver:这是网页三剑客之一,专门制作网页的工具,可以自动将网页生成代码,界面简单,实用功能比较强大。
1.2.设计的目的
(1)通过综合实训进一步巩固,深化和拓展学生的理论知识与专业技能。
(2)训练和培养学生获取信息和处理信息的能力,充分培养和提高学生的动手能力,学会通过网站、书籍、素材光盘等方式收集所需的文字资料、图象资料和网页特效等。
(3)培养学生运用所学的理论知识和技能解决网站开发过程中所遇到的实际问题的能力及其基本工作素质。
(4)培养学生理论联系实际的工作作风,严肃认真的科学态度以及独立工作的能力,树立自信心。
第2章 软件环境
网站是在笔记本Windwos7环境下用Dreamweaver和Photoshop等开发工具完成静态网站的开发。
第3章 网站要求
风格统一和谐的网页,网页操作合理、方便、友好 需要实现的功能和性能是:适当运用HTML语言和CSS样式定义,并正确运用多媒体信息,设计出风格统一和谐的网页;网站正常运行,功能达到设计要求,风格和谐统一,操作合理、方便、友好,界面具有美感或创意,还要符合网站管理的原则。
第4章 网站创意与结构
Dreamweaver是创建专业网站的最佳工具,同时也是构建强大Internet应用程序的最简便途径。开发人员可以在一个开发环境下快速地实现网站,以及Internet应用程序的创建和管理。
4.1网站创意
此网页是基于网络动漫创意,将许多如今网络上红火的动漫整理之后用Dreamweaver和Photoshop等开发工具制作成静态网页,以供其他人进行熟悉浏览,也可加强动漫爱好者的交流。
4
《动漫网页制作》
4.2网站结构
第5章 个性化设计
5.1主题
本网站以当下网络红火的动漫为题材,对多部动漫节进行详细的介绍,使浏览者可以很快的了解该动漫的内容。
5.2 网页材料来源
网页材料主要在网站上搜集所要的网页信息,包括图片、文字、相关的新闻。同时,查询相关的书籍、百度和素材光盘等方式收集所需的文字资料,图象资料,flash动画和网页特效等,用以得来更加具有说服力的页面。要想做好自己的网站,能够给浏览者好的欣赏感受,就要尽量搜集材料,搜集得材料越多,以后制作网站就越容易。精选自己收集的材料,作为自己制作网页的素材,这样就可以做好一个好的网站。
5.3网页布局
本网站采用了Dreamweaver中的CSS样式进行了主页与副页的排版,可以清晰明了的看到各方面的布局。
5
《动漫网页制作》
5.4导航条
导航条采用了表格直接将所有内容容纳概括,方便浏览者直接进入自己所希望了解或者喜欢的页面进行浏览。提高了效率。
第6章 网站规划
6.1 主页规划
主页旨在简介明了将内容完美的呈献给浏览者,因此将大部分的内容隐藏,将精华部分内容放置在导航之下以供浏览。
6
《动漫网页制作》
7
《动漫网页制作》
6.2 副页规划
副页旨在详细的介绍各个动漫的情况,并列出了各个动漫的排行顺序以便浏览者依照顺序浏览网页,节约了大量时间与精力。
8
《动漫网页制作》
9
《动漫网页制作》
第7章 总结
通过这次网页课程设计激发学习兴趣,调动学习的自觉性,自己动脑、动手,动口,运用网络资源,结合教材及老师的指导,通过自身的实践,创作出积聚个人风格、个性的个人网页。总体来说,整个学期的学习过程,我学会了很多知识,在设计网页的这几天里,我充分利用了这次设计的机会,全心全意投入到网页世界,去不断的学习,去不断的探索;同时去不断的充实,去不断的完善自我,在网络的天空下逐渐的美化自己的人生!同时也检验了这三年来学习理论和专业知识的成果是怎样的。让我了解了真正开发一个网站需要具备很多知识和能力,而且积累一定的开发经验也是很重要的。开发设计之前就必须进行充分的需求分析,及时了解用户的需求并听取用户的意见和建议,想实现什么功能,开发之后的作用意义是需求分析中最主要的。应用了平时所学的知识和查阅了许多相关资料,把理论与实践相结合,对课本上的理论知识通过实践有了更深的理解和认识,也学到了许多新的知识,增强了自主研究设计能力。
做好页面,并不是一件容易的事,它包括网站的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。本次课程设计不是很好,页面过于简单,创新意识反面薄弱,这是我需要提高的地方。同时自己也进步了许多,分析问题和解决问题能力有所提高,逻辑思维能力有所增强,也让我认识到只有从实践中锻炼,就能更好地应用所学的理论和发现新的方法去解决问题。毕业设计让我认识到了自己的不足,也让我获益终生。
第8章 致谢
转眼间,毕业设计完成了。在这段时间里,我在老师的指导和同学的帮助下下圆满的完成了毕业设计,在此我衷心的感谢我的指导老师,在百忙之中抽出时间来对我耐心的指导和帮助,并提出了许多宝贵的意见和建议,我的论文才得以顺利完成。为了毕业设计和毕业论文的完成,老师也付出了很多宝贵的时间和精力,对于她的帮助我表示感谢。 设计的这段时间里,虽然很辛苦,但使我获益非浅,我体会到自己在学习的知识方面存在很多的欠缺,但最终在毕业设计的制作中,还是不断的把知识慢慢加深、巩固。 在论文即将完成之际,我的心情无法平静,从开始进入课题到论文的顺利完成,有多少可敬的师长、同学、朋友给了我无言的帮助,在这里请接受我诚挚的谢意!
10
《动漫网页制作》
:网站首页效果图
附录1
11
《动漫网页制作》
附录2:网站副页效果图
12
《动漫网页制作》
参考文献
[1]. 唐守国主编,创意+:Photoshop cs4网页设计、配色与特效案例精粹,清 华大学出版社,20xx年7月第一版
[2]. 史晓燕、苏萍编著,网页设计基础(HTML,CSS和JavaScript),清华大学 出版社,北京交通大学出版社,20xx年10月第一版
[3]./zero动漫网
[4]./百度百科
[5]./百度图片
[6].ACAA专家委员会DDC传媒主编,薛欣编著,ADOBE DREAMWEAVER CS4标准培训教材,人民邮电出版社,20xx年6月第1版
13