《使用HTML5实现响应式布局》第十一章-综合项目:传奇互动游戏公司网站(一)学习资料_第1页
《使用HTML5实现响应式布局》第十一章-综合项目:传奇互动游戏公司网站(一)学习资料_第2页
《使用HTML5实现响应式布局》第十一章-综合项目:传奇互动游戏公司网站(一)学习资料_第3页
《使用HTML5实现响应式布局》第十一章-综合项目:传奇互动游戏公司网站(一)学习资料_第4页
《使用HTML5实现响应式布局》第十一章-综合项目:传奇互动游戏公司网站(一)学习资料_第5页
已阅读5页,还剩13页未读 继续免费阅读

付费下载

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

第十一章游戏公司网站(一)理论内容网站整体规划网站功能设计网站页面设计制作首页1.网站整体规划传奇互动游戏公司是网络游戏开发商、运营商和发行商,致力于打造中国领先的网络游戏平台。传奇互动游戏包括大型多人在线角色扮演游戏(MMORPG)、高级休闲游戏、网页游戏、社交游戏和移动互联网游戏等多款差异化游戏产品。网站整体规划本项目开发的是传奇互动游戏公司企业网站的前端页面部分所谓企业网站,是企业在互联网上开展网络营销和形象宣传的平台类似于企业的网络名片,不仅对企业的形象是一个良好的宣传,同时可以辅助企业的销售,通过网络直接帮助企业实现产品的销售。传奇互动游戏公司的网站包括公司信息和公司游戏两大组成部分分为首页、公司介绍、案例介绍、游戏大厅四大功能宣传公司的信息和产品,为公司的客户和游戏玩家提供快速使用游戏功能的入口。2.网站功能设计网站功能设计包括首页、公司介绍、案例介绍、游戏大厅四大功能首页用于集中展示网站的重要信息。首页内容显示“关于传奇互动”、“服务项目”、“案例展示”等信息公司介绍主要发布公司信息、公司的联系方式等内容。案例介绍以图文的方式显示公司的产品和案例信息,方便网站的访问者集中查询和了解公司的业务内容。游戏大厅是传奇互动游戏公司运营的棋牌类游戏入口页面,提供游戏注册、下载、客服、公告、新闻等综合功能。网站的总体功能设计图2.网站功能设计网站功能文件及目录规划功能文件或目录说明index.html首页about.html公司介绍sample.html案例介绍game.html游戏大厅css.cssindex.html、about.html、sample.html的样式文件basic.cssgame.html使用的基础样式文件layout.cssgame.html使用的布局样式文件css样式文件的目录images网站图片的目录3.网站页面设计(1)传奇互动游戏公司首页效果网站页面设计(2)公司简介的页面效果网站页面设计(3)案例介绍的页面效果网站页面设计(4)游戏大厅的页面效果4.制作首页(1)在DreamweaverCC中新建HTML5文档,保存为index.html,然后编写首页布局的页面结构主体代码<body><divclass="boxindex_box1"></div><divclass="boxindex_box2"></div><divclass="boxindex_box3"></div><divclass="boxindex_box4"></div><divclass="boxindex_box5"></div></body>单列布局制作首页(2)新建文件css.css并保存到css目录,然后链接到index.html文件,在css.css文件中编写首页布局的CSS3主体代码.box{ width:100%;}.index_box1{ height:97px; background:url('../images/topnav_bg.png')no-repeattopcenter;}/*省略*/.index_box5{ height:34px; background:url('../images/footer.png')repeat-x;}div宽度div高度div背景图片div高度div背景图片制作首页(3)在index.html中编写首页页头的页面结构主体代码<divclass="boxindex_box1"> <divclass="wrap">

<divid="logo"><!--省略--></div><divid="nav"><!--省略--></div>

</div><divid="classic_case"><!--省略--></div></div>经典案例按钮LOGO图片导航菜单栏制作首页(4)首页页头的CSS3主体代码.wrap{ margin:0auto; width:980px;}#logo{ float:left; /*省略*/}#nav{ float:right; /*省略*/}#classic_case{ float:right; /*省略*/}/*省略*/制作首页(5)在index.html中编写首页页脚的页面结构主体代码<divclass="boxindex_box5"><divclass="wrapfooter"> <!--省略--></div></div>.footer{ text-align:center;}.footerspan{ font-family:'Arial'}制作首页(6)首页正文部分页面结构主体代码<divclass="boxindex_box3"><!--省略--></div><divclass="boxindex_box4"><divclass="wrap"><divid="index_about"><!--省略--></div><divid="index_news"><!--省略--></div><divid="index_case"><!--省略--></div></div></div>查看更多按钮关于传奇互动服务项目案例展示制作首页(7)

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论