静态网页设计——电影角(HTML+CSS+JavaScript)

前言

声明:该文章只是做技术分享,若侵权请联系我删除。!!

使用技术:HTML+CSS+JS
主要内容:本网页主要利用HTML语言编写,简要介绍世界上一些主要国家,例如,中,英,法,美等。他们的电影发展史以及一些该国较为具有代表性的电影,另外还科普了一些拍摄电影经常使用的方法,以及该方法所起到的作用。该网站仅仅是较为简单地利用文字进行简要叙述。

主要内容

本网站使用的是局部刷新技术,所以主要看右下角的差异。使用的技术是ajax。

1、主页

主页以红黑色调来修饰背景。左下角列出了奥斯卡十大经典电影。整体结构以HTML进行布局,使用css进行样式设计。
在这里插入图片描述

部分代码如下:

<div class="box info">
          <h1><font color="#000000">奥斯卡十大经典电影</font></h1>
          卡萨布兰卡<br />
          阿拉伯的劳伦斯<br />
          教父<br />
          飞越疯人院<br />
          ANNIE HALL<br />
          西边故事<br />
          不可饶恕<br />
          午夜牛郎<br />
          关于女人的一切<br />
          指环王:王者归来 <br />
        </div>
2、中国电影

中国电影页面主要介绍了中国电影的发展史,和一些比较有名和经典的中国电影。我们可以将文字替换成自己喜欢的电影等等。
在这里插入图片描述

部分代码如下:

<div id="right_column">
        	<h1>中国电影</h1>
            <p class="text_area box info">中国电影诞生于1905年,北京丰泰照相馆创办人任景丰拍摄了由谭鑫培主演的《定军山》片断,这是中国人自己摄制的第一部影片。1896年8月11日,上海徐园内的又一村放映“西洋影戏”,是中国第一次电影放映。粉碎四人帮后,电影事业获得发展。1977年电影生产开始复苏,1980~1984年平均年产量达120部左右,每年观众人次平均在250亿左右,中国电影进入一个蓬勃发展的新时期。年,中国电影年产量高达500余部,全年总票房超过100亿人民币。 <br />
            </p>
            <p  class="box info">中国第一部电影是戏曲片京剧《定军山》,内有《请缨》《舞刀》等片断,1905年(清光绪三十一年),由北京丰泰照相馆摄制。无声片,长约半小时。<br /><br /> 中国第一部故事片是《难夫难妻》,1913年在上海拍摄,无声片,郑正秋编剧,郑正秋和张石川联合导演。<br />
              <br />
              中国第一部有声电影是《歌女红牡丹》,明星影片公司1931年摄制。<br /><br />
              中国第一部获得国际大奖的影片是20世纪30年代由蔡楚生导演的《渔光曲》,它在1935年莫斯科国际电影节上获“荣誉奖”。<br /><br />
              中国第一部彩色电影是1948年拍摄于上海的戏曲片《生死恨》,由华艺影片公司出品。费穆导演,主演梅兰芳,著名摄影师黄绍芬为摄影指导,李生伟任摄影师。<br /><br />
              新中国成立后第一部故事片是《桥》,编剧于敏,导演王滨,东北电影制片厂1949年摄制。<br /><br />
              中国第一部彩色故事片是1957年拍的《祝福》(鲁迅著,夏衍改编,桑弧导演),北京电视制片厂摄制。<br /><br />
              中国第一部彩色宽银幕故事片是1959年拍的《老兵新传》,编剧李准,导演沈浮,上海海燕电影制片厂摄制。<br /><br />
              中国第一部彩色立体宽银幕故事片是1962年拍的《魔术师的奇遇》,编剧:王栋、陈恭敏、桑弧,导演桑弧,上海天马电影制片厂摄制。<br /><br />
              中国第一部彩色舞台纪录片是1954年拍的《梁山伯与祝英台》,编剧:徐进、桑弧,导演桑弧,上海电影制片厂摄制。<br /><br />
              中国第一部遮幅式宽银幕故事片是1977年拍的《青春》,李云官、王炼编剧,谢晋导演。<br /><br />
              新中国成立后的第一部译制片是《团的儿子》,原译名《小英雄》,杨范、陈涓翻译,周彦译制导演,上海电影制片厂1950年译制。<br /><br />
              中国与外国合拍的第一部彩色故事片是1958年由北京电影制片厂与法国加朗斯公司合摄的《风筝》,导演王家乙、罗歇·比果。<br /><br />
              中国第一部获得法国戛纳国际电影节最高奖项“金棕榈大奖”的电影是《霸王别姬》,导演陈凯歌。 <br /><br />
            </p>
		</div>
