HTML5：动漫电影网站设计（html+css+javascript）

最新推荐文章于 2024-08-28 11:54:51 发布
最新推荐文章于 2024-08-28 11:54:51 发布
阅读量6.4k 收藏 84
点赞数 19
文章标签： html 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_58203144/article/details/124808746
版权
  • 🤱作者简介：大家好！我是陪我吹吹海風吧。
  • 📁喜欢：点赞收藏！持续更新
  • ✊加油，共勉

目录

一、作品展示

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

二、代码实现

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>请以你的请以你的名字呼唤我</title>
</head>
<body>
  <!-- <embed src="./media/这世界那么多人.mp4" width="0" height="0"></embed> -->
  <!-- <audio src="./media/wy.mp3" autoplay controls></audio> -->
  <div id="app" >
    <div class="head">
      <div class="logo">
        <h1>请以你的名字呼唤我</h1>
      </div>
      <div class="nav">
        <ul> 
          <li><a href="./首页.html">首&nbsp;&nbsp;&nbsp;&nbsp;页</a><li>
          <li><a href="./角色介绍.html" target="_self">角色介绍</a></li>
          <li><a href="./影片制作.html">影片制作</a></li>
          <li><a href="./相册欣赏.html">相册欣赏</a></li>
          <li><a href="./在线留言.html">在线留言</a></li>
        </ul>
      </div>
      <div class="main">
        <h1 style="padding-top: 20px;">《你的名字》</h1>

        <div class="jianjie" style="position: relative;"><a href="#" ><img src="./images/宣传照.png" alt="" width="250px" height="360px" style="margin: 30px 15px;"></a>
        <p class="neirong" style="position:absolute;left: 280px;top: 20px; margin: 100px 15px; font-size: 18px;color: pink;font-weight: bolder;">《你的名字》是新海诚执导,神木隆之介、上白石萌音担任主要配音的一部原创日本动画电影,
        <br>
        作品于2016年8月26日在日本上映。
        影片讲述了男女高中生在梦中相遇,并寻找彼此的故事。
        <br>
        中国大陆于2017年8月26日全网首播。
        <br>
        故事发生的地点是在每千年回归一次的彗星造访过一个月之前，日本飞驒市的乡下小町糸守町。在这里女高中生三叶每天都过着忧郁的生活，而她烦恼的不光有担任町长的父亲所举行的选举运动，还有家传神社的古老习俗。在这个小小的町，周围都只是些爱瞎操心的老人。为此三叶对于大都市充满了憧憬。
        <br>
        然而某一天，自己做了一个变成男孩子的梦。这里有着陌生的房间、陌生的朋友。而眼前出现的则是东京的街道。三叶虽然感到困惑，但是能够来到朝思暮想的都市生活，让她觉得神清气爽。另一方面在东京生活的男高中生立花泷也做了个奇怪的梦，他在一个从未去过的深山小町中，变成了女高中生。两人就这样在梦中邂逅了彼此。
        </p>
        </div>
        <hr>
        <div class="lunbo">
          <h1 style="text-align: center; margin-top: 20px;">《你的名字》</h1>
          <div style="margin: 30px 50px; padding-bottom: 30px;">
          <img style="width: 350px;height:220px;" src="./images/d1.png" alt="">
          <img style="width: 350px;height:220px;" src="./images/d2.png" alt="">
          <img style="width: 350px;height:220px;" src="./images/d3.png" alt="">
          <img style="width: 350px;height:220px;" src="./images/d5.png" alt="">
          <img style="width: 350px;height:220px;" src="./images/d6.png" alt="">
          <img style="width: 350px;height:220px;" src="./images/d7.png" alt="">
          <img style="width: 350px;height:220px;" src="./images/d8.png" alt="">
          <img style="width: 350px;height:220px;" src="./images/d9.png" alt="">
          <img style="width: 350px;height:220px;" src="./images/d10.png" alt="">
          </div>
        </div>
      </div>
    </div>
  </div>
