HTML5期末大作业：电影网站设计——指环王：护戒使者(13页) HTML+CSS+JavaScript

@码住夏天-web网页设计

已于 2022-02-16 18:25:26 修改

阅读量701

点赞数

分类专栏： html期末大作业 html大学生毕业设计源码 web前端期末大作业文章标签： html5 javascript css 电影网页设计HTML

于 2021-10-14 16:30:57 首次发布

本文链接：https://blog.csdn.net/qq_365392777/article/details/120766958

版权

html期末大作业同时被 3 个专栏收录

193 篇文章 225 订阅

订阅专栏

web前端期末大作业

162 篇文章 51 订阅

订阅专栏

html大学生毕业设计源码

135 篇文章 48 订阅

订阅专栏

HTML5期末大作业：电影网站设计——指环王：护戒使者(13页) HTML+CSS+JavaScript 期末作业HTML代码学生网页课程设计期末作业下载 web网页设计制作成品大学生毕设网页设计源码HTML

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

1.临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大？HTML网页作业无从下手？网页要求的总数量太多？
2.没有合适的模板？等等一系列问题。你想要解决的问题，在这篇博文中基本都能满足你的需求~
3.原始HTML+CSS+JS页面设计, web大学生网页设计作业源码，这是一个不错的网页制作，画面精明，非常适合初学者学习使用。

作品介绍

1.网页作品简介 ：HTML期末大学生网页设计作业 A+水平 ,喜欢的可以下载，文章页支持手机PC响应式布局。包含：网站首页故事背景角色介绍幕后花絮获奖记录幕后制作影片评价总共11个页面。

2.网页作品编辑：此作品为学生期末大作业网页设计题材，代码为简单学生水平 html+css 布局制作，作品下载后可使用任意HTML编辑软件（例如：DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++ 等任意HTML软件编辑修改网页）。

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

4.网页作品技术：使用DIV+CSS制作网页, 背景图、音乐、视频、flash、鼠标经过及选中导航变色效果、下划线、等。表单提交、评论留言，并使用JavaScript制作了表单判断（提交时表单不能为空）。

文章目录

HTML5期末大作业：电影网站设计——指环王：护戒使者(13页) HTML+CSS+JavaScript 期末作业HTML代码学生网页课程设计期末作业下载 web网页设计制作成品大学生毕设网页设计源码HTML
作品介绍
一、作品展示
二、文件目录
三、代码实现
四、web前端(学习资料)
五、 👇🏻👇🏻👇🏻更多源码👇🏻👇🏻👇🏻

一、作品展示

1.网站首页

在这里插入图片描述

2.故事背景

在这里插入图片描述

3.角色介绍

在这里插入图片描述

4.幕后花絮

在这里插入图片描述

5. 获奖记录

在这里插入图片描述

二、文件目录

在这里插入图片描述

三、代码实现


<!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" style="overflow: auto; overflow-x:hidden;">
<head>
<title>指环王：护戒使者电影</title>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
  <link rel="stylesheet" type="text/css" href="css/screen.css" />
  <script src="js/jquery.min.js"></script>
  <script src="js/jquery.flexslider-min.js"></script>
  <script type="text/javascript">
		$(window).load(function() {
			$('.flexslider').flexslider();
		});
  </script>
  <link rel="stylesheet" href="css/lrtk.css" type="text/css" media="screen" />
