HTML5期末大作业:大学生个人网站设计——我们的班级(7页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码

常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他 等网页设计题目, A+水平作业, 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!

????作者主页-更多源码

????HTML期末大作业文章专栏

作品介绍

1.网页作品简介 :HTML期末大学生网页设计作业 A+水平 ,喜欢的可以下载,文章页支持手机PC响应式布局。

2.网页作品编辑:作品下载后可使用任意HTML编辑软件(如:DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++ 等任意HTML软件编辑修改网页)。

3.网页作品技术:Div+CSS、鼠标滑过特效、Table、导航栏效果、banner、表单、二级三级页面等,视频、 音频元素 、Flash,同时设计了logo(源文件),基本期末作业所需的知识点全覆盖。

一、作品展示

作品为部分截图
HTML5期末大作业:大学生个人网站设计——我们的班级(7页) HTML+CSS+JavaScript 学生DW网页设计作业成品 html网页制作代码大全 html5网页设计作业代码_web网页设计
HTML5期末大作业:大学生个人网站设计——我们的班级(7页) HTML+CSS+JavaScript 学生DW网页设计作业成品 html网页制作代码大全 html5网页设计作业代码_html5网页制作代码_02
HTML5期末大作业:大学生个人网站设计——我们的班级(7页) HTML+CSS+JavaScript 学生DW网页设计作业成品 html网页制作代码大全 html5网页设计作业代码_网页设计_03
HTML5期末大作业:大学生个人网站设计——我们的班级(7页) HTML+CSS+JavaScript 学生DW网页设计作业成品 html网页制作代码大全 html5网页设计作业代码_网页设计_04
HTML5期末大作业:大学生个人网站设计——我们的班级(7页) HTML+CSS+JavaScript 学生DW网页设计作业成品 html网页制作代码大全 html5网页设计作业代码_HTML静态网页作业_05

二、文件目录

HTML5期末大作业:大学生个人网站设计——我们的班级(7页) HTML+CSS+JavaScript 学生DW网页设计作业成品 html网页制作代码大全 html5网页设计作业代码_HTML静态网页作业_06

三、代码实现
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>

<title>我的班级</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="Place your description here" /> 
<meta name="keywords" content="put, your, keyword, here" /> 
<meta name="author" content="Templates.com - website templates provider" /> 
<link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body id="page1">



<!-- header -->
<div id="header">
	<div class="container">
		<div class="wrapper">

			<div class="logo">
				<h1><a href="home.html">我的班级</a><span>明之尚美,馨德亦缘</span></h1>
			</div>
		</div>
		<ul class="nav">
			<li><a href="index.html">首页</a></li>
			<li><a href="about.html">关于我们</a></li>
			<li><a href="photo.html">相册</a></li>
			<li><a href="lianxi.html">留言板</a></li>
			<li><a href="houyu.html"  class="first current">后语</a></li>
		</ul>
	</div>
</div>
<!-- content -->
<div id="content"><div class="inner_copy"><div class="inner_copy"> Need a website? <a href="http://www.websitetemplatesonline.com/">Free website templates</a> by professional designers at WTO.</div></div>
	<div class="container">
		<div class="inside">
<!-- box begin -->
		  <div class="box alt">
				<div class="left-top-corner">
					<div class="right-top-corner">
						<div class="border-top"></div>
					</div>
				</div>
				<div class="border-left">
					<div class="border-right">
						<div class="inner">
							<div id="op_cinema_scrollbar_movieA">
							  <div>
							    <div></div>
							    <div></div>
							    <div></div>
						      </div>
						  </div>
							<h3>后语:</h3>
							<p>有过欢笑,有过悲泣,开心也好,难过也好,在我们的班级,有你们就是我最大的幸福!
							  <object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="434" height="189">
                                <param name="movie" value="qc.swf" />
                                <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
                                <!--[if !IE]>-->
                                <object type="application/x-shockwave-flash" data="qc.swf" width="434" height="189">
                                  <!--<![endif]-->
                                  <param name="quality" value="high" />
                                  <param name="wmode" value="opaque" />
                                  <param name="swfversion" value="6.0.65.0" />
                                  <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
                                  <param name="expressinstall" value="Scripts/expressInstall.swf" />
                                  <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
                                  <div>
                                                                      
                                  </div>
                                  <!--[if !IE]>-->
                                </object>
                                <!--<![endif]-->
                              </object></p>
							<div>
                              <div id="op_cinema_movieA">
                                <div id="op_cinema_cntTb_movieA" style="line-height:20px;">给你我的心作纪念 这份爱任何时刻你打开都新鲜<br />
                                  有我陪伴 多苦都变成甜 
                                  睁开眼就看见永远<br />
                                  给我你的心作纪念 我的梦有你的祝福才能够完全<br />
                                  风浪再大 我也会勇往直前<br />
                                  我们的爱 镶在青春的纪念册<br />
                                  去年夏天<br />
                                  数着贝壳和浪花的海边
                                  我们祈祷着明年的今天
                                  <br />
                                  还能够保持这样无忧笑脸
                                  你是夏天<br />
                                  有海风吹过棕榈的蓝天
                                  让我忘记了眼泪有多咸<br />
                                  你一出现就是晴天
                                  还想听你任性的说<br />
                                  要带我去环游世界
                                  就算整个世界都改变<br />
                                  也不改变 为你勇敢的自己
                                  给你我的心作纪念 这份爱<br />
                                  任何时刻你打开都新鲜
                                  有我陪伴 多苦都变成甜<br />
                                  睁开眼就看见永远<br />
                                </div>
                              </div>
                          </div>
							<p>&nbsp; </p>
						</div>
					</div>
				</div>
		  </div>
<!-- box end -->
		</div>
	</div>
</div>
<!-- footer -->
<div id="footer"></div>
<script type="text/javascript">
<!--
SWFFix.registerObject("FlashID");
//-->
</script>
</body>
</html>




四、学习资料

web前端 零基础-入门到高级 (视频+源码+开发软件+学习资料+面试题) 一整套 (教程)
适合入门到高级的童鞋们入手~送1000套HTML+CSS+JavaScript模板网站
HTML5期末大作业:大学生个人网站设计——我们的班级(7页) HTML+CSS+JavaScript 学生DW网页设计作业成品 html网页制作代码大全 html5网页设计作业代码_web网页设计_07


五、完整源码

【百度网盘-源码下载地址】

链接:点击下载源码 https://pan.baidu.com/s/1UdFzRE6mEKC5D1xALTMbYw
提取码:8888


六、更多源码

HTML5期末考核大作业源码* 包含 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!
HTML5期末大作业:大学生个人网站设计——我们的班级(7页) HTML+CSS+JavaScript 学生DW网页设计作业成品 html网页制作代码大全 html5网页设计作业代码_html_08
HTML5期末大作业:大学生个人网站设计——我们的班级(7页) HTML+CSS+JavaScript 学生DW网页设计作业成品 html网页制作代码大全 html5网页设计作业代码_web网页设计_09