</body>
</html>

三、文件目录

在这里插入图片描述

陪我吹吹海風吧
关注
HTML5期末大作业：电影网站设计——我的电影(6页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码
weixin_BJ050106的博客
03-06 1750
HTML5期末大作业：电影网站设计——我的电影(6页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码 一、作品介绍 1.作品简介 ：html期末大作业,dw学生网页设计作业, A+水平 ,喜欢的可以下载，文章页支持手机PC响应式布局。 2.作品编辑：作品下载后可使用任意HTML编辑软件（如：Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++ 等任意html
HTML5动漫网页设计——少女漫画心(HTML+CSS+JavaScript+Bootstrap)
七夕情人节表白网页代码100款 HTML5网页设计与制作1120款 Echarts大屏数据150款
08-04 7031
HTML5期末大作业：动漫网站设计——少女漫画心HTML+CSS+JavaScript+Bootstrap 动漫网页HTML代码 学生网页课程设计期末作业下载 大学生动漫网页设计成品 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大？HTML网页作业无从下手？网页要求的总数量太多？没有合适的模板？等等一系列问题。你想要解决的问题，在这篇博文中基本都能满足你的需求~ 原始HTML+CSS+JS页面设计, web大学生网页设计作业源码，这是一个不错的网页制作，画面精明，非常适合初学者学习使用
网页主题设计：WebTheme项目实战
最新发布
weixin_42598278的博客
08-28 704
本文还有配套的精品资源，点击获取 简介：网页主题（WebTheme）是定义网站视觉风格和布局的设计概念，包括颜色方案、字体、图像和布局。HTML作为构建网页的基础语言，通过标签描述结构，标签如 <header> 、 <footer> 、 <nav> 、 <article> ...
HTML5期末大作业：XXX 网站设计——指环王：护戒使者(13页) HTML+CSS+JavaScript HTML+CSS+JS网页设计期末课程大作业 web前端开发技术 web课程设计 网页规
11-03 1907
HTML5期末大作业：XXX 网站设计——指环王：护戒使者(13页) HTML+CSS+JavaScript HTML+CSS+JS网页设计期末课程大作业 web前端开发技术 web课程设计 网页规划与设计 常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他 等网页设计题
关于动漫的HTML网页制作（共五页有五种风格）
04-13
关于动漫的HTML网页制作，，大作业A+水平！！主要特色：附带音效，五个网页五种风格。每个都有不同的美感~ 随着动漫产业，动漫文化的不断发展，动漫已经从过去的低年龄层向全民动漫方向发展， 动漫产业链逐步完善，喜欢动漫的爱好者越来越多。当然市场需求量也在不断增长，越来越多的动漫爱好者在这一领域能希望得到更多动漫资源，获得更多的一些能满足他们各种爱好的资源集中地，而画漫翩翩网则包含了动漫和动漫论坛，满足了广大动漫迷的需求，逐渐形成了动漫一种文化特色存在。
关于动漫的HTML网页设计
06-09
关于动漫视频网站的HTML，页面设计，采用HTML+CSS制作
【HTML】HTML网页设计----动漫网站设计
coding加油站
08-20 1万+
html网页设计，html动漫网站，html，css作业，期末课程设计
计算机毕业设计HTML+CSS+JavaScript——基于HTML花店购物网站项目与实现.md
08-10
该项目提供了一个全面而具体的前端开发实战案例，不仅涵盖了HTML、CSS和JavaScript的基础知识，还涉及了多种类型的网站设计。对于希望提高自己前端开发技能的学生或自学者来说，这是一个非常有价值的资源。通过参与...
网页设计期末课程大作业：基于HTML+CSS+JavaScript+Bootstrap制作响应式网站信息技术交流博客(7页)
08-10
蹈、 动漫、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、游戏、 节日、 戒烟、 电影、 摄影、 文化、 家 乡、 鲜花、 礼品、 汽车、 其他 可满足大学生网页大作业网页设计作业需求, 喜欢的可以下载! 原生...
HTML5期末大作业：电影网站设计——电影(1页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码
weixin_BJ050106的博客
03-06 1337
HTML5期末大作业：电影网站设计——电影(1页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码 一、作品介绍 1.作品简介 ：html期末大作业,dw学生网页设计作业, A+水平 ,喜欢的可以下载，文章页支持手机PC响应式布局。 2.作品编辑：作品下载后可使用任意HTML编辑软件（如：Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++ 等任意html编辑
HTML5期末大作业：动漫网站设计——动漫电影《你的名字》(7页) HTML+CSS+JavaScript 学生DW网页设计作业成品 html网页设计期末大作业_网页设计平时作业
11-08 759
HTML5期末大作业：动漫网站设计——动漫电影《你的名字》(7页) HTML+CSS+JavaScript 学生DW网页设计作业成品 html网页设计期末大作业_网页设计平时作业 常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他 等网页设计题目, A+水平作业, 可满
动漫网页设计
05-14
实现动漫网页的多个功能，有多个界面，超链接实现， 、
基于HTML5的网页动画背景
04-08
NULL 博文链接：https://lixor.iteye.com/blog/1607916
动漫公司HTML5网页模板
12-13
动漫公司HTML5网页模板
HTML+CSS大作业-动漫在线网站设计——叮当电影(5页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计
而风不止
11-13 193
学生DW静态网页设计 HTML+CSS+JS
HTML5期末大作业：影视在线网站设计——动漫樱桃小丸子(5页) web前端期末大作业 html+css+javascript网页设计实例 企业网站制作
11-09 1163
HTML5期末大作业：影视在线网站设计——动漫樱桃小丸子(5页) web前端期末大作业 html+css+javascript网页设计实例 企业网站制作 常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他 等网页设计题目, A+水平作业, 可满足大学生网页大作业网页设计需求
动漫网站源码设计与实现
热门推荐
zz_cl的博客
03-09 1万+
已完成编写的Sky动漫网主页如下 PC电脑端效果截图： APP手机端效果截图： 数据库相关表设计如下： 主要有：动漫主体信息表、视频播放源表、文章资讯表、主题专辑表、经典语录表、图片图集表、评论表等等 信息采集使用jsoup爬取 各大视频网站（优酷、爱奇艺、搜狐、腾讯、哔哩哔哩、乐视、新浪、土豆、芒果、PPTV等等）共享的内嵌播放器源...
【HTML5期末大作业】犬夜叉动漫网站设计--动漫网站设计
coding加油站
06-25 870
1、本站点以动漫犬夜叉为主题，为大家介绍了犬夜叉的故事背景以及故事梗概，并且还为大家推送了犬夜叉的四部剧场版————超越时空的思念、镜中的梦幻城、天下霸道之剑、红莲之蓬莱岛。最后为大家提供了一个反馈页面，欢迎大家发送意见。2 、页面结构：网站分为5 个网页，①首页（背景故事）（index）页----介绍故事发生的背景，让读者有一个大概 的社会背景 映像 ；② 故事梗概 页（summery.html）----介绍整个犬夜叉故事的来龙去脉；③列表页（剧场版介绍）（TVB.html ）----介绍犬夜叉.....
HTML5期末大作业：餐饮甜品网站设计——美食蛋糕店(48页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web前端开发技术 web课程设计 网页规划与设计
qq_365392777
11-11 4603
HTML5期末大作业：餐饮甜品网站设计——美食蛋糕店(48页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码 常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他 等网页设计题目, A+水平作业, 可满足
HTML+CSS学生个人主页设计实战：惊奇漫画网站
在"web课程设计网页规划与设计——惊奇漫画网站"的HTML5期末大作业中，学生被要求采用DIV+CSS布局创建一个多功能的个人主页，旨在展示网页设计的基本原理和实践技能。该作业包含了丰富的页面设计，如首页采用CSS排版...
评论 12
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

陪我吹吹海風吧

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值