首页 > 其他分享 >大三学生HTML个人网页作业作品——电影动漫言叶之庭(4页)带音乐

大三学生HTML个人网页作业作品——电影动漫言叶之庭(4页)带音乐

时间:2024-11-09 11:45:15浏览次数:3  
标签:网页 代码 秋月 之庭 HTML 言叶

HTML实例网页代码, 本实例适合于初学HTML的同学。该实例里面有设置了css的样式设置,有div的样式格局,这个实例比较全面,有助于同学的学习,本文将介绍如何通过从头开始设计个人网站并将其转换为代码的过程来实践设计。

文章目录

网页介绍

1 网页简介:此作品为学生个人主页网页设计题材,HTML+CSS 布局制作,web前端期末大作业,大学生网页设计作业源码,这是一个不错的网页制作,画面精明,代码为简单学生水平, 非常适合初学者学习使用。
2.网页编辑:网页作品代码简单,可使用任意HTML编辑软件(如:Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++ 等任意html编辑软件进行运行及修改编辑等操作)。
3.知识应用:技术方面主要应用了网页知识中的: Div+CSS、鼠标滑过特效、Table、导航栏效果、Banner、表单、二级三级页面等,视频、 音频元素 、Flash,同时设计了Logo(源文件)所需的知识点。


# 网页效果 ![在这里插入图片描述](/i/ll/?i=90352cc6fb7447068ecdd4ff28699551.png#pic_center) ![在这里插入图片描述](/i/ll/?i=2a597630c93a4e6a95bed4665f502bb9.png#pic_center) ![在这里插入图片描述](/i/ll/?i=b8b09ebedc104572b9af214d15be9625.png#pic_center) ![在这里插入图片描述](/i/ll/?i=8a109743cd4f45b8ac9a46b61b76f716.png#pic_center) # 代码展示 ## 1.HTML代码 代码如下(示例):以下仅展示部分代码供参考~ ```html 言叶之庭

言叶之庭

言叶之庭简介

《言叶之庭》是新海诚执导的动画电影,由入野自由,花泽香菜担任配音。

该动漫主要讲述的是一心想当制鞋师的高中生与神秘年长女性之间的爱情物语。故事源于万叶集开篇的"孤悲"之恋,作品中透露出鞋、万叶集、日本庭园、雨等因素。

影片于2013年5月31日在台湾、香港、日本同步上映。

剧情介绍

“作品以"孤悲"来表达"恋"的主题,讲述以鞋匠为目标的高中生高雄,在某个下着雨的早上从学校逃课出来,在日本庭院中描绘着鞋的草图,在那里他与神秘的年长女性雪乃相遇了。在此以后两人即使没任何约定但都会心有灵犀地在下着绵绵细雨的日子再会,然而梅雨季节却即将要结束了……

电影《言叶之庭》剧照
电影《言叶之庭》剧照(11张)
生活在东京的15岁高中生秋月孝雄(入野自由 配音),为了贴补家用常年奔走在学校和打工场所两端,在家中照顾母亲和哥哥的衣食起居不得闲暇。这一年的梅雨季节如约而至,走出电车的秋月决定逃课,盘桓来至位于东京xx的日本庭园。秋月在一处亭子内坐下,用笔绘出他所设计的女鞋草图以及他的梦想。此时此刻,亭子内还有一名喝啤酒吃巧克力的职肠女性--27岁的雪野百香里(花泽香菜 配音)。
在之后的日子里,每值清晨时分,细雨绵绵,秋月和雪野便不约而同聚首这座亭子。他们渐渐熟稔,秋月谈起自己志愿成为手工鞋匠的梦想,雪野也尝试笨拙地做起了并不好吃的便当。现实生活中各自遭遇着种种困顿的他们,两颗疲惫的心不知不觉相互吸引。
仿佛突然进入了另一个世界一般,梅雨过后没有止境的艳阳高照,秋月和雪野似乎也失去了逃课与逃班的理由,然而他们的故事并未就此结束……

 

电影片段

版权所有:言叶之庭

All Rights Reserved

