关于电影主题HTM5网页设计作业成品——千与千寻在线电影(9个页面) HTML+CSS+JavaScript

原创

已于 2022-02-16 17:22:40 修改 · 6.2k 阅读

44 ·

CC 4.0 BY-SA版权

文章标签：

#html5期末大作业 #html网页设计作业 #在线电影网站HTML #电影网页源码HTML #web实训大作业

于 2021-08-31 10:25:27 首次发布

这篇博文分享了一个适用于HTML网页设计作业的成品——千与千寻在线电影网站，包含9个页面。作品介绍了网页的布局、技术特点，如CSS背景图、导航变色等，并提供了HTML源码。适合初学者学习使用，包括剧情简介、人物介绍、精彩剧照等多个板块。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

关于电影主题HTM5网页设计作业成品——千与千寻在线电影(9个页面) HTML+CSS+JavaScript 期末作业HTML代码

临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大？HTML网页作业无从下手？网页要求的总数量太多？没有合适的模板？等等一系列问题。你想要解决的问题，在这篇博文中基本都能满足你的需求~

原始HTML+CSS+JS页面设计, web大学生网页设计作业源码，这是一个不错的网页制作，画面精明，非常适合初学者学习使用。

作品介绍

1.网页作品简介方面 ：一款适合多种场景的电影故事片图文介绍展示html模板，主要有：首页、剧情简介、人物简介、精彩剧照、获奖记录、热门影评、影片意义、快速登录、粉丝注册等9个页面。

2.网页作品编辑方面：此作品为学生个人主页网页设计题材，代码为简单学生水平 html+css 布局制作，作品下载后可使用任意HTML编辑软件（例如：DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm 所有编辑器均可使用）

3.网页作品布局方面：网页布局整体为LOGO、导航、主体内容布局。子页面多种布局，兴趣爱好内容使用图片列表布局，成绩页面插入了表格，联系我们使用图片对齐方式设置了左对齐。

4.网页作品技术方面：使用CSS制作了网页背景图、鼠标经过及选中导航变色效果、下划线等。首页制作了留言表单，同时简单使用JavaScript制作了表单判断（提交时表单不能为空）

文章目录

关于电影主题HTM5网页设计作业成品——千与千寻在线电影(9个页面) HTML+CSS+JavaScript 期末作业HTML代码
作品介绍
一、作品演示
二、代码目录
三、代码实现
四、web前端入门到高级(视频+源码+资料+面试)一整套 (教程)
五、👇🏻👇🏻👇🏻更多源码👇🏻👇🏻👇🏻

一、作品演示

在这里插入图片描述

二、代码目录

在这里插入图片描述

三、代码实现

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>千与千寻网</title>
<link rel="stylesheet" type="text/css" href="css/view.css"/>
</head>

<body>

<!--container start-->
<div class="container">

	<!--header start-->
	<div class="header" id="header">
		<a href="index.html">
		<img src="images/header.jpg">
		</a>
	</div>
	<!--header end-->
	
	<!--nav start-->
	<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"