游戏网页设计成品学校班级网页制作模板大学生静态HTML网页源码 dreamweaver网页作业简单网页课程成品

@蜡笔小新星

于 2024-06-20 13:57:03 发布

阅读量434

点赞数 7

分类专栏： Echarts大屏数据展示实战源码文章标签：学生网页课程网页模板大学生期末网页作业简单的网页设计静态HTML网页制作前端网页设计大作业

本文链接：https://blog.csdn.net/p305114466/article/details/126825594

版权

Echarts大屏数据展示实战源码专栏收录该内容

261 篇文章 2 订阅

订阅专栏

🎉精彩专栏推荐 💭文末获取联系
✍️ 作者简介: 一个热爱把逻辑思维转变为代码的技术博主
💂 作者主页: 【主页——🚀获取更多优质源码】
🎓 web前端期末大作业：【📚毕设项目精品实战案例 (1000套) 】
🧡 程序员有趣的告白方式：【💌HTML七夕情人节表白网页制作 (110套) 】
🌎超炫酷的Echarts大屏可视化源码：【🔰 Echarts大屏展示大数据平台可视化(150套) 】
🔖 HTML+CSS+JS实例代码：【🗂️HTML+CSS+JS实例代码 (炫酷特效网页代码) 继续更新中…】
🎁 免费且实用的WEB前端学习指南：【📂web前端零基础到高级学习视频教程 120G干货分享】
🥇 关于作者: 曾于2016年、2020年两度荣获CSDN年度十大博客之星。十载寒冰，难凉热血；多年过去，历经变迁，物是人非。然而，对于技术的探索和追求从未停歇。 💪坚持原创，热衷分享，初心未改，继往开来！
HTML实例网页代码, 本实例适合于初学HTML的同学。该实例里面有设置了css的样式设置，有div的样式格局，这个实例比较全面，有助于同学的学习,本文将介绍如何通过从头开始设计个人网站并将其转换为代码的过程来实践设计。

@[TOC](文章目录🌰)

网页介绍📖

1 网页简介：此作品为学生个人主页网页设计题材，HTML+CSS 布局制作,web前端期末大作业,大学生网页设计作业源码，这是一个不错的网页制作，画面精明，代码为简单学生水平, 非常适合初学者学习使用。

2.网页编辑：网页作品代码简单，可使用任意HTML编辑软件（如：Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++ 等任意html编辑软件进行运行及修改编辑等操作）。

3.知识应用：技术方面主要应用了网页知识中的: Div+CSS、鼠标滑过特效、Table、导航栏效果、Banner、表单、二级三级页面等，视频、音频元素、Flash，同时设计了Logo（源文件）所需的知识点。

网页效果🌌

在这里插入图片描述

# 代码展示😈

## 1.HTML代码结构 🧱 代码如下（示例）：以下仅展示部分代码供参考~



<html>
	<head>
		<meta charset="utf-8">
		<link type="text/css" rel="stylesheet" href="css/style.css" />
		<title>梦幻西游</title>
	</head>

	<body class="body">


		<header>
			<div class="main clearfix">
				<div class="logo">
					<img src="images/logo.png" width="200"> 
				</div>
				<nav>
					<ul class="clearfix">
						<li><a href="index.html">首页</a></li>
						<li><a href="tupian.html">游戏截图</a></li>
						<li><a href="jiaose.html">游戏角色</a></li>
						<li><a href="denglu.html">登录</a></li>
					</ul>
				</nav>
			</div>

		</header>
		<div class="main">
			<div class="kuai1">
				<img src="images/1.png">
			</div>
			<div class="kuai2 clearfix">
				<div class="zou">
					<img src="images/ttt.jpg">
				</div>
				<div class="you">
					<h3>梦幻西游</h3>
					<p>
						《梦幻西游》将xx古典建筑的凝厚与Q版的意趣风格糅合在一起，将游戏场景打造成一幅“游戏画卷”。游戏中所有人物的3D造型都显得异常的圆润。相比起韩国网络游戏惯用的场景贴图手法而造成的视觉单调而言，《梦幻西游》中所有场景都由美工手绘完成。无论是干涩少雨的沙漠，还是湿润凝重的绿洲，在游戏中都栩栩如生。
						
						《梦幻西游》中的版图非常的庞大，一共有四个大洲、五组迷宫及十二个门派以供玩家来探险，每一个地方都有独特的特色。有一望无垠的边境沙漠、盛世大唐的长安城、终年冰雪覆盖的北俱芦洲、阴森诡异的阴曹地府、波涛汹涌的东海龙宫等，各个地方的建筑均独具特色，并都有其不同的文化韵味。
						
						《梦幻西游》的世界中仙、人、魔三族各有传承。为了让自己的门派弟子横行天下，各派师傅都不吝一己之私，纷纷将压箱底的功夫拿出来教育门徒。同时《梦幻西游》中首次鲜明地引入了门派克制系统，三族十二派相互克制，每个门派都有一招必杀技来克制另外一个门派，环环相扣，成为了一个结构严谨的“门派克制链”，从根本上杜绝了一派过于壮大的可能性。
					</p>
				</div>
			</div>
			
			<div class="kuai3">
				<h3 class="title">游戏玩法</h3>
				<ul class="clearfix">
					<li>
						<div class="pic">
							<img src="images/d1.jpg" >
						</div>
						<div class="text">
							<h3>东海秘境</h3>
						</div>
					</li>
					
					<li>
						<div class="pic">
							<img src="images/d2.jpg" >
						</div>
						<div class="text">
							<h3>时尚外观</h3>
						</div>
					</li>
					
					<li>
						<div class="pic">
							<img src="images/d3.jpg" >
						</div>
						<div class="text">
							<h3>亲密社交</h3>
						</div>
					</li>
					
					<li>
						<div class="pic">
							<img src="images/d4.jpg" >
						</div>
						<div class="text">
							<h3>策略PK</h3>
						</div>
					</li>
				</ul>
			</div>

		</div>




		<footer>
			梦幻西游
		</footer>

	</body>
</html>