```
# 精彩推荐 1.看到这里了就 `【点赞收藏博文】` 三连支持下吧,你的支持是我创作的动力, `【观注作者 |获取更多源码| 优质文章】 `。 2.关注我带您学习各种前端插件、3D炫酷效果、图片展示、文字效果、以及整站模板 、大学生毕业HTML模板 、期末大作业模板 、等! 「在这里有好多 前端 开发者,一起探讨 前端 Node 知识,互相学习」!

标签:网页,代码,秋月,之庭,HTML,言叶
From: https://blog.csdn.net/p305114466/article/details/126824130

相关文章

  • 第三周HTML&CSS综合练习作业
    11.7今天练习了CSS的相关内容,制作了一个永夜星河的界面<!DOCTYPEhtml><htmllang="en"><head>  <metacharset="UTF-8">  <metaname="viewport"content="width=device-width,initial-scale=1.0">  <tit......
  • 用html实现软文推广页面
    一、下载所需的基础文件二、解压文件并用vsc软件打开注:打开文件夹前最好把名字改成英文三、创建项目双击空白处创建一个以.html的文件,然后输入!再按Tab键四、结构分析1.标题分别使用<h1>和<h2>标签,其中h1表示一级标题,h2表示二级标题2.<h1>标签中应用了名称为“书法.t......
  • 前端技术对html的学习1
    html简介目录html简介HTML到底是什么?HTML版本HTML标签HTML文档结构HTML英文全称是HyperTextMarkupLanguage,中文译为“超文本标记语言”,专门用来设计和编辑网页。使用HTML编写的文件称为“HTML文档”,一般后缀为.html(也可以使用.htm,不过比较少见)。HTML文档是一种纯文......
  • nodejs 18.20.4 juice 库将html中的全局CSS格式, 转化为每个元素内联的CSS格式
    执行下面命令,安装nodejs和npmubuntu@ubuntu22:~$sudoaptupdateubuntu@ubuntu22:~$sudoaptinstallnpm#npm是Node.js的包管理工具ubuntu@ubuntu22:~$sudoaptinstall-ycurlubuntu@ubuntu22:~$curl-fsSLhttps://deb.nodesource.com/setup_18.x|sudo-Eb......
  • 记录几个视频嵌入网页的html代码写法
    <pstyle="text-align:center;"><iframestyle="height:350px;"src="https://v.qq.com/txp/iframe/player.html?vid=s3000bwdvh8"frameborder="0"></iframe></p><iframeframeborder="0"sr......
  • 带你用HTML+CSS+JS实现动态滚动骰子投掷效果!
    今天带大家用HTML+CSS+JS实现动态骰子投掷效果,下面来看看实现的效果:点击开始投掷,骰子开始滚动。点击停止投掷,骰子面会随机定在一个点数 那么如何实现呢?请听我细细讲解:一、骰子面的样式与布局1、样式:1、其中每一面大量的运用了flex布局来实现了骰面上圆点的位置。2......
  • HTML的基础标签
    01-基础标签01-基础标签1.认识HTML2.网页基础知识3.认识标签meta标签div标签H系列标题标签排序标签p段落标签span标签a标签--超链接a标签--锚点img标签其他常用标签4.特殊符号5.语义化√.作业与练习1.认识HTMLHTML是HyperTextMarkupLanguage(超文本标记语言)......
  • HTML5的文本样式
    HTML5的文本样式文本样式 1文字样式   1字体颜色color   2字体大小font-size:px   3字体粗细font-weight:px     范围100到900之间     bold[粗] bolder[加粗] 2字体效果   1字体效......
  • (附项目源码)Java开发语言,基于HTML5的智慧养老服务平台的设计与实现 46,计算机毕设程序开
    摘 要随着社会老龄化程度的不断加深,智慧养老发展成为当今社会关注的焦点之一。家庭与社区资源的有限性,使得需要提供更加便捷、贴心的养老服务来满足老年人的需求。基于HTML5技术的智慧养老服务平台的设计和实现,为老年人提供了一个全新的智慧养老服务方式,便于家属和管理员......
  • Html5QRCode扫描条形码+二维码
    代码:<html><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=device-width,initial-scale=1.0"&......