开心网游戏dw模板网页作业
效果图
网页代码
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>游戏网页</title> <link rel="stylesheet" type="text/css" href="css/index.css"/> </head> <body> <!-- 顶部板块 --> <header> <div><img src="img/logo.png"></div> <div>首页</div> <div> <ul> <li><a href="#">注册</a></li> <li>登录</li> <li>帮助</li> <li>更多</li> </ul> </div> </header> <!-- 内容版块 --> <article> <div> <ul> <a href="#"> <li> <img src="img/sub_05.jpg"><span>征战四方</span> </li> </a> <a href="#"> <li> <img src="img/sub_11.jpg"><span>龙将</span> </li> </a> <a href="#"> <li> <img src="img/sub_17.jpg"><span>弹弹堂</span> </li> </a> <a href="#"> <li> <img src="img/sub_23.jpg"><span>凡人修真</span> </li> </a> <a href="#"> <li> <img src="img/sub_29.jpg"><span>一骑当先</span> </li> </a> <a href="#"> <li> <img src="img/sub_35.jpg"><span>宫廷计</span> </li> </a> <a href="#"> <li> <img src="img/sub_41.jpg"><span>神仙道</span> </li> </a> </ul> </div> <!-- 中间背景 --> <div> <div> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> </ul> </div> </div> <!-- 右侧登录图 --> <div> <h4>开心网用户登录</h4> <div> <div> 账号: </div> <div> <input type="text" placeholder="字母、数字的六位字符"> </div> </div> <div> <div> 密码: </div> <div> <input type="password" placeholder="四位数字"> </div> </div> <div> <div> 登 录 </div> </div> <div> <span><a href="#">立即注册</a></span> <span><a href="#">忘记密码</a></span> </div> </div> <!-- 全部游戏界面 --> <div> <div> <ul> <li><a href="#">全部游戏</a></li> <li>战争策略</li> <li>体育经营</li> <li>社交游戏</li> </ul> </div> </div> <!-- 游戏介绍模块 --> <div> <img src="img/img01.gif"> <div> <p>三国题材横版RPG网游,丰富的武将系统<br> 类型:角色扮演<br> 游戏人气:<span>470921</span></p> <button>选服</button> <button>进入游戏</button> </div> </div> <div> <img src="img/img.gif"> <div> <p> 一款不建主城不等CD,不占资源,全程战斗<br> 类型:战征策略<br> 游戏人气:<span>8745221</span><br> </p> <button>选服</button> <button>进入游戏</button> </div> </div> <!-- 新闻公告 --> <div> <div> <p>新闻公告</p> <div> <ul> <li><a href="#">[征战四方] 开心首服·黄巾之乱</a></li> <li><a href="#">[龙将] 火爆8服·八门金</a></li> <li><a href="#">[弹弹堂] 41服开启·万人竞技</a></li> <li><a href="#">[凡人修真2] 03月08日·四海帝王</a></li> <li><a href="#">[一骑当先] 开心2服上线送黄金</a></li> <li><a href="#">[宫廷计] 03月06日·西施秘史</a></li> <li><a href="#">[凡人修真2] 03月08日·四海帝王</a></li> </ul> </div> </div> </div> <!-- 角色扮演板块 --> <div> <div> <div> 角色扮演 </div> </div> <div> <ul> <li> <div> <img src="img/img9.jpg"> </div> <div> <p> 游戏人气:1765314<br> 游戏状态:<span>22区开启</span><br> <button>选服</button> <button>进入游戏</button> </p> </div> </li> <li> <div> <img src="img/img7.jpg"> </div> <div> <p> 游戏人气:6789867<br> 游戏状态:<span>23区开启</span><br> <button>选服</button> <button>进入游戏</button> </p> </div> </li> <li> <div> <img src="img/img2.jpg"> </div> <div> <p> 游戏人气:7868594<br> 游戏状态:<span>24区开启</span><br> <button>选服</button> <button>进入游戏</button> </p> </div> </li> <li> <div> <img src="img/img3.jpg"> </div> <div> <p> 游戏人气:2435647<br> 游戏状态:<span>25区开启</span><br> <button>选服</button> <button>进入游戏</button> </p> </div> </li> <li> <div> <img src="img/img4.jpg"> </div> <div> <p> 游戏人气:6758641<br> 游戏状态:<span>26区开启</span><br> <button>选服</button> <button>进入游戏</button> </p> </div> </li> <li> <div> <img src="img/img5.jpg"> </div> <div> <p> 游戏人气:2378654<br> 游戏状态:<span>27区开启</span><br> <button>选服</button> <button>进入游戏</button> </p> </div> </li> <li> <div> <img src="img/img6.jpg"> </div> <div> <p> 游戏人气:9076583<br> 游戏状态:<span>28区开启</span><br> <button>选服</button> <button>进入游戏</button> </p> </div> </li> <li> <div> <img src="img/img8.jpg"> </div> <div> <p> 游戏人气:7896546<br> 游戏状态:<span>29区开启</span><br> <button>选服</button> <button>进入游戏</button> </p> </div> </li> </ul> </div> </div> <div> <div> <img src="img/ad1.jpg"> </div> <div> <img src="img/ad2.jpg"> </div> </div> <div> <div> <p>游戏视频</p> </div> <!-- 游戏视频上半部分 --> <div> <div> <img src="img/2.jpg"> <div> <a href="#"> <p> 《航海之王》麻辣<br> 炫酷反穿越,英雄<br> 时尚大变身! </p> </a> </div> <div> </div> </div> </div> <!-- 游戏视频下半部分 --> <div> <div> <img src="img/1.jpg"> <div> <a href="#"> <p> 《弹弹堂》吴克群<br> 同名激情主题MV,<br> 体验修真乐趣 </p> </a> </div> </div> </div> </div> <div> <a href="#"><img src="img/ad.gif"></a> </div> </article> </body> </html>
①本站所有成品淘宝购买需确认收货并好评后发货;
②所有作品如需修改需另加费用;
③所有作品没有任何人的姓名学校之类信息;
④请务必确认网页是您需要的,源码具有可复制性,所以无法退换!
⑤每份网页都可以更换内容,费用50元起,如需更换内容请联系客服!
dw网页设计 » 开心网游戏dw模板网页作业
②所有作品如需修改需另加费用;
③所有作品没有任何人的姓名学校之类信息;
④请务必确认网页是您需要的,源码具有可复制性,所以无法退换!
⑤每份网页都可以更换内容,费用50元起,如需更换内容请联系客服!
dw网页设计 » 开心网游戏dw模板网页作业