作业要求
我的作业页面：个人介绍页面
作业的要求是只使用HTML语言完成人物介绍的页面，并要求公网能访问。
主要分为以下两步：
-
完成HTML页面的内容
-
将页面部署到一个有公网ip的服务器上
HTML的学习
HTML全称Hyper Text Markup Language，译名为超文本标记语言。正如名字所述，它是一种标记语言，而非编程语言，没有编程语言的相应逻辑控制等。
学习HTML时，主要是学习一堆标签的使用。标签没有必要都记住，稍微记一下常用的标签即可，不熟悉的就查文档。
下面列举一些常用的标签：
-
<a>：用于插入一个超链接。可以用href属性指定链接地址。 -
<img>：用于插入图片的标签，用src指定图片的url。 -
<table>：用于插入一个表格。 -
<tr>：在表格中插入一行，和table标签和td共同使用。 -
<td>：在表格中插入一列，和table标签和tr共同使用。 -
<form>：用于建立一个表单。 -
<input>：用于设立一个输入域。可以用type属性指定输入方式
HTML作业部分-使用HTML语言完成人物介绍页面
源代码如下：
<!--人物介绍：只使用html标签来对一个人物进行介绍-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>人物介绍</title>
</head>
<body>
<table align="center">
<tr>
<td colspan="2">
<h1>周星驰</h1>
</td>
<td rowspan="3">
<img src="image/pic1.jpg" alt="周星驰照片" >
</td>
</tr>
<tr>
<td colspan="2" bgcolor="#87cefa">
<p>个人概述</p>
</td>
</tr>
<tr>
<td colspan="2">
<p>
<b>周星驰，1962年6月22日生于<a href="#">香港</a>，
祖籍浙江宁波，中国香港演员、导演、编剧、制作人、商人，毕业于无线电视艺员训练班。</b>
</p>
<p>
1980年成为丽的电视台的特约演员，从而进入演艺圈。
1981年出演个人首部电视剧《IQ成熟时》。
1988年将演艺事业的重心转向大银幕，并于同年出演电影处女作《捕风汉子》。
1990年凭借喜剧片《一本漫画闯天涯》确立其无厘头的表演风格；
同年，因其主演的喜剧动作片《赌圣》打破香港地区票房纪录而获得关注。
1991年主演喜剧片《逃学威龙》，并再次打破香港地区票房纪录。
1995年凭借喜剧爱情片《大话西游》奠定其在华语影坛的地位。
1999年自导自演的喜剧片《喜剧之王》获得香港电影年度票房冠军。
</p>
<p>
2002年凭借喜剧片《少林足球》获得第21届香港电影金像奖最佳男主角奖以及最佳导演奖。
2003年成为美国《时代周刊》封面人物。2005年凭借喜剧动作片《功夫》获得第42届台湾电影金马奖最佳导演奖。
2008年自导自演的科幻喜剧片《长江7号》获得香港电影年度票房冠军。
2013年执导古装喜剧片《西游·降魔篇》，该片以2.18亿美元的票房成绩打破华语电影在全球的票房纪录。
2016年担任科幻喜剧片《美人鱼》的导演、编剧、制作人，该片以超过33亿元的票房创下中国内地电影票房纪录。
</p>
<p>
演艺事业外，周星驰还涉足商界。1989年成立星炜有限公司。1996年成立星辉公司。
2010年出任比高集团有限公司执行董事。
</p>
</td>
</tr>
<tr>
<td colspan="2" bgcolor="#87cefa">
<p>人物评价</p>
</td>
</tr>
<tr>
<td colspan="2">
<p>
<strong>周星驰是华语影坛的标志性人物之一，被誉为中国的<a href="#">查理·卓别林</a>。</strong>
20世纪90年代，由于他主演的电影屡破票房纪录，因此他与成龙、周润发并称为<strong>“双周一成”</strong>，
意为香港电影的票房保证。
他不仅在商业电影方面取得了很高的成就，而且还制造了具有独特风格的无厘头式喜剧，更缔造了
<strong><font color="red">“周星驰现象”</font></strong>
作为无厘头文化的代言人，其电影风格已经成为很多导演的样本。
周星驰的文化影响力不止于电影领域，他的很多台词都成为一代人的经典口头禅。
<em>《北京娱乐信报》、《时代周刊》、《南方人物周刊》、《大众文艺》、《电影评介》、北方朔评）</em>
</p>
<p>
周星驰既是传统喜剧的继承者，也是开拓者。
他通过表面毫无逻辑关联的语言和肢体动作来表现人物在矛盾冲突中的行为方式，从而形成无厘头的表演方式。
电影《赌圣》让观众第一次感受到他充满想象力的喜剧理念；
而《大话西游》更让他的表演风格深入人心。
周星驰从来没有重复自己，其喜剧风格也经历了从夸张到内敛，从搞笑到温清，从肢体语言的表现到进入人物内心的转变过程。
他以喜剧的叙事形式来表现悲剧性的主题意蕴，在给人们带来欢笑的同时，也能引起观众的反思 。
在转型当导演后，他的才能得到了更大的释放。从《国产凌凌漆》中的黑色幽默，到《食神》中倾注他对人生的思考，
再到《少林足球》中的特效使用，他经历了从电影思想到电影技术的全方位打磨。
而从《功夫》开始，他的导演风格不仅更加纯熟，而且越来越擅长将不同风格的电影元素糅杂到一起。
<em>（《新京报》、东方卫视《深度105》、《电影文学》、时光网、《成都日报》评）</em>
</p>
</td>
</tr>
<tr>
<td colspan="2" bgcolor="#87cefa">
<p>豆瓣评分top5作品</p>
</td>
</tr>
<tr>
<td colspan="2">
<table width="100%">
<tr style="line-height: 10px">
<td>
<font size="5" color="#8b0000">大话西游之大圣娶亲</font>
</td>
<td align="center">
<img src="image/top1.png">
</td>
</tr>
<tr>
<td>
<font size="5" color="#8b0000">大话西游之仙履奇缘</font>
</td>
<td align="center">
<img src="image/top2.jpg">
</td>
</tr>
<tr>
<td>
<font size="5" color="#8b0000">喜剧之王</font>
</td>
<td align="center">
<img src="image/top3.jpg">
</td>
</tr>
<tr>
<td>
<font size="5" color="#8b0000">唐伯虎点秋香</font>
</td>
<td align="center">
<img src="image/top4.jpg">
</td>
</tr>
<tr>
<td>
<font size="5" color="#8b0000">92家有喜事</font>
</td>
<td align="center">
<img src="image/top5.jpg">
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
学习将网页部署到服务器上
作业的要求是所有人能通过浏览器访问自己写的HTML文件。
将网站部署到服务器上的流程：
- 购买一台云主机。
- 将HTML文件传到云主机上去。
- 安装并配置web服务器，用于监听80端口，从而在收到静态资源请求的时候返回相应的页面。
购买云主机
按照老师课堂上的要求，我在腾讯云上租了一个服务器。
安装和配置Nginx静态服务器
按照老师发布在微信群中的教程，一步步安装和配置Nginx静态服务器。
唯一遇到的坑是，教程中的同学将图片和html文件应该是放在一个目录下的，而我是将图片单独放在image目录下的，而image和html文件是同一级的，因此初次上传出现了图片挂了的情况。在看了nginx文档后，我做了一定修改，如下：
#需要修改的文件的目录: /etc/nginx/conf.d/default.conf
#homework_01目录中的内容是html页面和image目录
location / {
root /data/www/homework_01;
index index.html;
}
文档中的解释是：这里访问时候，会首先访问到/的location，结合root和index指令，会去判断index.html是否存在，因此我就这样完成了修改。
网友评论