web期末网站设计大作业:动漫网站设计——迪斯尼公主(6页) 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(源文件),基本期末作业所需的知识点全覆盖。

一、作品展示

作品为部分截图

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

二、文件目录

在这里插入图片描述

三、代码实现


<!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="header">
		<a href="index.html">龙猫</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>
		<a href="view5.html">精彩剧照</a>
		<a href="view6.html">影片意义</a>
		<a href="view7.html">热门影评</a>
		<a href="register.html">粉丝注册</a>
		<a href="login.html">快速登录</a>
	</div>
	
	<div class="wrapper">
	
		<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/view5.3.jpg"/></a>
			<h3><a href="view1.html">影片信息</a></h3>
			<p><a href="view1.html">《龙猫》是由宫崎骏执导,日高法子、坂本千夏、糸井重里配音的动画电影,于1988年4月16日在日本上映。高清重制版于2018年12月14日在中国公映。该片讲述了草壁达郎的妻子草壁靖子生病住院后,草壁达郎决定带着两个女儿草壁皋月和草壁梅搬到草壁靖子所在疗养院附近的乡下,父女三人入住了一间年久失修的老房子。小姐妹俩很快发现看似平凡无奇的乡下有很多神奇的事物,无人居住的房屋里能聚能散还能飞的“煤灰”、森林里的小精灵、森林的主人龙猫和笑口常开的猫巴士,然后发生的一些温暖的故事。</a></p>
			<p><a href="view1.html">该片最初是一个60分钟左右的中篇企划,难以单独公映。为了配合《龙猫》,吉卜力决定同时推出由高畑勋执导的中篇作品《萤火虫之墓》。但是最终做出来的两部作品都是时长90分钟左右的长篇企划。1988年4月16日,两部题材和风格完全不同的动画电影同日上映。</a></p>
		</div>
		
		<div class="list">
			<h3><a href="view2.html">剧情简介</a></h3>
			<span><a href="view2.html">为了方便妻子草壁靖子养病,草壁达郎决定带着两个女儿草壁月和草壁梅搬到草壁靖子所在疗养院附近的乡下,父女三人到达后发现这间老房子很老了,是一间年久失修的老房子。小月和小梅小姐妹俩很快发现看似平凡无奇的乡下有很多神奇的事物,无人居住的房屋里有能聚能散还能飞的“煤灰”。这时,大垣勘太的奶奶也过来帮忙一起收拾东西,大垣勘太送来了饭团,并对草壁月说老房子是鬼屋,然后做了一个鬼脸跑掉了。过了几天,小月上学去了,小梅在附近玩耍,发现了一只龙猫。它长得很像兔子,109岁,不过它是站着走的,而且,它的脚像鸡爪子,手很像猫,到房子里去了。过了一会儿,它出来了,而且带着一只稍大的龙猫。这只龙猫长得像一只小猫,其他形象和小龙猫差不多,679岁。它们两个要回到一棵橡树里,于是小梅就去追它们,跑着跑着,小梅发现它们钻进了一个树洞里。。。</a></span>
		</div>
		
		<div class="list">
			<h3><a href="view3.html">人物简介</a></h3>
			<a href="view3.html"><img src="images/view5.2.jpg"/></a>
			<p><a href="view3.html">宫崎骏先生的每一部动画都是用唯美诗意的手法去表达深刻的内涵。小月和小梅都是温柔且坚定的存在。似乎宫崎骏格外偏爱这一类人物,他的好多部电影,主人公都是温柔且坚定的。这样的人物不仅能让人感到信任与依赖,更会让人忍不住想要格外的偏爱。或许就是这样的人物才会格外让人感到心情愉悦吧。</a></p>
		</div>
		
		<div class="list">
			<h3><a href="view4.html">官方海报</a></h3>
			<a href="view4.html"><img src="images/view5.10.jpg"/></a>
			<p><a href="view4.html">这款由中国著名海报设计师黄海老师设计的海报,一经推出,便广受好评!甚至已经火到了日本,得到了众多日本龙猫迷的称赞!海报中,姐妹俩跳跃般地在一片黄色草地中奔跑!但仔细一看,那片草地其实是龙猫那毛绒绒的肚皮!瞬间,你的心像被龙猫的绒毛轻抚了一般,整个人感到无比的欢快和温暖!</a></p>
		</div>
		
		<div class="list">
			<h3><a href="view5.html">精彩剧照</a></h3>
			<a href="view5.html"><img src="images/view5.4.jpg"/></a>
			<p><a href="view5.html">龙猫整部影片优美的画面充满着农村田园的清新气息,片中却不乏各种惊心动魄的场面。虽然让观众有点紧张但这也是该片牵动人心的魅力所在。无论是大人还是小孩都能在影片中产生心灵共鸣。每一个桥段都透着大自然对人类的呵护之情,捍卫了观众们的童真年代。</a></p>
		</div>
	
		<div class="list">
			<h3><a href="view6.html">影片意义</a></h3>
			<span><a href="view6.html">宫崎骏的动画里有一种超越世事的纯美,孩子的单纯与快乐让世间流转的风景都变得明亮和充满歌声,有着怪物外表的大龙猫,只在孩子的世界出现,守护孩子,我想电影是想对孩子说,世界总有不完美,但你值得一切。这部电影给带来一种温暖和幸福的感觉,这种温暖和幸福缓如流水,不像其他多部影片那样以触目惊心的自然破坏的结果震撼人心,而直接给观者最理想的家园,让人憧憬、使人向往。在这部电影当中,不论是小孩的童真心里,还是父爱,家庭,都体现的很完美,也启发到每个家庭,对孩子应该有怎样的心里态度去面对。看完电影内心有被感染,没有跌落起伏的剧情,从始至末都是平淡展开,却让人处处体会到温暖,细节入微、真实而又不乏高超的想象,真的很不一样。童话之外,是一种真实的体验描绘。记忆中的童年是怎样的,宫崎骏给出了他的答案。</a></span>
		</div>
	
		<div class="list">
			<h3><a href="view7.html">热门影评</a></h3>
			<a href="view7.html"><img src="images/view5.6.jpg"/></a>
			<p><a href="view7.html">整部影片中作为主角的龙猫直到影片开始20分钟左右才出场,而且出场的次数加起来也只有4次,但由于其每次出场均能给人一个不同的感觉,所以观众不仅不会对主角出场太少感到不满,反而会更加期待其出场,期待龙猫为整部剧情带来新的变化,新的感受。</a></p>
		</div>
	
	</div>
	
	<div class="footer">
		Copyright @ 2021 longmao.com All Rights Reserved. 龙猫网 版权所有
	</div>
	
</div>

</body>
</html>


四、学习资料

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


Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