2048游戏页面设计.docVIP

2048游戏页面设计

一、实践目的

1.学会页面的简单设计

（1）学会表格的制作

掌握表格的简单布局，合并，拆分等的代码使用和编写；掌握将文本填入表格的方法；对文本框进行颜色的填充；背景颜色的设置。

（2）学会按钮的基本制作

掌握按钮的大小，布局，格式的基本操作，并可以在按钮中加入文本。

2.掌握HTML格式语言

掌握HTML的格式语言是制作一个页面的基本，要求学会应用HTML制作页面。

3.能制作出简单的页面

能通过实践周的学习，会综合所学的知识制作出简单的页面。

二、实践内容

1.页面设计内容：

模仿2048游戏的游戏页面的布局设计一个简单的游戏首页，游戏界面。

2.设计2048游戏页面灵感来源

由于实践周只是简单的学习了表格、按钮、方格、用户登录等简单的操作，综合这些知识既可以巩固知识，还可以提高应用知识解决实际问题的能力，因此2048的游戏界面可以将所学的这些知识全部结合起来，既综合了所学知识，又可以按照自己的想法设计页面，因此我选择模仿原2048设计2048游戏界面，以达到巩固和总结所学知识的作用。

2.界面效果展示：

首页是游戏的准备页面，应用了div的使用方法和按钮的使用方法，背景图的素材来自网络，采用插入图片的方式作为页面的背景图，设置了两个按钮，分别插入“开始游戏”和“退出”的文本。

游戏页是游戏的开始页面，应用了表格、div、按钮等的使用方法，背景图的素材同样