HTML5期末大作业:动漫人物介绍网站设计——柯南(5页) 含报告 HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码

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

作品介绍

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

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

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

文章目录

  • HTML5期末大作业:动漫人物介绍网站设计——柯南(5页) 含报告 HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码
  • 作品介绍
  • 一、作品展示
  • 二、文件目录
  • 三、代码实现
  • 四、学习资料
  • 五、👇🏻👇🏻👇🏻更多源码👇🏻👇🏻👇🏻

一、作品展示

作品为部分截图





二、文件目录

三、代码实现


<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>柯南网</title>
<link rel="stylesheet" type="text/css" href="css/common.css"/>
<script type="text/javascript" src="js/rotation.js"></script>
</head>

<body>

<div class="container">
	
	<div class="wrapper">
	
		<div class="header">
			<a href="index.html"><img src="images/header.jpg"/></a>
		</div>
		
		<div class="nav">
			<a href="index.html">柯南首页</a>
			<a href="view1.html">剧情简介</a>
			<a href="view2.html">人物简介</a>
			<a href="view3.html">播出信息</a>
			<a href="view4.html">影迷留言</a>
		</div>
		
		<div class="main">
		
			<div id="focus" class="focus">               
				<ul id="focus_image" class="focus_image" >
					<li class="current">
						<a href="view1.html"><img src="images/focus1.jpg"/></a>
					</li>
					<li><a href="view2.html"><img src="images/focus2.jpg"/></a></li>
				</ul>                
				<ul id="focus_button" class="focus_button">
					<li class="on"></li>
					<li></li>
				</ul>
			</div>
			
			<div class="line">
				<a href="view1.html"><img src="images/view1.jpg"/></a>
				<h3><a href="view1.html">剧情简介</a></h3>
				<p><a href="view1.html">高中生侦探工藤新一是全国著名的高中生侦探,和青梅竹马的同学毛利兰一同去游乐园玩的时候,目击了黑衣男子的可疑交易现场。只顾偷看交易的工藤新一,却忽略了从背后接近的另一名同伙,不幸被团伙成员发现,击晕后喂了神奇的药水,工藤新一变回了小孩!新一找到了经常帮助他的阿笠博士,博士为他度身打造不少间谍武器。如果让那些家伙知道工藤新一还活着的话,不仅性命难保,还会危及身边的人。为了防止犯罪团伙对他进行报复,在阿笠博士的建议下新一决定隐姓埋名,暗中追查他们,希望能得到解药。一日,新一的女友毛利兰来到了阿笠博士的家寻找男友的下落,被小兰撞见的新一情急之下编造了自己名叫江户川柯南,为了搜集那些家伙的情报,随后柯南寄住在父亲以侦探为业的小兰家。为了揭露那些家伙的真面目,小小侦探江户川柯南开始大显身手!</a></p>
			</div>
			
			<div class="item">
				<a href="view2.html"><img src="images/view2.1.jpg"/></a>
				<h3><a href="view2.html">江户川柯南</a></h3>
				<p><a href="view2.html">江户川柯南外表看似小孩,其真实身份是高中生侦探——工藤新一。和青梅竹马的同学毛利兰一起去游乐园玩,目击到黑衣男子的可疑交易现场,被灌下开发中的药物,变成了小学生的身体。那天以后,为了隐藏真实身份,化名江户川柯南,在青梅竹马的毛利兰家寄住的同时,解决了许多案件。一切都是为了恢复自己的身体。在阿笠博士的提议下,寄住于小兰的父亲毛利小五郎家中,解决各种案件的同时秘密调查黑衣组织。</a></p>
			</div>
			
			<div class="item">
				<a href="view2.html"><img src="images/view2.2.jpg"/></a>
				<h3><a href="view2.html">工藤新一</a></h3>
				<p><a href="view2.html">工藤新一崇拜夏洛克·福尔摩斯的高中生侦探。5月4日出生,17岁。帝丹高中2年级B班。特长是足球,头脑清醒出众。和青梅竹马的小兰一起去游乐园时,遇到了黑衣男子的交易现场,被组织灌下正在开发中的毒药“APTX4869”,此后,就断开了联系。还是高中1年级学生的时候和目暮警官等人相识。之后寻求阿笠博士的帮助,在阿笠博士的提议下,寄住于小兰的父亲、私家侦探毛利小五郎家中,秘密调查黑衣组织。</a></p>
			</div>
			
			<div class="list">
				<a href="view3.html"><img src="images/view3.jpg"/></a>
				<h3><a href="view3.html">播出信息</a></h3>
				<p><a href="view3.html">当地时间1996年1月8日19:30,该片在读卖电视台首播。2003年起,该片以“返场特别篇”和“数字修复特别版”的形式,每年重播多集曾播出过的剧集。第11集重播时,还一同播出了青山刚昌的采访影像。2008年10月20日起,读卖电视台开播了“动画☆7”版块,该版块内播出的节目仍旧是《小双侠》和《名侦探柯南》,但不局限于已有的2个30分钟节目的框架。同日起,读卖电视台连续3周播出《名侦探柯南》1小时特别篇。2009年4月4日起,该片播出时间移动至当地时间每周六18时。2014年起,电视播出的字幕形式作了更改。2016年1月9日、16日,该片于当地时间17:30播出新年特别篇《柯南与海老藏歌舞伎十八番之谜》。当地时间2019年1月5日、12日17:30,该片播出特别篇《红色的修学旅行》。</a></p>
			</div>
		
		</div>
		
		<div class="footer">
			Copyright @ 2021 conan All Rights Reserved. 柯南网 版权所有
		</div>
		
	</div>
	
</div>

</body>
</html>


四、学习资料

web前端 零基础-入门到高级 (视频+源码+开发软件+学习资料+面试题) 一整套 (教程)
适合入门到高级的童鞋们入手~送1000套HTML+CSS+JavaScript模板网站


五、👇🏻👇🏻👇🏻更多源码👇🏻👇🏻👇🏻

更多推荐

HTML5期末大作业:动漫人物介绍网站设计——柯南(5页) 含报告 HTML+CSS+JavaScript dw网页设计 web网页设计与开发