admin管理员组文章数量:1619183
📂文章目录
- 👨🎓网页题目
- ✍️网页描述
- 🌐网站效果
- 🔧 代码实现
- 🧱HTML结构代码
- 🎁更多干货
👨🎓网页题目
🎮游戏官网、⛹️游戏网站、🕹️电竞游戏、🎴游戏介绍、等网站的设计与制作。
✍️网页描述
⭐ 网页中包含:Div+CSS、鼠标滑过特效、Table、导航栏效果、banner、表单、二级三级页面等,视频音频元素,同时设计了logo(源文件),基本期末作业所需的知识点全覆盖。
🌐网站效果
🔧 代码实现
🧱HTML结构代码
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>2020全球总决赛-英雄联盟官方网站-腾讯游戏</title>
<link
rel="shortcut icon"
href="./images/common/favicon.ico"
type="image/x-icon"
/>
<link rel="stylesheet" href="./style/rest.css" />
<link rel="stylesheet" href="./style/common.css" />
<link rel="stylesheet" href="./style/welcome.css" />
</head>
<body>
<header class="header">
<nav class="header-normal">
<a href="" class="logo"
><img
src="./images/main/logo-public.png"
width="167"
height="60"
alt=""
/></a>
<div class="header-nav">
<div class="nav-item">
<span class="head-nav-title">游戏资料</span>
<span class="head-nav-subtitle">GAME INFO</span>
</div>
<div class="nav-item">
<span class="head-nav-title">商城/合作</span>
<span class="head-nav-subtitle">STORE</span>
</div>
<div class="nav-item">
<span class="head-nav-title">用户互动</span>
<span class="head-nav-subtitle">COMMUNITY</span>
</div>
<div class="nav-item">
<span class="head-nav-title">赛事中心</span>
<span class="head-nav-subtitle">EVENTS</span>
</div>
<div class="nav-item">
<span class="head-nav-title">自助系统</span>
<span class="head-nav-subtitle">SYSTEM</span>
</div>
</div>
<a class="head-search-btn one-pan-link-mark" href="" title="搜索">
<i class="comm-icon-search"></i>
</a>
<span class="head-app-normal">
<a href="" class="comm-icon-phone one-pan-link-mark"></a>
</span>
<div class="head-app-hover">
<i class="head-zm-qrcode">
<img src="./images/common/zm-qrcode.jpg" alt="" />
</i>
<p class="p1">扫码下载掌上英雄联盟</p>
<img
class="polo"
src="./images/common/polo.gif"
alt="魄罗"
width="50"
height="50"
/>
</div>
<div class="head-userinfo-normal">
<div class="head-userinfo-avatar">
<img
src="./images/main/default.png"
width="36"
height="auto"
alt="玩家头像"
/>
<span></span>
</div>
<div class="head-userinfo-brief">
<p class="unlogin">
亲爱的召唤师,欢迎<a href="" class="one-pan-link-mark">登录</a>
</p>
</div>
</div>
<div class="head-login-hover">
<div class="unlogin">
<p class="p1">
登录并且绑定大区后才可以查看您的具体信息哦<br />
(包括战绩、资产、声望)
</p>
<p class="p2">官网个人信息显示略有延迟,请以游戏数据为准</p>
</div>
<a href="" class="href-gouserhome"
>进入个人中心<i class="more-arrow"></i
></a>
</div>
</nav>
<div class="head-nav-sub">
<div class="head-nav-sub-inner">
<div class="head-nav-sub-wrap">
</div>
</div>
</div>
</header>
<div class="main">
<video autoplay loop class="main_video">
<source src="./video/common/bg.mpeg">
</video>
<div class="btns act">
<a href="./main.html" class="btns-os"></a>
<a href="" class="btns-get"></a>
<a href="./download.html" class="btns-dl"></a>
</div>
<div class="alogo">
<img src="./images/logo.png" alt="">
</div>
</div>
<div class="afoot">
<div class="afoot-wrap">
<p>腾讯互动娱乐 | 服务条款 | 隐私保护指引 | 儿童隐私保护指引 | 腾讯游戏招聘 | 腾讯游戏客服 | 游戏列表 | 成长守护平台 | 广告服务及商务合作</p>
<p>COPYRIGHT © 1998 – 2020 TENCENT. ALL RIGHTS RESERVED.</p>
<p>腾讯公司 版权所有</p>
</div>
</div>
</body>
</html>
🎁更多干货
1.如果我的博客对你有帮助、如果你喜欢我的博客内容,请 “👍点赞” “✍️评论” “💙收藏”
一键三连哦!
2.💗【👇🏻👇🏻👇🏻关注我| 获取更多源码 | 优质文章】
带您学习各种前端插件、3D炫酷效果、图片展示、文字效果、以及整站模板 、大学生毕业HTML模板 、期末大作业模板 、等! 「在这里有好多 前端 开发者,一起探讨 前端 Node 知识,互相学习」!
3.
以上内容技术相关问题💌欢迎一起交流学习👇🏻👇🏻👇🏻🔥版权声明:本文标题:游戏网页制作 仿英雄联盟网页设计作业 HTML CSS游戏官网网页模板 大学生游戏介绍网站毕业设计 DW游戏主题网页模板下载 游戏娱乐网页成品代码 英雄联盟网页作品下载 内容由热心网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:https://www.elefans.com/dianzi/1728793092a1173905.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论