游戏工作室官网设计与制作

游戏工作室官网设计与制作

摘要

计算机和计算机网络的飞速发展，人们对计算机网络的依赖是越来越大，大大的减少了人们对周围环境的依赖，无论是哪里的网友，都可以通过因特网做到不出门尽知天下事，各类网络游戏如雨后春笋般的出现，由于以上的优势，各类游戏工作室也遍布各地，因此制作游戏工作室网站也是迫在眉睫。

毕业设计使用了Photoshop、Dreamweaver、DIV+CSS制作了游戏工作室官网的界面。主要包括游戏调研、文献检索、设计实践、设计自评四个部分。其中游戏调研主要是通过调研知名游戏官网了解游戏网站建站的特点和优缺点；文献检索主要介绍设计网站所使用的Photoshop、Dreamweaver、DIV+CSS三个主要软件以及采用的Javascript脚本语言；设计实践主要具体介绍了游戏工作室网站建站具体步骤和设计思路；设计自评主要总结设计作品后的心得体会。

关键词：网络游戏工作室；网页设计；游戏官网； Dreamweaver；DIV+CSS；Javascript；

摘要 1

Abstract 2

第一章绪论 3

第二章市场调研 5

2.1 市场调研 5

第三章所需软件简介 7

3.1 网页制作软件Dreamweaver 7

3.2 DIV+CSS简介 8

3.3 Javascript脚本语言 9

3.4 平面设计软件Photoshop 10

3.5 网站策划 12

第四章网站首页设计与制作 14

4.1 设计立意 14

4.2 网站结构规划 14

4.3 网站详情设计 15

4.4 网站页面设计与制作 16

4.4.1 制作工作室LOGO 17

4.4.2 上传工作室LOGO并制作导航栏 17

4.4.3 制作网站首页动态Banner 18

4.4.4 制作网站信息栏 20

4.4.5 制作网站底部信息 25

4.4.6 制作子页面Banner 28

4.4.7 制作子页面信息栏 28

4.4.8 制作子页面帮助中心公示栏 29

4.4.9 制作子页面游戏客户端下载 31

4.5 网站维护 32

小结 36

致谢 38

参考文献 40

附录一：网站设计的部分源代码 41

网站首页： 41

网站插件： 50

附录二：各个子页面图 60

XYL专区 60

服务专区 61

帮助中心 62

关于我们 63

官方下载 64

本作品为游戏工作室网站，主要介绍游戏工作室所代理的各种游戏，以及如何提供游戏工作室专有的高效率的服务，让更多的人了解游戏工作室的业务。游戏工作室的网站需要将各种游戏安装包以及游戏资料上传，且分为三类，分别是以轩辕传奇为代表的电子竞技游戏；以QQ天涯明月刀为代表的休闲娱乐游戏；以QQ天堂岛为代表的手机客户端游戏。又除了三类类游戏另增两大版块，分别是服务专区以及联系我们。因为做的是游戏工作室网站，不需要过多花哨的东西点缀，采用层叠样式表的应用，使用CSS实现出一个完美的网站。布局方法采用软件布局法，利用Photoshop软件对图像进行编辑。网页配色选用三个游戏代表性的图片来进行搭配，其中以现在的主流游戏轩辕传奇为主。

参考文献

[1]中国产业信息网.http://www.chyxx.com/research/201502/306382.html

[2]张玉祥.色彩构成[M].北京:中国轻工业出版社,2008.11.

[3]徐莉.HTML与CSS前台页面设计[M].北京:中国水利水电出版社，2006.5.

[4]戴一波.Dreamweaver CS3网站制作炫例精讲[M].北京:电子工业出版社,2008.1.

[5]何秀芳.网页制作与网站建设课堂实录[M].北京:人民邮电出版社,2009.3.

[6]唐守国.创意+:Photoshop cs4网页设计.配色与特效案例精粹[M].北京：清华大学出版社,2010.7.

[7]王征主.JavaScript网页特效实例大全[M].北京:清华大学出版社,2006.9.

[8]史晓燕,苏萍.网页设计基础(HTML,CSS和JavaScript)[M].北京:清华大学出版社,2006.10.

[9]张景峰等.HTML程序设计[M].北京:高等教育出版社,2005.9.

[10]项宇峰等.HTML网络编程从入门到精通[M].北京:清华大学出版社,2006.10.

[11]2015-2020年中国网络游戏市场调查及投资评估报告.智研咨询集团,2015.2.