静态网页设计——电影角(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.mzph.cn/news/595511.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【已解决】You have an error in your SQL syntax

报错讯息 java.sql.SQLSyntaxErrorException: You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near ‘desc,target_url,sort,status,create_by,modify_by,created,last_update_time FROM…

跑通CLAM

项目场景&#xff1a; 从github上下载CLAM代码&#xff0c;上传Camelyon-16中的部分WSI图像&#xff0c;将代码跑通。 CLAM项目地址&#xff1a; GitHub - mahmoodlab/CLAM: Data-efficient and weakly supervised computational pathology on whole slide images - Nature …

高级RAG(四):RAGAs评估

之前我完成了父文档检索器和llamaIndex从小到大的检索这两篇博客&#xff0c;我在这两篇博客中分别介绍了使用langchain和llamaIndex进行文档检索的方法和步骤&#xff0c;其中包含了不同的RAG的检索策略&#xff0c;通常来说一个典型的RAG系统一般包含两个主要的部件&#xff…

程序媛的mac修炼手册--MacOS系统更新升级史

啊&#xff0c;我这个口罩三年从未感染过新冠的天选免疫王&#xff0c;却被支原体击倒&#x1f637;大意了&#xff0c;前几天去医院体检&#xff0c;刚检查完出医院就摘口罩了&#x1f926;大伙儿还是要注意戴口罩&#xff0c;保重身体啊&#xff01;身体欠恙&#xff0c;就闲…

‘react-native‘ 不是内部或外部命令,也不是可运行的程序或批处理文件。

原因&#xff1a;没有下载react-native 解决下载react-native npm i -g react-native-cli

向日葵远程工具的使用Mysql5.7的安装与配置

目录 一、向日葵远程安装与使用 二、Mysql 5.7 安装与配置 2.1 安装 2.2 Navicat Premium 12 测试连接 本机测试连接 外部访问MySQL测试连接 三、思维导图 一、向日葵远程安装与使用 简介&#xff1a; 向日葵远程控制是一款用于对远程PC进行管理和服务的软件,拥有5秒快速…

uniapp从入门到精通(全网保姆式教程)~ 别再说你不会开发小程序了

目录 一、介绍 二、环境搭建&#xff08;hello world&#xff09; 2.1 下载HBuilderX 2.2 下载微信开发者工具 2.3 创建uniapp项目 2.4 在浏览器运行 2.5 在微信开发者工具运行 2.6 在手机上运行 三、项目基本目录结构 四、开发规范概述 五、全局配置文件&#xff0…

移动神器RAX3000M路由器变身家庭云之四:开放LuCI管理界面,网站服务

前面已经改造成了家庭云供外网访问了。由于这个路由本来就是openwrt&#xff0c;openwrt本身的管理界面LuCI-admin很好用&#xff0c;但被屏蔽了&#xff0c;需要打开。 打开界面 ssh登录路由器&#xff0c;修改 /etc/config/uhttpd配置文件如下&#xff1a; config uhttpd …

【JUC】Synchronized及JVM底层原理

Synchronized使用方式 Synchronized有三种应用方式 作用于实例方法&#xff0c;当前示实例加锁进入同步代码前要获得当前实例的锁&#xff0c;即synchronized普通同步方法&#xff0c;调用指令将会检查方法的ACC_SYNCHRONIZED访问标志是否被设置。 如果设置了&#xff0c;执行…

金融中IC和IR的定义

当谈到金融领域时&#xff0c;IC&#xff08;Information Coefficient&#xff09;和IR&#xff08;Information Ratio&#xff09;通常是用来评估投资组合管理绩效的指标。它们都涉及到投资者对信息的利用和管理的效果。 信息系数&#xff08;IC - Information Coefficient&a…

基于ssm毕业设计选题系统论文

摘 要 现代经济快节奏发展以及不断完善升级的信息化技术&#xff0c;让传统数据信息的管理升级为软件存储&#xff0c;归纳&#xff0c;集中处理数据信息的管理方式。本毕业设计选题系统就是在这样的大环境下诞生&#xff0c;其可以帮助管理者在短时间内处理完毕庞大的数据信息…

软文推广宣发遵循的基本流程

在软文发稿的旅程中&#xff0c;制定明确的策略思路是确保成功的关键。软文发稿有一定的流程需要我们遵循&#xff0c;才能达到理想的软文宣发效果。首先&#xff0c;我们要明确发稿的地区&#xff0c;然后精准选择目标受众&#xff0c;最后才能展开内容的创作。下面&#xff0…

实验笔记之——下载数据到服务器

开发过程中经常需要把数据传到服务器上&#xff0c;太麻烦了&#xff0c;为此本博文记录采用百度云来传输数据 百度云 使用bypy包。 安装&#xff1a;pip install bypy 配置bypy连接百度网盘&#xff1a; 终端输入bypy info将命令行提示的链接复制到浏览器&#xff0c;并复制…

一文读懂$mash 通证的 “Fair Launch” 规则,将公平发挥极致

Solmash 是Solana生态中由社区主导的铭文资产LaunchPad平台&#xff0c;该平台旨在为Solana原生铭文项目&#xff0c;以及通过其合作伙伴SoBit跨链桥桥接到Solana的Bitcoin生态铭文项目提供更广泛的启动机会。有了Solmash&#xff0c;将会有更多的Solana生态的铭文项目、资产通…

工业物联网上篇——什么是IIOT?

工业物联网背后的理念是使用工业设施中“哑巴设备”多年来产生的数据。装配线上的智能机器不仅可以更快地捕获和分析数据&#xff0c;且在交流重要信息方面也更快&#xff0c;这有助于更快、更准确地做出业务决策。 信息技术&#xff08;IT&#xff09;和运营技术&#xff08;O…

MySQL取出N列里最大or最小的一个数据

如题&#xff0c;现在有3列&#xff0c;都是数字类型&#xff0c;要取出这3列里最大或最小的的一个数字 -- N列取最小 SELECT LEAST(temperature_a,temperature_b,temperature_c) min FROM infrared_heat-- N列取最大 SELECT GREATEST(temperature_a,temperature_b,temperat…

Hadoop之MapReduce 详细教程

MapReduce仅作了解&#xff0c;生产上很少使用该计算程序 1、MapReduce介绍 MapReduce 思想在生活中处处可见。或多或少都曾接触过这种思想。MapReduce的思想核心是“分而治之”&#xff0c;适用于大量复杂的任务处理场景&#xff08;大规模数据处理场景&#xff09;。即使是…

Centos 磁盘挂载和磁盘扩容(新加硬盘方式)

步骤总结如下 一、对磁盘进行分区 二、对磁盘进行格式化 三、将磁盘挂载到对应目录 四、做开机自动挂载磁盘 磁盘分区 1.使用命令&#xff1a;fdisk -l 查看磁盘&#xff08;注&#xff1a;正常在Centos7中第一块数据盘标识一般是/dev/sda,第二块数据盘标识一般是/dev/sdb&…

WebGIS开发的常见框架及优缺点

WebGIS开发引擎的发展历程&#xff1a; 内容来自公众号&#xff1a;Spatial Data 地图API分类 WebGIS系统通常都围绕地图进行内容表达&#xff0c;但并不是有地图就一定是WebGIS&#xff0c;所以下面要讨论下基于Web的地图API分类及应用场景。Web上的Map API主要分类&#xff…

基于Java+SpringBoot+vue+elementUI私人健身教练预约管理系统设计实现

基于JavaSpringBootvueelementUI私人健身教练预约管理系统设计实现 欢迎点赞 收藏 ⭐留言 文末获取源码联系方式 文章目录 基于JavaSpringBootvueelementUI私人健身教练预约管理系统设计实现一、前言介绍&#xff1a;二、系统设计&#xff1a;2.1 性能需求分析2.2 B/S架构&…