游戏网页设计与制作论文

秦皇职业岛术技学院课设计论程设文计目：题游戏页网计与设制作学姓名：生指教师导：专名业称：网系统管络理所在院系：信工息系程2100年12月25日1秦皇岛职业术学技信息院工系摘程要入进二一十纪世互，联网进一普及步，人的们网络活进一步生丰富网，已经络成为人们之沟间交通流另的一方种。作为一式名大生学，习如学设何计和制作网页变成了项必不一少的过可程，过经个月的几中学集习我开，对网页始的设计制作和有了初步的识认，并学习且了一网些制页基础。在作网页作制，中我鉴了热借血传官网和奇多私服许网的设计风格，站着于给浏览重者以烈的强视觉击冲运。用hotposoh和fpierwrkso强大的像制图和处理作力能。行了进大的图片量作制从而给，以人强烈的感。美利并用Fash进l片行头动的制作，画给予浏览者一种强烈时的动感。整个网站代的架是构由Dearmavwe完成。的键关词网：制页热血作传奇图片的作制2秦皇岛职技术业学院信工息系程录目1章第选题本及次课设内容··················································11.查找资1料··········································································11.2开发工具·········································································11.·设3计理···念·······································································11.4基本框架·········································································1·.15容内与题的确主立·······························································2.61总体的选材········································································第2章二对于站中网图的片处理···············································32.1对l于ogo的作制·······························································3·22.图批处片··理······································································23.3导航的制作·条····································································三分3每说内一页的制容作程···过······ ·····································43.1·迎页欢·············································································4·3.2首页················································································4·3.3装备示页展········································································5.43下载心中····页···································································53.5·游介戏页······绍·································································53·6.法玛史记页········································································3.7游戏5截图·页·······································································53.新8指南页手········································································6.93充首值与充页值页·子··························································6·3.10功页成···········································································6·.113服中心页客······································································63.21玩相册家页·····································································6·四设中计遇到重点与的难点··················································73秦皇职业岛术学院信息技工程系.1难点41··············································································7.24难点2·············································································7·结论···············································································8·参文献考················································································9谢·致······················· ······················································01指教师导语评·······································································114第1章选题本及课程次计的设内1容1.找资料查本次课程计设资的主要料来自业专本,课找了有查色彩搭关和网配页局的布计设作。品.1开2工发具本次设课设的计使用了hoPotsopCS3h、eDamwaevrCS3eFl、sahCS、F3ierworskS3C件软其中。Ph，otosophC3S和FierorwkCSs制3做期前效图，使果用DeawemavrCeS3的中div和格为表整个页网布，局用代码并制作页特效网。1.3设计理念12纪世是信主宰的息纪，当人们世的活水平生提高后，人不们仅仅满足于质生活的需物求，注重更精神的享受上。而热血传奇就是款一好很的网游它可。成为你茶余饭后以休闲的为。了广让大戏游爱好更者的好了解于关热传奇血的确准信，网站设息计者合了热血综奇官传网以及服私站的特网，点合综性设计的该网站，在了站美网和信息量上观都做出了，大的很进改。1.4基本框1架秦皇职业岛技术院学息信程系工迎页欢首页装下玛游游新客备载戏法手服戏示展页中页心介页绍史记页图截指页南页中心页玩充家值首相册页页值充页子功成15.总体选材在的选材料择的程中过，虑到主题考颜色，统一的，主的材题颜色料选黑择红灰三，个颜。色在而料中网络素材材主要是游戏为截图做页备准，选了热血传奇择01周图片年2。皇岛秦业职术学技信院工程息系二章第对于网站图中片的理2.处1于对lgoo的制作（如图.12图2）.1Log：o主题是云风络网潮流主题，物人是传奇的中男战。表现士了奇传的士武精神效果，主运要用了PS中图层的式样滤、镜、版、渐蒙等变效，果刷等笔工具给人。耳目一新感觉！的22图片.批理处对于业制作过网程，中图是片重很的要一部分素。同材样片图处理的更重是要。于玩家相册对以，游戏及图都要截同样规格图片，所的就以到用了，ifeworrks的批理处能。文件功→批理→选择处片图→入缩→加添→sacetlsioze更改→图像片。并且利用素firwerkos进行各别片的图光发效的果置设。23导航.条设的如计图示所1（）2）图（2.图223.△计剖析设：（1）主为导航，每一个链接条都以实现可链（到接下一个网）页（2。充）值页航，导页首与官方站网可以现。这两实主导个条航充和值导页分别放航内容在不同的网页上，用页了黑色明和度的蓝色，低人给踏的实觉感简洁，观直可用性，强主要运。用 了PS的中图层样式滤镜、、版、渐蒙变效等果笔，等刷具。工3秦皇岛业技职术院学息工信系程三第章说分一每内页容的制过程作3.1迎欢页使用张热血两传十奇周图片年，张一做背景，另一使用时间张轴做出一个似于类窗帘的果。然效使后用P制作了“S风云络网迎欢”和“进入您页主”的。字果主效要用了运PS的图层样式中滤、、蒙镜版渐、变效等，笔果刷等工具如（图31.。）进入主页”“应用DW中的鼠标过经像做成了按图的钮式形，点可进入击页主图3。13..2页对于首首，页体整的架就利用框表格A和diPv来完的，成页顶部添分加loo图g作片背景，为在作中制用利网素络进行材拉。伸接来在下顶部分添页加导条，在航导航下图添加一个面旧怀flsa，h图如32.使（用laFshCS3制作的）用网络材素闪图作为背景，在redawmaevre中行f进lsah添加的。然后使，了代用，码了一做个动的态游截戏图，如3图.3。4皇秦岛职技术业院学信工程系息图.3图2.33.33装备示展装备展页页示给是玩家展传示奇装以及让备家了解装玩的备性。属页主此要应用表格了和AdPvi局部，.43下载中心页在内容页曲新，添中表加，表格中格具是体内的容传奇所开区，是以及开的状区，在整体态的容页内中超链的设置接修改，页→面性→属类分（接链→）更链接颜改与已色问链访，并接择下选划样线。“式下载用专登录器点击”可下载以登器录。3.游戏介绍5页游介绍戏页主中要突出是的的他实用性在。面插入了文此域。本入插方：法插—入表〉—单文本域〉，后然添在加本。它的文能功是为玩介家绍传了的玩奇法在，什么地方打，怎怪获得元宝么等…3….玛6史记页法在此中页插入了个一Fals，以一本书h的形式现出。此Flas的是在热h血奇官网中传得的。获页此主的功要能介是了绍传的历奇史，更好让的玩家解了传奇，让家有玩身其境的感觉。3.7临游戏截图页在页中使用本了码代设置，背为景色。图片黑是360旋转度当鼠标，放在上时面，图下旋转速的变度慢，鼠当左右相标甩动关时，片的旋图转5皇岛职业秦技术院学信息程工系向也方会生改发。变这图片些都是玩所截家的精彩片，图人有赏让心悦的目觉，感让会观看有者试传玩奇冲动的。3.8新手指南页在页本的计设，中插入了表，格表中格具体加了添新手如何请账申号，如何找回密码，何设置如保密……为等手指新了明方向。.39充首值与页充子页值对静于网站，制态充作值界有面不合适些，是我但课程设们置目的的就为是让了我可以对们页网 三侠客使用有一个的全面的整，所以为了知识点的合面功能全面的利全用，以所作制充了界值面同样，也和首是页应呼在。作制过中程，几点有是说要的，明一是单选扭按，是要添在后加将他的们改值同为一值数，便以现实选的单业。作在文本的框添过程加中同要样识知每文个框的意义，进本单行行多行，密，码的设。3计10成.功页成页主要功功是能示提玩家充值成功的字与，背景都是用使PS制作的3.11客。服中心页客服心页附中页，主要属对是服信息的客绍，介主是应用了要格和表APidv为，PAid添v加灰了色背景。在的页首点“客户击系”和联“客服中心”看查此页。3.12家相玩册此页页要是主展老示玩的相片家以及，的的玩游戏息信让新。手老和玩更家好交的流、习。学6皇岛秦职业技学院术信工息系第程章四设计遇到中的点与难重点此次在和设置课的程中过遇，了很多到难点，的同也是样为因遇了见些难这点发现了学习才的中洞与漏不足所，下以我面对就在站网设过计程见遇难点与重的进行总结。4.1点重点点难1在设过程计中，总先要的说就对是于网三剑页客软件的用使。因是为计算机络网理管学的生，所在以堂上并课没进行软有的代码的学件习，是只在图形面界进行简单的作操，有很多简单代的码却能实现很多复杂的果效所以只能，网在上查找络很多杂复的代进码行加，添且调并，一试是时，二是费即使使用，了依不能旧握使掌方用。所以在法后以的习学更中应该对件软进深入行了解，仅停仅在初学者留的阶是段不以的。可于一对个业专的IT人员，于各对种软的代码件的用应必是要的同，样在正的网页制作真程中，过码代是使用也便捷最功能最大的强，以对于学所习硬的件们我应也对该码代这一方进面了行。4解.2重点难点2同样，在专知识，业件使用软过的中程现发难点的与不足的同，时更要说明是的种常识一问以题一及些周边科学知的空白识。说常到识，自然是页网的构结在，们平时我的习生活学中，会看也很到的网站多但大多大，都会关注的家是它实的内容用即使美观也，是报只着欣赏的态度看去，并有静下心没看一看来，这个网的站构布结是局什么？内部分应容怎样分类该主？与页容内的页接？这都是衔时平制在过程中所作发的现不足。有还一点不得说不的是就边知周的识白空比如，制在作过中，程网页的颜就涉及色色到学彩，色与主颜题密结紧合制作什么，主题样网站的，使什用么样的色。不颜仅仅主题颜是，色有各个模块间颜还色协的，让调大家看起来 更像一体，且颜色不唐突。什么样的颜色让人看起来更静安么样的颜什色起来看更烈……都是我热在平时的学们习中欠缺所，的业知专识固然重，要但周边识知学习同样的不可或。缺7皇秦职业岛技学术院息工程信结系论次课设此接近已尾声通，此次过课，我设专的知业更识的扎加实，增强知的的应用性。但是识仍存，着在多的许不，足我会取长短，努力补学习自己的专知业识，网站制把好。作我此在次设课，中作制的是游网戏站能。突出够戏游站的特网和所点的需能，功够能很的结合游戏好的特。色果能够应用，如会给新则和手玩家来带一了的帮助定。不仅是仅信量息大，网页布结果和图片处局的相理美对观，加添自了风己的大格元量。素8皇岛秦职技术业院学信工程系息参文献考[1]李继先《，rDeamewaevCrS4完自学攻全》略计算，信机网站息设计2,00[2]郭万9军《hPotsohpoS3实C用程教》，用教程实致》谢9秦皇岛业技职学术信院工程系息在课设计程中得了很到很多多，同样在规也定时的内完间成，在了这一学期的学中习，感谢锏和焦鹏飞李老一师以直来我对习学上帮的，助及工作上以肯的定千。马里得而易伯难求。我乐敢不妄说是千自里马，但却心的感谢我的伯乐。我会真续继努，力利用学里大的时充实自间、完我善我。自10皇秦职岛业术学院技信息程系工指教师评导语指导师：教年日月11秦皇岛职业术学技信院息程工系指导师教评语指导师：教年月日14秦岛职皇技业术学信息工院系程答辩委员评会答辩语员委签会：字月日14年