3、英国电影

英国电影页面主要介绍了英国电影的发展史,和一些比较有名和经典的英国电影。我们可以把文字替换成自己喜欢的电影等等。
在这里插入图片描述

部分代码如下:

<div id="right_column">
        	<h1>英国电影</h1>
            <p class="text_area box info">其实在英国电影发展史的一百多年中,布赖顿学派、纪录电影运动、自由电影运动等都为世界影坛贡献了巨大的精神财富。英国电影学院《画面与音响》杂志的十佳电影排名更是专业电影人所信赖的最高标准。每年,英国出产超过90部影片,产值高达8亿英镑,其中既包括自产影片,也包括海外合作片。优秀的导演、出色的演员、高技巧的电影拍摄技术和吸引人的电影主题使得英国电影已经成为世界电影界的佼佼者。 <br />
            </p>
        <p  class="box info">对英国早期电影最有影响的是布赖顿的几位摄影师。其中有E.柯林斯、A.G.史密斯、J.威廉森等,这几位电影先驱,后来被人称为布赖顿学派。他们最早采用了两次曝光、移动摄影、迭印、全景、倒拍、停拍等技巧。柯林斯拍过30部影片,其中只有一部《中断的旋律》保存下来。史密斯在《祖母的放大镜》(1900)中采用特大特写镜头,银幕上出现了放大的走动的表、笼中的金丝雀、人的眼睛;他的第一部作品《夜晚》,表现警察提着灯巡夜,沿路照亮了乞丐、醉汉、行窃的小偷,他用摄影机代替人的眼睛,把它变成了活的东西,这种新的手法,可以说是现代蒙太奇的开端。威廉森则在新闻片中自由地交替变换事件地点并采用外景等,他的《士兵的归来》和《战前和战后的后备兵》两部影片,描绘了真实生活片断,在银幕上首次提出社会问题。<br />
          <br />
          当时的电影艺术家和技术革新家还有C.赫普沃思。1897年,他撰写的《活动摄影术──或电影摄影入门》,是世界上最早电影论著之一。他曾改进冲洗影片器具、印片机和胶片打孔机。1898年他拍摄了《铁路切断中的快车》;接着拍摄的《艾丽斯漫游奇境记》(1903),长800英尺,分16场景,场景间交融衔接;另一部《浪子救人》(1905)利用摄影机述说故事,结构复杂,采取了分镜头剧本的串联、剪辑、摇拍、低角度摄影等技巧;1907年,他还设计过录音系统。同一时期摄制故事片的还有F.S.莫特肖。他的 《抢劫邮车》、《白昼行劫》(两部影片均摄于1903年)奠定了惊险片在英国的地位。<br />
          <br />
          早期英国电影除纪录像片和故事片外,还出现了风景片,如G.潘廷格的《罗伯特·斯科特漫游南极》(1913),颇受欢迎。1914年,英国电影工作者制作了第一部动画片。G.皮尔逊导演的《血字的研究》是根据小说《福尔摩斯探案》中的故事拍摄的第一部侦探片;他的另一部影片《厄尔塔斯──死里逃生的人》(1916),则仿照法国影片《芳托马斯》样式,是第一套动作惊险连续片集。 <br /><br />
            </p>
		</div>
3、登录注册页面

展现了登录注册的表单。使用from表单进行实现,只是显示前端效果,因为这是静态网页,所以后台的逻辑是没办法实现的,抱歉。
在这里插入图片描述

在这里插入图片描述

总结

想要看具体效果的同学,可以访问这个链接:
https://www.bilibili.com/video/BV1CT4y1H7eY/?vd_source=5f425e0074a7f92921f53ab87712357b
具体的代码也在该链接下。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mfbz.cn/a/290506.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

RT-DETR Gradio 前端展示页面