</head>
<body>
<div class="wrapper">
  <div class="top">
    <div class="top_link"><a href="#">设为首页</a> | <a href="#" class="link2">加入收藏</a></div>
  </div>
  <!--end of top-->
  <div class="nav">
    <ul>
        <li><a href="index.html">网站首页</a></li>
        <li><a href="gushi.html">故事背景</a></li>
        <li><a href="juese.html">角色介绍</a></li>  <li><a href="huaxu.html">幕后花絮</a></li>
        <li><a href="huojiang.html">获奖记录</a></li>
        <li><a href="zhizuo.html">幕后制作</a></li>
        <li><a href="pinjia.html">影片评价</a></li>
    </ul>
  </div>
  <!--end of nav-->
    <div id="banner">
    <div class="flexslider">
        <ul class="slides">
        <li><a href="#" > <img src="image/ad1.jpg"  width="1010" /></a> </li>
        <li><a href="#" > <img src="image/ad2.jpg"  width="1010" /></a> </li>
        <li><a href="#" > <img src="image/ad3.jpg"  width="1010" /></a> </li>
        <li><a href="#" > <img src="image/ad4.jpg"  width="1010" /></a> </li>
        <li><a href="#" > <img src="image/ad5.jpg"  width="1010" /></a> </li>
        <li><a href="#" > <img src="image/ad6.jpg"  width="1010" /></a> </li>
      </ul>
      </div>
  </div>
    <!--end of banner-->
  <div class="content">
    <div class="sidebar">
      <div class="pro_box">
        <div class="jj_cp2">
           <h3>指环王：护戒使者电影</h3>
          </div>
        <ul class="pro_list">
              <li><a href="gushi.html">故事背景</a></li>
        <li><a href="juese.html">角色介绍</a></li>  <li><a href="huaxu.html">幕后花絮</a></li>
        <li><a href="huojiang.html">获奖记录</a></li>
          </ul>
      </div>
      <!--end of pro_box-->
      
      <div class="pro_box">
        <div class="jj_cp2">
           <h3>演职员表</h3>
          </div>
        <ul class="pro_list">
            <li><a href="meishi_1.html">伊利亚·伍德 饰 弗罗多</a></li>
            <li><a href="meishi_2.html">伊恩·麦克莱恩 饰 甘道夫</a></li>
            <li><a href="meishi_3.html">维果·莫特森 饰 阿拉贡</a></li>
            <li><a href="meishi_4.html">凯特·布兰切特 盖拉德丽尔</a></li><li><a href="meishi_5.html">多米尼克·莫纳汉 饰 梅利
</a></li>
          </ul>
      </div>
      <!--end of pro_box--> 
      
    </div>
    <!--end of sidebar-->
    <div class="main_con main_con2">
      <div class="main_host">
        <div class="jj_cp2">
          <h3>伊恩·麦克莱恩 饰 甘道夫</h3>
          <p>当前位置：<a href="#">首 页</a> >> 伊恩·麦克莱恩 饰 甘道夫</p>
        </div>
        <div class="com_txt">
          <p><br />
          </p>
          <p><br />
            <br />
          </p>
          <p>&nbsp;</p>
          <p>&nbsp;</p>
          <div style="text-align:center"><img src="image/1.jpg" width="500" /></div>
          <p></p>
          <p>&nbsp;</p>
        </div>
        <!--end of com_txt--> 
      </div>
      <!--end of main_host--> 
    </div>
    <!--end of mian_con--> 
  </div>
  <!--end of content--> 
</div>
<!--end of wrapper-->
<div class="foot">
    <div class="copyright">
    <p>指环王：护戒使者</p>
    <p><a href="http://mail.qq.com/">联系我们</a><a href="http://www.baidu.com/" target="_blank"> 友情链接</a></p>
  </div>
    <!--end of copyright--> 
</div>
<!--end of foot-->
</body>
</html>

四、web前端(学习资料)

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

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

@码住夏天-web网页设计

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
打赏
0
评论
HTML5期末大作业：电影网站设计——指环王：护戒使者(13页) HTML+CSS+JavaScript

HTML5期末大作业：电影网站设计——指环王：护戒使者(13页) HTML+CSS+JavaScript 期末作业HTML代码学生网页课程设计期末作业下载 web网页设计制作成品大学生毕设网页设计源码HTML常见网页设计作业题材有个人、美食、公司、学校、旅游、电商、宠物、电器、茶叶、家居、酒店、舞蹈、动漫、明星、服装、体育、化妆品、物流、环保、书籍、婚纱、军事、游戏、节日、戒烟、电影、摄影、文化、家乡、鲜花、礼品、汽车、其他
复制链接

扫一扫