静态网页设计——电影角（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
具体的代码也在该链接下。