效果展示 使用方法 Gradio 是一个开源库,旨在为机器学习模型提供快速且易于使用的网页界面。它允许开发者和研究人员轻松地为他们的模型创建交互式的演示,使得无论技术背景如何的人都可以方便地试用和理解这些模型。使用Gradio,你只需几行代码就可以生成一个网页应用程序,…

从不同应用,划片机主要包括如下几个方面

在半导体行业中&#xff0c;划片机被广泛应用于各种材料和应用的切割和加工。根据不同的应用&#xff0c;划片机主要可以分为以下几个方面&#xff1a; 一、半导体材料划片 半导体材料划片是划片机最早的应用领域之一。在这个领域中&#xff0c;划片机主要被用于将半导体材料&…

elasticsearch的查询方式和数据库事务隔离级别的思考

项目中用到了 elasticsearch&#xff0c;发现有几种查询方式不太一样&#xff0c;思考了一下&#xff0c;总结如下 普通分页 等同于关系数据库的分页查询&#xff0c;例如 mysql 的 limit&#xff0c;如下 sql select * from test limit 100000,10 这种查询方式有一个问题&a…

Redis 持久化—RDB

文章目录 1. 为什么需要Redis持久化&#xff1f;2. Redis持久化的几种方式3. RDB简介4. 持久化触发4.1 手动触发4.1.1 save命令4.1.2 bgsave 命令 4.2 自动触发4.2.1 save m n4.2.2 flushall4.2.3 主从同步触发 5. 配置说明6. 配置配置7. 配置配置8. RDB 文件恢复9. RDB 优缺点…

vue3 + TS + vite 搭建中后台管理系统(完整项目)

vue3 TS vite 搭建中后台管理系统&#xff08;完整项目&#xff09; 前言1、搭建步骤及方法2、集成多种插件功能&#xff0c;实现中后台按需使用3、新手学TS如何快速进入状态、定义TS类型4、layout搭建四款常见风格6、大屏搭建效果5、vue3Ts运营管理系统总结&#xff1a; 前言…

csdn查看积分的方法(最快)

我在浏览别人“资源”的时候&#xff0c;发现需要积分下载。下面分享最快查看积分的方法&#xff0c;非常简单。 在个人主页&#xff0c;选择任意一篇文章。最左边会显示积分&#xff08;如果不在主页&#xff0c;点击上面的csdn头像会跳到首页&#xff09;。如图&#xff1a;…

Cesium自定义电子围栏特效材质

1.new Cesium.Viewer中添加 requestWebgl1: true, 2. 编写材质&#xff0c;主要分三步 &#xff08;1&#xff09;定义MaterialProperty &#xff08;2&#xff09;设置材质 &#xff08;3&#xff09;添加材质 //定义材质对象及变量 function DynamicWallMaterialPropert…

深入浅出Prometheus架构原理

目录 1 Prometheus简介 2 Prometheus 的优势 2.1 Prometheus 适用于什么场景 2.2 Prometheus 不适合什么场景 3 Prometheus 的架构 4 Prometheus 的组件 4.1 组件介绍 4.1.1 Prometheus Server 4.1.2 Exporter 4.1.3 Push Gateway 4.1.4 Grafana 4.1.5 Alert…

Python批量读取大量nc格式文件并导出全部时间信息

本文介绍基于Python语言&#xff0c;逐一读取大量.nc格式的多时相栅格文件&#xff0c;导出其中所具有的全部时间信息的方法。 .nc是NetCDF&#xff08;Network Common Data Form&#xff09;文件的扩展名&#xff0c;表示一种常用的科学数据存储格式。NetCDF是一种自描述的、可…

Alibaba Cloud Linux镜像操作系统超详细测评!兼容CentOS

Alibaba Cloud Linux是基于龙蜥社区OpenAnolis龙蜥操作系统Anolis OS的阿里云发行版&#xff0c;针对阿里云服务器ECS做了大量深度优化&#xff0c;Alibaba Cloud Linux由阿里云官方免费提供长期支持和维护LTS&#xff0c;Alibaba Cloud Linux完全兼容CentOS/RHEL生态和操作方式…

【基础篇】十二、引用计数法 可达性分析算法

