Unix/Linux体系及编程_构建个人主页

一、 实验目的

1. 网页制作
2. 熟悉 LinuxFTP or scp 拷贝
3. 熟悉 apache 权限配置

二、 实验内容

1. 创建个人主页

1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1
/DTD/xhtml1-transitional.dtd">
2. <html xmlns="http://www.w3.org/1999/xhtml">
3. <head>
4.
4. <title>姓名--个人主页设计</title>
5. <style type="text/css">
6. .paragraph { background-image: url(background.jpg);
7. background-repeat: no-repeat;
8. background-position:80% 50%;
9. /*background-position:80% 95%*/
10. filter:alpha(opacity:30); opacity:1;}
11. </style>
12. <!-- 取消超链接下的下划线 -->
13. <style
14. type="text/css">a {text-decoration: none}</style>
15. </head>
17.
16. <body class="paragraph">
17. <div>
18. <center ><font color="white" size="+4">xx的个人主页</font></center>
19. <marquee bgcolor="white" behavior="scroll">
20. <font color="black" size="+1">欢迎来到xx的个人主页! </font>
21. </marquee>
22. </div>
23. <div>
24. <font align="left" color="white" size="+2">个人信息</font>
25. <center ><table border="3" bordercolor="white" width="750">
26. <center ><font color="white">xx的个人信息</font></center>
27. <tr>
28. <th rowspan="2" align="center"><img src="wangning.jpg" height="200" width=""></img></th>
29. <th><font color="white">姓名</font></th>
30. <td align="center"><font color="white">xx</font></td>
31. <th><font color="white">性别</font></th>
32. <td align="center"><font color="white">x</font></td>
33. <th><font color="white">籍贯</font></th>
34. <td align="center"><font color="white">xxxxxxx</font></td>
35. </tr>
36. <tr>
37. <th><font color="white">政治面貌</font></th>
38. <td align="center"><font color="white">xxxxx</font></td>
39. <th><font color="white">出生日期</font></th>
40. <td align="center"><font color="white">xxxxxx</font></td>
41. <th><font color="white">兴趣爱好</font></th>
42. <td align="center"><font color="white">跑步 Linux</font></td>
43. </tr>
44. <tr>
45. <th colspan="7"><font color="white">个人介绍</font></th>
46. </tr>
47. <tr>
48. <td colspan="7" align="left"><font color="white">
49. <p >xxxxxxx </p>
50. <p>
xxxxxxxxxxxxx
</p>
51. <p>xxxxxxxxxxxx</p>
52. <p>xxxxxxxxxxx </p>
53. <p>xxxxxxxxx </p>
54. </font></td>
55. </tr>
56. <tr>
57. <th colspan="7"><font color="white">综合评价</font></th>
58. </tr>
59. <tr>
60. <td colspan="7" align="left"><font color="white">
61. <p >xxxxxxxxx</p>
62. </font></td>
63. </tr>
64. <tr>
65. <th><font color="white"> 学校</font></th>
66. <td align="center"><font color="white">xxxxxxx</font></td>
67. <th><font color="white"> 官网链接</font></th>
68. <td colspan="7" align="center"><a href="https://www.xxxxxx"><font color="red">
点击进入学校官网</font></a></td>
69. </tr>
72.
70. </table>
71. </table>
72. </div>
73. <div>
74. <font align="left" color="white" size="+2">照片</font>
75. </div>
76. <div align="center">
77. <tr >
78. <th rowspan="2" align="center"><img src="life1.jpg" height="200" width=""></img></th>
<th rowspan="2" align="center"><img src="life2.jpg" height="200" width=""></img></th>
83. <th rowspan="2" align="center"><img src="life3.jpg" height="200" width=""></img></th>
84. <th rowspan="2" align="center"><img src="life4.jpg" height="200" width=""></img></th>
85. <th rowspan="2" align="center"><img src="life5.jpg" height="200" width=""></img></th>
86.
87. </tr>
88. </div>
89. <br>
90. <!--/center-->
91. <br><HR>
92. <div align="right"><font color="white">
93. 作者:xx 学校:xxxx大学 个人邮箱: xxxxxxx
94. </font></div>
95. </body>
96. </html>

2. 创建 public_html

在这里插入图片描述

3. 用 FTP 上传服务器

在这里插入图片描述
在这里插入图片描述

4. chomd 设置目录权限

在这里插入图片描述

5. Web 访问

浏览器中输入:172.27.70.148/~stu3374/

  • 3
    点赞
  • 33
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

手可摘辰

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值