HTML期末作业课程设计期末大作业__电影长津湖介绍带视频(6页)

news2025/7/31 16:12:04

⛵ 源码获取文末联系 ✈

Web前端开发技术
描述网页设计题材，DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业 | 摄影作品 | 影视设计网页 | 在线电影 | 视频音频元素 | HTML期末大学生网页设计作业，Web大学生网页

HTML：结构
CSS：样式
在操作方面上运用了html5和css3，
采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识
JavaScript：做与用户的交互行为

文章目录

前端学习路线
网页基本结构
网页演示
- HTML结构代码
学的反而越迷茫
学习更多

前端学习路线

（1）html文件：其中index.html是首页、其他html为二级页面；
（2）css文件：css全部页面样式,文字滚动, 图片放大等；
（3）js文件：js实现动态轮播特效, 表单提交, 点击事件等等（网页中运用到js代码）

网页基本结构

(1)首页：进入网页中看到的第一个页面(LOGO、公司名称、导航、banner、新闻、相关信息、底部信息、banner一般是5个　　
(2)二级页面：从首页点击进入之后的页面叫做二级页面
(3)三级页面：从二级页面点击进入的页面

网页html：网页是构成网站的基本元素，是承载各种网站应用的平台。通俗地说，网站就是由网页组成的
首页网站：首页是一个网站的入口网页，故往往会被编辑得易于了解该网站多数作为首页的文件名是index加上扩展名
导航菜单：是指位于页面顶部或者侧边区域的，也称之为导航栏，它起着链接站点或者软件内的各个页面的作用.
网页页脚：是网页中每个页面的底部的区域。常用于显示附加信息。如作者、备案号等。

网页演示

在这里插入图片描述

HTML结构代码



<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="css/css.css">
<title>长津湖</title>
</head>

<body>
<div class="da">
<div class="ban"><img src="images/ban.jpg" width="1000" height="430"></div>
<div class="nav"><ul>
<li><a href="index.html">网站首页</a></li>
<li><a href="index -1.html">剧情简介</a></li>
<li><a href="index -2.html">角色介绍</a></li>
<li><a href="index -3.html">视频介绍</a></li>
<li><a href="index -4.html">影片剧照</a></li>
<li><a href="index -5.html">影片评价</a></li></ul></div>

<div class="xia">
<h2>长津湖</h2>
<div class="yi">
<p>《长津湖》由陈凯歌、徐克、林超贤联合执导，吴京、易烊千玺领衔主演，段奕宏特别出演，朱亚文、李晨、胡军、韩东君等主演的抗美援朝电影 ，该片于2021年9月30日在中国大陆上映。</p>
<p>该片以抗美援朝战争中的长津湖战役为背景，讲述了一段波澜壮阔的历史，在极寒严酷环境下，东线作战部队凭着钢铁意志和英勇无畏的战斗精神，扭转战场态势，为长津湖战役胜利作出重要贡献的故事。</p>
<p>该片截至2021年10月19日晚上7时40分，《长津湖》票房突破50亿元，暂列全球年度票房榜第二名。</p>
<div class="tu"><img src="images/a1.jpg" width="290" height="200"><img src="images/a2.jpg" width="290" height="200"><img src="images/a3.jpg" width="290" height="200"></div>
<br>
</div>
<div class="er">
<img src="images/t1.jpg" width="460" height="620" align="right" style=" margin-left:15px; margin-top:10px;">
<h3>《长津湖》敬热血军魂纪念抗美援朝71周年 全民共情致敬最可爱的人</h3>
<p><samp>10月25日，抗美援朝纪念日，《长津湖》发布“纪念中国人民志愿军抗美援朝出国作战71周年特别短片”，再次向伟大的志愿军致敬！抗美援朝是一场保家卫国的正义之战，也是新中国的立国之战。</samp></p>
<p>电影《长津湖》上映以来引发全民共情，目前已有1亿多人次观众走进影院，感受志愿军战士英勇顽强不怕牺牲的英雄气概。席卷全国的“长津湖效应”背后，是人们对中国人民志愿军英烈无限的崇敬和深切的悼念，是对中国军人的深情讴歌和由衷礼赞。时值10月25日抗美援朝纪念日，片方发布“纪念中国人民志愿军抗美援朝出国作战71周年特别短片”，再次向伟大的志愿军致敬！抗美援朝是一场保家卫国的正义之战，也是新中国的立国之战。这一战，结束了“西方殖民主义者在东方海岸架起几门火炮就可以奴役一个国家”的历史。电影《长津湖》全情全景地还原了71年前抗美援朝战场上那场史诗战役，志愿军奋不顾身的英勇精神令观众感叹：“岁月峥嵘英雄不灭，丹心铁骨军魂永存！”影片上映以来票房屡创新高，目前暂列中国影史票房总榜第三名。电影《长津湖》以气韵沉雄的超级影像奇观，激发了有关长津湖战役的民族集体记忆，增强了全体国民的家国认同感和集体凝聚力，向最可爱的人致敬！</p>
<p>电影《长津湖》以波澜壮阔的历史场景，呈现了抗美援朝长津湖战役重大历史事件全景形貌。时值抗美援朝纪念日，片方发布一支“纪念中国人民志愿军抗美援朝出国作战71周年特别短片”，表达对先辈们无上的敬意。值得一提的是，这部影片的很多主创都有军人的血脉，或者是有当兵经历，或者家人是军人，提起这些他们也充满自豪。影片总监制黄建新称：“当兵以后会有一种特别能坚持的劲儿。”饰演雷公的胡军透露：“我父亲曾经参加过抗美援朝，而且还得了一个三等功。”影片历史顾问王树增表示：“我当了五十多年的兵，我的老部队就是上甘岭上下来的，那些老兵都是我的偶像。”</p>
</div><div class="clearit"></div>



</div>

<div class="foot">长津湖</div>
</div>
</body>
</html>