Merge remote-tracking branch 'refs/remotes/leaf-club/master'

leaf-club · Feb 21, 2018 · f8cb841 · f8cb841
2 parents 840a7b0 + c789e88
commit f8cb841
Show file tree

Hide file tree

Showing 165 changed files with 5,671 additions and 52 deletions.
diff --git a/作业安排/homework.md b/作业安排/homework.md
@@ -24,4 +24,18 @@
 >
 > 任务2可以用txt文件编写进行说明，或者做一个简单的网页进行说明，两种方式都需要给出有问题网页的地址。
 
-截止上交时间：2017年10月26日22:00。
+截止上交时间：2017年10月26日22:00。
+
+
+
+# 第三次作业
+
+美化第一次作业中的简历和课表
+
+> 说明：
+>
+> 1. 如果第一次作业的html代码写的比较满意，则直接可以使用，再加上css即可，如果不满意，整个重写即可。
+> 2. 简历可以参照目录 `fe-camp-2017/作业安排/material/img` 中的图片，课程表可参照超级课程表、课程格子或其他样式，也都可以自行发挥，设计自己的作品。
+> 3. 如图片资源过多，可以使用网络图床，比如免费的七牛云存储。
+
+截止上交时间：2017年11月10日17:00。
diff --git a/作业安排/material/img/resume1.jpg b/作业安排/material/img/resume1.jpg
diff --git a/作业安排/material/img/resume2.jpg b/作业安排/material/img/resume2.jpg
diff --git a/作业安排/material/img/resume3.jpg b/作业安排/material/img/resume3.jpg
diff --git a/作业安排/material/img/resume4.jpg b/作业安排/material/img/resume4.jpg
diff --git a/作业安排/material/img/resume5.jpg b/作业安排/material/img/resume5.jpg
diff --git a/新建文件夹/css/index.css b/新建文件夹/css/index.css
diff --git a/新建文件夹/index.html b/新建文件夹/index.html
diff --git a/第10组/徐强/第二次作业/网站找茬.doc b/第10组/徐强/第二次作业/网站找茬.doc
diff --git a/第12组/徐志良/第二次作业/blog.css b/第12组/徐志良/第二次作业/blog.css
@@ -0,0 +1,96 @@
+#container{
+    top: 0px;
+    width:100%;
+    position: left 0px;
+    margin: 0px;
+    background-image: url(img/blog.jpeg);
+    background-repeat:repeat-y;
+    background-size: cover
+}
+
+.title{
+    width:60%;
+    height: 100px;
+    color: #D6E6B5;
+    background-color: #4D5770;
+    font-family: monospace;
+    font-size: 50px;
+    position: relative;
+}
+
+#header{
+    background-color: #4D5770;
+    width:100%;
+    height: 70px;
+    position: float; 
+}
+#login{
+    float: float;
+    font-size: 25px;
+    font-family: monospace;
+}
+#header a{
+    height: 100%;
+    width: 100%;
+    font-size: 30px;
+    font-family: monospace;
+    color: #15A0E6;
+    margin: 50px;
+    text-decoration:none;
+}
+
+#main{
+    /* width: 80%; */
+    height: 900px;
+    border: rgb(144, 144, 175) solid thin;
+    margin-left:10%;
+    margin-right: 10%;
+    margin-bottom: 100px;
+    position: float;
+    padding:5%;
+}
+
+#passage{
+    width:33%;
+    height: 450px;
+    position: relative;
+    float: left;
+
+}
+
+#passage img{
+    top:5px;
+}
+
+#passage h3{
+    font-size: 18px;
+    color: #7BBFE7;
+    font-family: monospace;
+}
+
+#passage p{
+    width: 70%;
+    font-family: monospace;
+    font-size:16px; 
+}
+
+#footer{
+    height: 150px;
+    width: 100%;
+    float: top;
+    background-color: #879292;
+    margin: 0px;
+}
+
+#footer p{
+    font-size: 20px;
+    margin-left: 200px;
+    font-family: monospace;
+    color: #121d1d;
+}
+/* #passage{
+    width:25%;
+    position: float;
+    margin: 5%;
+    margin-left: 5%;
+} */
diff --git a/第12组/徐志良/第二次作业/blog.html b/第12组/徐志良/第二次作业/blog.html
@@ -0,0 +1,78 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <title>leaf</title>
+        <link rel="stylesheet" href="blog.css" type="text/css">
+    </head>
+    <body>
+        <div id = "container">
+            <div class = "title">
+                &emsp;&nbsp;leaf的个人博客
+            </div>
+            <div id = "header">
+                <a href="#" >首页</a>
+                <a href="#">关于我</a>
+                <a href="#">光辉岁月</a>
+                <a href="#">学无止境</a>
+                <a href="#">心路历程</a>
+                <!-- <a href = "login.html">登录</a> -->
+            </div>
+            <div id = "main">
+                <div id="passage"> 
+                    <img src = "img/a.jpg">
+                    <h3>放飞自我</h3>
+                    <p> &nbsp;&nbsp;年轻的我们总有很多东西无法挽留，比如走远的时光，
+                        比如枯萎的情感；总有很多东西难以割舍，比如追逐的梦想，
+                        比如心中的喜爱；面对前进道路上的未知因素，路走不通的时候，不要眷恋前面的风景，
+                        不要回望来时的行程；
+                    </p>
+                </div>
+                <div id="passage">
+                    <img src = "img/b.jpg">
+                    <h3>诗一样的远方</h3>
+                    <p>&nbsp;&nbsp;所有相遇的千回百转，为的是来到世上，遇到那个懂你的人；所有的过往，
+                        都值得我们珍惜；所有的经历，都是一种懂得，懂得，是生命中最美的缘。
+                        人生最大的幸福莫过于：白天可以有说有笑，晚上还能睡个好觉！
+                    </p>
+                </div>
+                <div id="passage">
+                    <img src = "img/c.jpg">
+                    <h3>你的孤独，虽败犹荣</h3>
+                    <p>&nbsp;&nbsp;希望你每天那么忙，做的每件事都是自己喜欢的，希望你爱的人也一样爱着你，
+                        希望你讨厌的人都消失在你视线里，希望有一天，你的笑容全都发自内心。
+                    </p>
+                </div>
+                <div id="passage">
+                    <img src = "img/d.jpg">
+                    <h3>小生活</h3>
+                    <p>&nbsp;&nbsp;当你毫不怀疑地相信一个人，那么你最终有可能得到两种结果，
+                        要么得到一个值得托付一生的人，要么得到一个值得铭记一生的教训
+                    </p>
+                </div>
+                <div id="passage">
+                    <img src = "img/e.jpg">
+                    <h3>被世界温柔以待</h3>
+                    <p>&nbsp;&nbsp;世上没有一件工作不辛苦，没有一处人事不复杂。
+                        如果命中注定是打工，
+                        便打好它。别把青春葬送，你在家跷二郎腿，青春也一样葬送，光阴不会过得慢点。
+                        有些人是不必工作的，但那不是你，反正都要做了，何不快乐一点去做？——李碧华
+                    </p>
+                </div>
+                <div id="passage">
+                    <img src = "img/f.jpg">
+                    <h3>世上无难事</h3>
+                    <p>&nbsp;&nbsp;相逢何必曾相识…无论如何，但愿那时，我们相遇，在恰当的时机。恰好你青春年少，
+                        恰好我芳华正好。恰好你来，恰好我在。
+                    </p>
+                </div>
+            </div>
+            <div id="footer">
+                    <p>这是一个简单粗暴的ui，没有动画的博客</p>
+                    <p>联系方式：[email protected]</p>
+            </div>
+        </div>
+
+
+    </body>
+</html>
diff --git a/第12组/徐志良/第二次作业/img/a.jpg b/第12组/徐志良/第二次作业/img/a.jpg
diff --git a/第12组/徐志良/第二次作业/img/b.jpg b/第12组/徐志良/第二次作业/img/b.jpg
diff --git a/第12组/徐志良/第二次作业/img/blog.jpeg b/第12组/徐志良/第二次作业/img/blog.jpeg
diff --git a/第12组/徐志良/第二次作业/img/c.jpg b/第12组/徐志良/第二次作业/img/c.jpg
diff --git a/第12组/徐志良/第二次作业/img/d.jpg b/第12组/徐志良/第二次作业/img/d.jpg
diff --git a/第12组/徐志良/第二次作业/img/e.jpg b/第12组/徐志良/第二次作业/img/e.jpg
diff --git a/第12组/徐志良/第二次作业/img/f.jpg b/第12组/徐志良/第二次作业/img/f.jpg
diff --git a/第13组/刘泽坤/第二次作业/boke.html b/第13组/刘泽坤/第二次作业/boke.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+<title>我的主页</title>
+</head>
+    <body background="img.jpg" bgproperties="fixed">
+    <h1 colspan="2" align="center"><font color=blue size="+5"><strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 个人主页</font></strong></h1>
+    <table width="89%" border="0" align="center" cellpadding="0" cellspacing="0">
+    <tr>
+        <th width="243" height="50" align="center" valign="middle" bgcolor=blue><h3>我的主页</h3></th>
+        <td width="277" height="50" align="center" valign="middle" bgcolor=red><h3>个人简介</h3></td>
+        <td width="268" height="50" align="center" bgcolor=pink><h3>个人爱好</h3></td>
+        <td width="204" height="18" align="center" bgcolor=green><h3>未来展望</h3></td>
+    </tr>
+</table>
+<table width="89%" height="418" border="0" align="center">
+    <h1 colspan="2" align="center"><font color=yellow size="+3"><b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;博主简介</b></font></h1>
+    <tr>
+    <td height="282" colspan="3"><h1 class="style3">刘泽坤</h1>
+        <h2 class="style3">教育经历：</h2>
+        <ol start="1">
+            <li>2016年至今，就读于华中科技大学；</li>
+            <li>2013-2016，就读于大连育明高中；</li>
+            <li>2010-2013，就读于大连76中学。</li>
+        </ol>
+    </tr>
+    <tr>
+        <td height="282" colspan="3"><h2 class="style3">我的联系方式</h2>
+        <p class="style3">电话：xxxxxxxxxxx</p>
+        <p class="style3">微信：xxxxxxxx</p>
+        </td>
+    </tr>
+    <tr>
+        <td width="121" height="50">新世界的大门》</td>
+        <td width="477"><a href="http://www.hust.edu.cn/"  target="_blank">华中科技大学</a></td>
+        <td>&nbsp;</td>
+    </tr>
+    <tr>
+        <td height="44" colspan="4" align="center">欢迎关注我的博客~</td>
+    </tr>
+</table>
+</body>
+</html>
diff --git a/第13组/刘泽坤/第二次作业/img.jpg b/第13组/刘泽坤/第二次作业/img.jpg
diff --git a/第13组/李综艺/第二次作业/阮一峰的博客/person2_s.jpg b/第13组/李综艺/第二次作业/阮一峰的博客/person2_s.jpg
diff --git a/第13组/李综艺/第二次作业/阮一峰的博客/ruanyifeng'blog.html b/第13组/李综艺/第二次作业/阮一峰的博客/ruanyifeng'blog.html
@@ -0,0 +1,87 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>Document</title>
+</head>
+
+<body bgcolor="AntiqueWhite  ">
+    <p>阮易峰的网络日志</p>
+    <input type="text" name="q" style="position: absolute; left: 824px; top:15px;height: 25px;">
+    <button type="submit"  style="position: absolute; left: 1000px; top:15px;height: 30px;">search</button>
+    <hr>
+    <form style="background-color:rgb(23, 210, 231);position:absolute; height:300px;width:200px;right:60px;top:60px;float:right;">
+        <p style="font-size:20px">最新留言</p>
+        <hr>
+        <ul>
+            <li><a href="www.baidu.com">张奇</li>
+            <li><a href="www.baidu.com">xiaojunjor</a></li>
+            <li><a href="www.baidu.com">Orso</a></li>
+            <li><a href="www.baidu.com">Orso</a></li>
+            <li><a href="www.baidu.com">jjl</a></li>
+            <li><a href="www.baidu.com">寻找安多芬</a></li>
+            <li><a href="www.baidu.com">turbo</a></li>
+            <li> <a href="www.baidu.com">G小健</a></li>
+            </ul>
+    </form>
+
+
+    <h1>CSS 框架 Bulma 教程</h1>
+    <p style="font-size:20px; left:580px;position:absolute">分类： 开发者手册</p>
+    <hr>
+    <p style="font-size:20px">网页样式需要大量时间开发，<br>最省事的方法就是使用 CSS 框架。</p>
+    <a href="http://www.baidu.com" style="color:rgb(47, 209, 47)" >继续阅读全文</a>
+    <hr>
+    <p style="font-size:5px;font-family:cursive">2017年10月24日 07:48 | 留言（17）</p>
+    <br><br>
+
+    <form style="background-color:rgb(23, 210, 231);height:150px;position:absolute;width:200px;right:60px;top:400px;">
+        <p style="font-size:20px">Follow me</p>
+        <hr>
+        <ul>
+            <li><a href="www.baidu.com">微博， 推特， Feed</a> </a></li>
+            <li><a href="www.baidu.com">Github</a></li>
+        </ul>
+    </form>
+
+    <br><br>
+    <h1>最新文章</h1>
+    <hr>
+    <ul>
+        <li>2017年10月17日 » <a href="http://www.ruanyifeng.com/blog/2017/10/head-transplant.html">换头术</a></li>
+        <li>2017年10月11日 »<a href="url">开源许可证教程</a> </li>
+        <li>2017年09月26日 »<a href="url"> 如何读懂火焰图？</a></li>
+        <li>2017年09月19日 » <a href="url">《ES6 标准入门（第3版）》上市了！</a></li>
+        <li>2017年09月12日 » <a href="url">卡辛斯基的警告</a></li>
+        <li>2017年09月 7日 » <a href="url">asm.js 和 Emscripten 入门教程</a></li>
+        <li>2017年08月29日 » <a href="url">如何使用 Issue 管理软件项目？</a></li>
+        <li><a>更多文章……</a></li>
+    </ul>
+
+    <div style="background-color:rgb(23, 210, 231);height:300px;position:absolute;width:200px;right:60px;top:600px;">
+        <p style="font-size:20px">关于</p>
+        <hr> 
+        <img src="person2_s.jpg" alt="">
+        <ul>
+            <li>个人简介，访谈</li>
+            <li>文章：1668，留言：</li>
+
+        </ul>
+        <p>45087</p>
+        </div>
+    <hr>
+    <p style="font-size:20px; left:580px;position:absolute">联系方式 | 2003 - 2017</p>
+    <br>
+    <img src="sup_coolsite360_a.png" alt="" style="width:500px;"> 
+    <br>
+    <img src="sup_udacity_201710a.jpg" alt="">
+
+
+
+
+
+
+</body>
+</html>
diff --git a/第13组/李综艺/第二次作业/阮一峰的博客/sup_coolsite360_a.png b/第13组/李综艺/第二次作业/阮一峰的博客/sup_coolsite360_a.png
diff --git a/第13组/李综艺/第二次作业/阮一峰的博客/sup_udacity_201710a.jpg b/第13组/李综艺/第二次作业/阮一峰的博客/sup_udacity_201710a.jpg