游戏版块

---

html布局介绍

                    
一.打开index.html
二.整体布局
1.根据设计图的情况来看 我们有三个版块 并且都显示在同一个镜头里 因此html整体布局如下：
                        
接下来我来说明一下游戏介绍的html布局
先从整个游戏来说，在网页上，我们使用了一个box
用于当游戏底板效果如下：

紧接着就是用另一个同等大小的板块也就是游戏界面，用来放置所有应显示的画面，
                        
在往下看，第一个界面就是游戏介绍的界面，
                        
在游戏介绍里面有两个div
                        
他们分别用来放置游戏的介绍跟游戏开始的按钮
在看下一级就是另一个div跟游戏介绍的文字
                        
接着就是用ol放你的介绍
[ol]标签定义有序列表。
此时网页输出应该如下：
                        
                        
同理我们继续将游戏板块所需要的东西放进html 
具体要实现的模块参考：http://api.1473.cn/LearningMaterials/WorldCompetition/ReadTopic.aspx
                        
                        
游戏板块主要分下区域和上区域分别放置题目所需要的：
实现后面：
上区域
                        
下区域 
                        


完整HTML源码：
                        
                    
                

工作人员

 
                    
作者：蔡昂轩
                    
信息录入:蔡昂轩