文章目录 1、Garbage Collection2、方法区的回收3、堆对象回收4、引用计数法5、可达性分析算法6、查看GC Root对象 1、Garbage Collection C/C&#xff0c;无自动回收机制&#xff0c;对象不用时需要手动释放&#xff0c;否则积累导致内存泄漏&#xff1a; Java、C#、Python、…

跟着仙凡兄学习 ros2 ubuntu与windows的安装(本人小白开始,一步一步跟着坑走,最后都成功的)

目 录 1 ROS安装的步骤 2 1.1 ROS UBUNTU安装 2 1.1.1 环境配置&#xff1a;UBUNTU20.04 2 1.1.2 设置编码 2 1.1.3 添加ROS2 APT仓库 3 1.1.4 接下来可以安装ROS2了 3 1.1.5 创建 COLCON 工作区并下载教程 3 1.1.6 设置环境 4 1.1.7 双环境设置 4 1.1.8 验证之一 5 1.2 ROS2 W…

《剑指offer》数学第二题:求1+2+3+...+n

题目描述&#xff1a; 求123...n&#xff0c;要求不能使用乘除法、for、while、if、else、switch、case等关键字及条件判断语句&#xff08;A?B:C&#xff09;。思路&#xff1a; 我们可以用递归和短路运算符来进行运算&#xff0c;具体代码如下。 代码实现&#xff1a; pac…

基于知识图谱的图神经网络推理

基于知识图谱的图神经网络推理 - 知乎导读 本次分享题目为基于知识图谱的图神经网络推理&#xff0c;首先会介绍知识图谱相关的背景。第二部分GNN for KG会以CompGCN为基础&#xff0c;介绍将图神经网络迁移到知识图谱上面的工作。第三部分主要介绍针对知识图谱所设计的GNN…ht…

开启Android学习之旅-1

最近在学习《第一行代码 Android》&#xff0c;两天看书把所有代码都敲了一遍。由于之前没有接触过 Kotlin&#xff0c;导致了囫囵吞枣&#xff0c;跟着书会敲&#xff0c;离开就忘了。Android 大佬开发的各种框架、控件好像大部分都用了 Kotlin。看他们的源码&#xff0c;理解…

齐次和非齐次线性方程组和非线性方程组的求解

1.非齐次线性方程组的求解 AXb为非齐次线性方程组的向量表示 求解方法1就是上面所述&#xff0c;其中求解方法2解决求解方法1中ATA不可逆或括号中计算过程过于麻烦的问题。 2.齐次线性方程组的求解 AX0为齐次线性方程组的向量表示 当p>q的时候 A进行SVD分解后的V矩阵正好…

Linux的LVM与磁盘配额

一.LVM 1.什么是LVM Logical Volume Manager 逻辑卷管理 能够在保持现有数据不变的情况下&#xff0c;动态调整磁盘容量&#xff0c;从而提高磁盘管理的灵活性 /boot 分区用于存放引导文件&#xff0c;不能基于LVM创建 解释&#xff1a;就是将多个不同的物理卷组合在一起形…

iOS手机查看蓝牙底层日志

文章目录 一、需要的环境二、在iOS设备上安装Profiles文件三、安装Xcode四、安装packetLogger五、启动蓝牙数据包分析 参考文档&#xff1a;A New Way to Debug iOS Bluetooth Applications 一、需要的环境 iOS 13 device and cableMac computer/laptopApple Developer Progr…

大数据情况下如何保证企业数据交换安全

数据交换是指在网络或其他方式下&#xff0c;不同主体按照规定的规则和标准实现数据的共享、传输和处理的过程。大数据时代的到来使得数据交换的重要性更为凸显&#xff0c;大数据带来了海量、多样、高速、低价值密度等特点&#xff0c;也带来了更多的价值挖掘和应用场景。 保障…

大模型日报-20240104

文生视频下一站&#xff0c;Meta已经开始视频生视频了 https://mp.weixin.qq.com/s/OEzex40EtaeG0sKDvxdY7Q 文本指导的视频到视频&#xff08;V2V&#xff09;合成在各个领域具有广泛的应用&#xff0c;例如短视频创作以及更广泛的电影行业。扩散模型已经改变了图像到图像&am…
最新文章