HTML5期末作业：校园运动会网站设计——体育游戏 图片轮播 图片描边特效（4页） 体育 HTML+CSS+JavaScript 期末作业 HTML代码 中学生网页课程设计 期末作业 下载网页设计制作成品
常见的网页设计作业主题包括个人、美食、公司、学校、旅游、电商、宠物、电器、茶叶、家居、酒店、舞蹈、动漫、明星、服装、体育、化妆品、物流、环保、书籍、婚纱、军事、游戏、节日、戒烟、电影、摄影、文化、故乡、鲜花、礼品、汽车等网页设计主题，A+级作业，可满足大学生网页设计需求作业，喜欢的可以下载！
1、课程临近结束，你还在设计HTML网页的课后作业，老师的作业要求却让人应接不暇？ 无法开始 HTML 作业？ 总页面请求太多？
2.没有合适的模板？ 等等一系列问题。 你要解决的问题在这篇博文中基本可以满足你的需求~
3.原创HTML+CSS+JS页面设计，网络学院学生网页设计作业源码，这是一个不错的网页制作，图片锐利培训机构网站模板，特别适合初学者学习使用。
作品介绍
1.网页作品介绍：A+级大学生期末HTML网页设计作业培训机构网站模板，喜欢的可以下载，文章页面支持移动PC响应式布局。 包含：项目介绍、运动会明星运动会故事，共4页。
2、网页作品编辑：本作品是中学生期末作业的网页设计主题。 代码是用简单的html+css布局制作的，中学生水平。 下载作品后，您可以使用任何HTML编辑软件（如：DW、HBuilder、NotePAD、Vscode、Sublime、Webstorm、Notepad++等任何HTML软件都可以编辑和更改网页）。
3、网页作品布局：网页整体布局为响应式布局、LOGO、导航、主要内容布局。 子页面有多种布局，兴趣爱好内容采用图片列表布局，结果页插入表格，联系我们采用图片对齐方式设置左对齐。
4、网页作品技术：使用DIV+CSS制作网页、背景图片、音乐、视频、flash、鼠标悬停和选中的导航变色效果、下划线等。提交表单、评论留言，并使用JavaScript进行表单判断（提交时表单不能为空）。
文章目录
1. 作品展示 1. 游戏新闻
二、项目介绍
3、体育明星
4.游戏故事
2.文件目录 3.代码实现
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Holiday Christmas</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="tooplate_style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="css/nivo-slider.css" type="text/css" media="screen" />
<script type="text/javascript" src="js/jquery-1.6.3.min.js" ></script>
<script type="text/javascript" src="js/jquery-ui.min.js" ></script>
<script type="text/javascript">
$(document).ready(function(){
$("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);
});
</script>
<link rel="stylesheet" type="text/css" href="css/ddsmoothmenu.css" />
<script type="text/javascript" src="js/ddsmoothmenu.js">
/***********************************************
* Smooth Navigational Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
</script>
<script type="text/javascript">
ddsmoothmenu.init({
mainmenuid: "tooplate_menu", //menu DIV id
orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
classname: 'ddsmoothmenu', //class added to menu's outer DIV
//customtheme: ["#1c5a80", "#18374a"],
contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
})
</script>
<link rel="stylesheet" href="css/slimbox2.css" type="text/css" media="screen" />
<script type="text/JavaScript" src="js/slimbox2.js"></script>
</head>
<body id="subpage">
<div id="tooplate_wrapper">
<div id="tooplate_header">
<embed src="music/Bells.mp3" autostart="true" loop="true" hidden="true"></embed>
<div id="site_title"><a href="index.html">Holiday Christmas</a></div>
<div id="tooplate_menu" class="ddsmoothmenu">
<ul>
<li><a href="index.html">首页</a></li>
<li><a href="news.html">礼物</a>
</li>
<li><a href="gallery.html">饮食</a></li>
<li><a href="about.html">地区特色</a></li>
<li><a href="contact.html" class="selected">登录注册</a></li>
</ul>
<br style="clear: left" />
</div>
<div class="clear"></div>
</div>
<div id="middle_page_intro">
<h1>登录注册</h1>
<p>Login and register</p>
</div>
<div id="tooplate_main">
<div class="content_wrapper content_mb_60">
<div class="col_3">
<a href="http://validator.w3.org/check?uri=referer" rel="nofollow"></a><a href="http://jigsaw.w3.org/css-validator/check/referer" rel="nofollow"></a>
</div>
<div class="clear"></div>
</div>
<div id="contact_form">
<h3>login and register</h3>
<form method="post" name="contact" action="#">
<div class="col_3">
<label for="name">用户名:</label>
<input type="text" id="name" name="name" class="input_field" />
<label for="email">密码:</label>
<input type="text" id="email" name="email" class="input_field" />
<label for="subject">地址:</label>
<input type="text" id="subject" name="subject" class="input_field" />
</div>
<div class="col_23 no_margin_right">
<label for="text">备注:</label>
<textarea id="text" name="text" rows="0" cols="0" class="required"></textarea>
<input type="submit" name="Submit" value="Submit" class="submit_button" />
</div>
</form>
<div class="clear"></div>
</div>
</div>
<div class="clear"></div>
</div>
<div id="tooplate_footer_wrapper">
<div id="tooplate_footer" class="center">
<div class="col_4">
<h4>Pages</h4>
<ul class="nobullet bottom_list">
<li><a href="index.html">首页</a></li>
<li><a href="news.html">礼物</a></li>
<li><a href="gallery.html">饮食</a></li>
<li><a href="about.html">地区特色</a></li>
<li><a href="contact.html">注册</a></li>
</ul>
</div>
<div class="col_4">
<h4>礼物</h4>
<ul class="nobullet bottom_list">
<li><a href="#" target="_parent">圣诞卡</a></li>
<li><a href="#" target="_parent">圣诞袜</a></li>
<li><a href="#" target="_parent">圣诞帽</a></li>
<li><a href="#" target="_parent">圣诞树</a></li>
<li><a href="#" target="_parent">圣诞节橱窗</a></li>
</ul>
</div>
<div class="col_4">
<h4>饮食</h4>
<ul class="nobullet bottom_list">
<li><a href="#">火鸡</a></li>
<li><a href="#">glogi酒</a></li>
<li><a href="#">沙滩宴</a></li>
<li><a href="#">玉米粥</a></li>
<li><a href="#">树干蛋糕</a></li>
</ul>
</div>
<div class="col_4 no_margin_right">
<h4>地区特色</h4>
<p><a href="#" target="_blank">英国特色</a>.</p>
<p><a href="#" target="_parent">美国特色</a></p>
<p><a href="#" target="_parent">法国特色</a>.</p>
<P><a href="#">瑞士特色</a></p>
</div>
<div class="clear"></div>
</div>
<div id="tooplate_copyright" class="center">
<p>
Copyright © 2018 Your Company Name | Design: <a href="#" target="_parent">Tooplate</a>. More Templates <a title="圣诞快乐">圣诞快乐</a>
</p>
<ul id="social">
<li><a href="#"><img src="images/rss.png" alt="RSS" /></a></li>
<li><a href="#"><img src="images/facebook.png" alt="Facebook" /></a></li>
<li><a href="#"><img src="images/twitter.png" alt="Twitter" /></a></li>
<li><a href="#"><img src="images/linkedin.png" alt="Linkedin" /></a></li>
</ul>
<div class="clear"></div>
</div>
</div>
</body>
</html>
四、web后端（学习资料）
Web后端零基础-入门到中级（视频+源码+开发软件+学习资料+笔试题）全套（教程）
适合初学者到中级童鞋~免费1000套HTML+CSS+JavaScript模板网站
5.更多源码
本期我们将为大家展示STU网页设计的原创个人网页作品。 作品可以使用Dreamweaver、HBuilder、Notepad++等任何HTML软件进行编辑和更改，图片可以直接覆盖和替换。
个人网页原创作品区链接：
本作品采用DIV CSS布局。 整部作品共5页，包括首页、个人经历、兴趣爱好、学术成果、联系我们。 使用CSS制作网页的背景图片，改变鼠标颜色的效果以及选中的导航网页网站模板，下划线等。首页制作了一个消息表单，同时简单的使用了JavaScript制作了一个表单判断（提交时表格不能为空）
本作品共有3个页面：个人主页、兴趣爱好、在线留言。 网页采用DIV CSS布局制作，首页插入背景音乐，兴趣爱好插入视频，在线留言插入表格。 网页主体长度为1100px，采用整体左右布局结构。 左侧导航区域的背景颜色与网页背景图片的主色相呼应。
本作品是用DIV CSS布局制作的。 总共4个页面，包括个人介绍（正文页）、我的作品（图片列表）、个人技能（图文页）、在线留言（表单页） CSS样式页 整体采用左右布局结构，网页的背景图片就制作完成了。 左侧导航区域各个导航的背景颜色不同。 导航的四种背景色与页面背景呼应，简洁又美观。
本作品采用DIV CSS布局制作，共4个页面：个人介绍页面、专辑列表页面、作品展示页面、留言表单页面。 页面整体长度为1100PX，网页背景图片采用CSS制作。 导航部分只是简单地通过改变键盘的颜色来制作。
本网页的成品是采用DIV CSS制作的，代码简单。 模板下载后，需要更换个人介绍和相应的图片。 修改方法比较简单，直接参考帮助中心即可。 作品首页嵌入背景音乐，使用CSS制作背景图片，制作导航键盘，并有消息表单页面。 适合中学生个人主页、个人博客、简单的个人网站。
本作品采用DIV布局制作，共5个页面，没有使用特殊技术，代码布局简单，页面背景图整体采用CSS制作网页网站模板，排版布局采用浮动基础标签制作，导航键盘制作简单，通过Select效果。 适合dreamweaver中学生创建个人主页博客，个人信息及相关图片需要更改。
