bootstrap的游戏资讯网站制作【字数：10672】
Web前端是互联网时代用户交互的主要承载体，因此搭建美观、实用的前端是提升用户体验，优化使用效率的重要环节。本课题使用Photoshop，Adobe illustrator，hbuilder等多种工具完成了游戏资讯门户网站制作，并通过制作过程中的工具应用情况分析不同工具的功能特色及具体环境下的使用方法、不同工具之间的优缺点等。因此本文旨在通过对游戏资讯门户网站web前端设计的重现，一则丰富资讯门户网站的多样性，二则协助阅览者快速、直接地了解网页制作流程及工具。本项目主要使用Photoshop以及Balsamiq Mockups作为网站设计工具，设计内容包括以下几个页面网站首页、新闻资讯页、游戏专区页、新闻资讯详情页、游戏详情页。项目使用Bootstrap框架作为前端开发框架，使用JQuery进行开发，json数据作为本地数据存储，ajax进行本地数据调用操作，基于设计草图制作网站。计划制作一个界面布局简约美观，交互性高，具有响应式体验的现代化资讯门户网站。
目 录
1. 绪论 5
1.1 课题研究背景 5
1.2 课题研究目的 6
1.3 课题研究意义 6
1.4 本章小结 7
2. 平面设计软件、前端开发软件、前端开发框架 8
2.1 平面设计软件 8
2.1.1 定义 8
2.1.2 功能特色 8
2. 2 网站开发软件 8
2.2.1 软件简介 8
2.2.2 软件特点 9
2.3 网站开发框架 9
2.3.1 框架介绍 9
2.3.2 包含内容 9
2.4 本章小结 10
3. 作品设计与制作 11
3.1 网站设计 11
3.1.1 设计思路 11
3.1.2 首页设计 13
3.1.3 新闻资讯页设计 14
3.1.4 新闻资讯详情页设计 16
3.1.5 游戏专区页设计 17
3.1.6 游戏详情页设计 18
3.2 网站制作流程 20
3.2.1 框架安装 20
3. *好棒文|www.hbsrm.com +Q: @351916072@
2.2 首页制作 21
3.2.3 新闻资讯页制作 25
3.2.4 游戏专区页制作 27
3.2.5 新闻资讯详情页制作 29
3.2.6 游戏详情页制作 30
3.2.7 本地数据操作 32
3.5 本章小结 34
总结 36
参考文献 37
致 谢 38
1. 绪论
1.1 课题研究背景
Web是一种基于超文本和HTTP的、全球性的、动态交互的、跨平台的分布式图形信息系统。是建立在Internet上的一种网络服务，为浏览者在Internet上查找和浏览信息提供了图形化的、易于访问的直观界面，其中的文档及超级链接将Internet上的信息节点组织成一个互为关联的网状结构。网络的诞生于发展最早可以追溯到20世纪50年代，随着1946年2月15日世界上第一台电子计算机在美国宾夕法尼亚大学诞生，揭开了数字化时代的开端。对于计算机的探索成为了更多人所研究探讨的对象，研究计算机的现象与规律，这便是人们所熟知的计算机科学。随着计算机科学的发展，不只是硬件的升级，人们所开发与探索的虚拟网络世界也变得更加浩瀚。
现代社会的网络起源于1989年CERN（欧洲粒子物理研究所）中由Tim BernersLee领导的小组提交了一个针对Internet的新协议和一个使用该协议的文档系统，该小组将这个新系统命名为World Wide Web，它的目的在于使全球的科学家能够利用Internet交流自己的工作文档。这个新系统被设计为允许Internet上任意一个用户都可以从许多文档服务计算机的数据库中搜索和获取文档。1990年末，这个新系统的基本框架已经在CERN中的一台计算机中开发出来并实现了,1991年该系统移植到了其他计算机平台，并正式发布。网站成为了网络世界中最早人们用于通讯的工具，就如同小区街道的布告栏一般，人们将自己所想表达，希望公开的资讯内容一网页的形式张贴在网站上，以此达到在网络世界中进行交流的目的。
计算机科学技术仍处于雏形之时，在早期互联网中，网页仅仅能够保存文本，而无法像现在一样保存各种声音，动画，图像等多媒体资讯。此时的web技术处于静态文档阶段，由于受低版本HTML语言和旧式浏览器的制约，Web页面只能包括单纯的文本内容，浏览器也只能显示呆板的文字信息，随着互联网用户的不断增加，静态网站一成不变，无法有效的进行网站的更新与维护，难以实现各种交互功能等种种弊端被不断放大，促成了web技术的进一步发展。
随着万维网的出现，网站的制作也逐渐走向了动态网页的方向。网站与后台数据库实现对接，数据更新与维护变得便利实现了诸如用户登录注册，管理等在静态网页时代难以完成的功能，各种多媒体要素也逐渐开始登录网页。
而如今，web技术已经发展到一个新的高度，也就是人们常说的web2.0时代。一个利用Web的平台，由用户主导而生成的内容互联网产品模式。为了区别传统由网站雇员主导生成的内容而定义为第二代互联网，web2.0是一个新的时代。比起1.0，即静态网页与动态网页的时代，web2.0更加注重交互性与用户体验，让用户参与网站内容制作。相较于以往只看不写，web2.0则是可写可读，用户自身既是读者，也能够成为作者。Web2.0相对于1.0并无过于大的质变，而是一种服务于思想的改革。
电子游戏（Video Games，少部分学者使用Electronic Games）又称电玩游戏（简称电玩），是指所有依托于电子设备平台而运行的交互游戏。根据媒介的不同多分为五种：主机游戏（或称家用机游戏、电视游戏）、掌机游戏、电脑游戏、街机游戏和移动游戏（主要是手机游戏）。完善的电子游戏在20世纪末出现，改变了人类进行游戏的行为方式和对游戏一词的定义，属于一种随科技发展而诞生的文化活动。电子游戏也可代指“电子游戏软件”。
电子游戏于1952年面世，在度过了雅达利时期这一不成熟的发展时期后，1980末期，电子游戏领域进入了全新的转折发展阶段。诸如显卡等硬件的发展正是电子游戏崛起的重要原因。另一方面，任天堂，卡普空，世嘉，索尼等大厂开始进入这个市场，研发推行自己的游戏机，这一现象使得电子游戏领域流入了更多的资金与人工，使得电子游戏蓬勃发展，越来越多人开始关注这个领域，甚至在现在，成为了继绘画、雕刻、建筑、音乐、诗歌（文学）、舞蹈、戏剧、电影等八大艺术形式之后被人们公认的“第九艺术”。
目 录
1. 绪论 5
1.1 课题研究背景 5
1.2 课题研究目的 6
1.3 课题研究意义 6
1.4 本章小结 7
2. 平面设计软件、前端开发软件、前端开发框架 8
2.1 平面设计软件 8
2.1.1 定义 8
2.1.2 功能特色 8
2. 2 网站开发软件 8
2.2.1 软件简介 8
2.2.2 软件特点 9
2.3 网站开发框架 9
2.3.1 框架介绍 9
2.3.2 包含内容 9
2.4 本章小结 10
3. 作品设计与制作 11
3.1 网站设计 11
3.1.1 设计思路 11
3.1.2 首页设计 13
3.1.3 新闻资讯页设计 14
3.1.4 新闻资讯详情页设计 16
3.1.5 游戏专区页设计 17
3.1.6 游戏详情页设计 18
3.2 网站制作流程 20
3.2.1 框架安装 20
3. *好棒文|www.hbsrm.com +Q: @351916072@
2.2 首页制作 21
3.2.3 新闻资讯页制作 25
3.2.4 游戏专区页制作 27
3.2.5 新闻资讯详情页制作 29
3.2.6 游戏详情页制作 30
3.2.7 本地数据操作 32
3.5 本章小结 34
总结 36
参考文献 37
致 谢 38
1. 绪论
1.1 课题研究背景
Web是一种基于超文本和HTTP的、全球性的、动态交互的、跨平台的分布式图形信息系统。是建立在Internet上的一种网络服务，为浏览者在Internet上查找和浏览信息提供了图形化的、易于访问的直观界面，其中的文档及超级链接将Internet上的信息节点组织成一个互为关联的网状结构。网络的诞生于发展最早可以追溯到20世纪50年代，随着1946年2月15日世界上第一台电子计算机在美国宾夕法尼亚大学诞生，揭开了数字化时代的开端。对于计算机的探索成为了更多人所研究探讨的对象，研究计算机的现象与规律，这便是人们所熟知的计算机科学。随着计算机科学的发展，不只是硬件的升级，人们所开发与探索的虚拟网络世界也变得更加浩瀚。
现代社会的网络起源于1989年CERN（欧洲粒子物理研究所）中由Tim BernersLee领导的小组提交了一个针对Internet的新协议和一个使用该协议的文档系统，该小组将这个新系统命名为World Wide Web，它的目的在于使全球的科学家能够利用Internet交流自己的工作文档。这个新系统被设计为允许Internet上任意一个用户都可以从许多文档服务计算机的数据库中搜索和获取文档。1990年末，这个新系统的基本框架已经在CERN中的一台计算机中开发出来并实现了,1991年该系统移植到了其他计算机平台，并正式发布。网站成为了网络世界中最早人们用于通讯的工具，就如同小区街道的布告栏一般，人们将自己所想表达，希望公开的资讯内容一网页的形式张贴在网站上，以此达到在网络世界中进行交流的目的。
计算机科学技术仍处于雏形之时，在早期互联网中，网页仅仅能够保存文本，而无法像现在一样保存各种声音，动画，图像等多媒体资讯。此时的web技术处于静态文档阶段，由于受低版本HTML语言和旧式浏览器的制约，Web页面只能包括单纯的文本内容，浏览器也只能显示呆板的文字信息，随着互联网用户的不断增加，静态网站一成不变，无法有效的进行网站的更新与维护，难以实现各种交互功能等种种弊端被不断放大，促成了web技术的进一步发展。
随着万维网的出现，网站的制作也逐渐走向了动态网页的方向。网站与后台数据库实现对接，数据更新与维护变得便利实现了诸如用户登录注册，管理等在静态网页时代难以完成的功能，各种多媒体要素也逐渐开始登录网页。
而如今，web技术已经发展到一个新的高度，也就是人们常说的web2.0时代。一个利用Web的平台，由用户主导而生成的内容互联网产品模式。为了区别传统由网站雇员主导生成的内容而定义为第二代互联网，web2.0是一个新的时代。比起1.0，即静态网页与动态网页的时代，web2.0更加注重交互性与用户体验，让用户参与网站内容制作。相较于以往只看不写，web2.0则是可写可读，用户自身既是读者，也能够成为作者。Web2.0相对于1.0并无过于大的质变，而是一种服务于思想的改革。
电子游戏（Video Games，少部分学者使用Electronic Games）又称电玩游戏（简称电玩），是指所有依托于电子设备平台而运行的交互游戏。根据媒介的不同多分为五种：主机游戏（或称家用机游戏、电视游戏）、掌机游戏、电脑游戏、街机游戏和移动游戏（主要是手机游戏）。完善的电子游戏在20世纪末出现，改变了人类进行游戏的行为方式和对游戏一词的定义，属于一种随科技发展而诞生的文化活动。电子游戏也可代指“电子游戏软件”。
电子游戏于1952年面世，在度过了雅达利时期这一不成熟的发展时期后，1980末期，电子游戏领域进入了全新的转折发展阶段。诸如显卡等硬件的发展正是电子游戏崛起的重要原因。另一方面，任天堂，卡普空，世嘉，索尼等大厂开始进入这个市场，研发推行自己的游戏机，这一现象使得电子游戏领域流入了更多的资金与人工，使得电子游戏蓬勃发展，越来越多人开始关注这个领域，甚至在现在，成为了继绘画、雕刻、建筑、音乐、诗歌（文学）、舞蹈、戏剧、电影等八大艺术形式之后被人们公认的“第九艺术”。
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/qrs/66.html
