diff --git a/2015_spring/task/task0001/design/My_Task/task0001/about.html b/2015_spring/task/task0001/design/My_Task/task0001/about.html new file mode 100644 index 00000000..04bc0dfd --- /dev/null +++ b/2015_spring/task/task0001/design/My_Task/task0001/about.html @@ -0,0 +1,106 @@ + + + + + HeliumLau's blog + + + + + + + + + +
+
+
+
+
+
+
+
+

2008

+
+
+ + + + + \ No newline at end of file diff --git a/2015_spring/task/task0001/design/My_Task/task0001/blog.html b/2015_spring/task/task0001/design/My_Task/task0001/blog.html new file mode 100644 index 00000000..c320affc --- /dev/null +++ b/2015_spring/task/task0001/design/My_Task/task0001/blog.html @@ -0,0 +1,226 @@ + + + + + HeliumLau's blog + + + + + + + + + +
+
+
+
+

这里是这篇文章的标题，16px

+

这里是这篇文章的副标题，12px

+

这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，
这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，

+ 4.12CSS + YOUR NAME 发表于2015年4月12日 +
+
+

这里是这篇文章的标题，16px

+

这里是这篇文章的副标题，12px

+

这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，
这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，

+ 4.12CSS + YOUR NAME 发表于2015年4月12日 +
+
+

这里是这篇文章的标题，16px

+

这里是这篇文章的副标题，12px

+

这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，
这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，

+ 4.12CSS + YOUR NAME 发表于2015年4月12日 +
+
+ +
+
+ +
+ +
+ +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ <2015.04> +
MTWTFSS
1234567
891011121314
15161718192021
22232425262728
293031
+
+
+

Tags

+ JavaScript CSS flex +
+ WebGL HTML Canvas +
+ prototype HTML5 nodeJS +
+ CSS3 JQuery Echarts +
+
+
+
+ + + + + + + \ No newline at end of file diff --git a/2015_spring/task/task0001/design/My_Task/task0001/css/style.css b/2015_spring/task/task0001/design/My_Task/task0001/css/style.css new file mode 100644 index 00000000..5930be95 --- /dev/null +++ b/2015_spring/task/task0001/design/My_Task/task0001/css/style.css @@ -0,0 +1,641 @@ +/*通用样式*/ +* { + padding: 0; + margin: 0; +} +ul { + list-style: none; +} +a { + text-decoration: none; + font-size: 14px; + color: #ffffff; +} +span { + color: #ffffff; +} + +/*头部*/ +#header { + position: relative; + width: 1180px; + height: 80px; + margin-left: auto; + margin-right: auto; + background-color: #522a5c; +} +#header-content { + position: relative; + width: 980px; + height: 100%; + margin-left: auto; + margin-right: auto; +} +#logo { + position: absolute; + left: 0; + bottom: 10px; + font-size: 20px; +} +#header-content-list { + position: absolute; + right: 0; + bottom: 5px; + overflow: hidden; +} +#header-content-list li { + float: left; + overflow: hidden; + margin-right: 28px; +} +#github { + position: absolute; + right: 10px; + bottom: 0; +} + +/*中间部分内容index*/ +#content { + width: 1180px; + margin-left: auto; + margin-right: auto; + background-color: #eeeeee; +} +#big-image { + position: relative; + width: 100%; + height: 517px; + background: url(../img/banner-bg.jpg); + background-size: contain; +} +#big-image-text { + position: absolute; + right: 50px; + bottom: 0; + width: 340px; + height: 80px; + padding: 10px 10px 30px 10px; + background-color: rgba(255, 255, 255, .3); +} +#big-image-text h1 { + margin-bottom: 12px; + text-align: right; + color: #ffffff; + font-size: 14px; +} +#big-image-text p { + line-height: 150%; + color: #ffffff; + font-size: 12px; + text-indent: 24px; +} +#content-main-content { + overflow: hidden; + width: 980px; + margin-top: 10px; + margin-bottom: 40px; + margin-left: auto; + margin-right: auto; +} +#content-main-content .main-content { + overflow: hidden; + float: left; + width: 320px; + margin-right: 10px; + padding-bottom: 200px; + margin-bottom: -200px; + background-color: #ffffff; +} +#content-main-content .main-content.last { + margin-right: 0; +} +#content-main-content .main-content img { + width: 300px; + height: 180px; + margin: 10px 10px 15px 10px; +} +#content-main-content .main-content p { + line-height: 170%; + padding: 0 30px 25px 30px; + font-size: 12px; +} +#introduction { + position: relative; + width: 1180px; + background-color: #ffffff; +} +#my-photo { + overflow: hidden; + position: absolute; + left: 50%; + margin-left: -80px; + margin-top: -50px; + width: 160px; + height: 160px; + border-radius: 50%; + background-color: red; +} +#my-photo img { + width: 160px; + height: 160px; +} +#introduction h1 { + padding-top: 160px; + margin-top: 160px; + text-align: center; + font: bold 20px Century, Gothic; +} +#introduction p { + padding-bottom: 200px; + width: 600px; + margin: 30px auto; + line-height: 140%; + font-size: 14px; + color: #000000; +} + + +/*中间部分内容index*/ +#blog-content { + overflow: hidden; + width: 1180px; + margin-right: auto; + margin-left: auto; + padding-top: 20px; + padding-bottom: 330px; + background-color: #eeeeee; +} +#blog-content #blog-solve { + width: 980px; + margin-right: auto; + margin-left: auto; +} +/*博客左侧*/ +#blog-content #blog-solve #blog-content-outer { + float: left; + width: 320px; + zoom:1 +} +#blog-content #blog-solve #blog-content-outer:after { + content:"."; + display:block; + height:0; + clear:both; + visibility:hidden; +} +#blog-content #blog-solve #blog-content-outer .blog { + float: left; + position: relative; + width: 670px; + margin-top: 10px; + margin-right: 10px; + background-color: #ffffff; + padding: 20px; +} +#blog-content-outer .blog h1 { + margin-bottom: 10px; + font-size: 16px; + color: #a660b7; +} +#blog-content-outer .blog h2 { + margin-bottom: 15px; + font-size: 12px; + color: #666; +} +#blog-content-outer .blog p { + font-size: 12px; +} +#blog-content-outer .blog span { + position: absolute; + top: 20px; + left: -50px; + width: 50px; + line-height: 80px; + text-align: center; +} +#blog-content-outer .blog .top { + float: left; + display: block; + line-height: 40px; + width: 50px; + height: 40px; + color: #ffffff; + background-color: #a660b7; +} +#blog-content-outer .blog .bottom { + float: left; + display: block; + line-height: 40px; + width: 50px; + height: 40px; + color: #ffffff; + background-color: #522a5c; +} +#blog-content-outer .blog strong { + position: absolute; + bottom: 10px; + right: 20px; + font-size: 12px; + color: #999999; +} +/*博客右侧*/ +/*搜索框*/ +#right-bar { + float: right; + overflow: hidden; + width: 260px; +} +#search { + float: left; + overflow: hidden; + width: 220px; + height: 40px; + margin-top: 10px; + padding: 20px; + background-color: #ffffff; +} +#search input { + float: left; + width: 119px; + height: 36px; + padding-left: 47px; + background: url(../img/search.png) no-repeat; +} +#search em { + float: left; + display: block; + width: 50px; + height: 40px; + cursor: pointer; +} +/*文章框*/ +#article { + float: left; + margin-top: 10px; + background-color: #ffffff; +} +#article ul li { + height: 49px; + line-height: 49px; + width: 230px; + padding-left: 30px; + border-bottom: 1px solid #dddddd; + border-left: 5px solid #dfc6e6; +} +#article ul .first-item { + border-top: 1px solid #dddddd; +} +#article ul li a { + color: #666666; +} +#article ul li:hover { + border-left: 5px solid #522a5c; +} +#page { + float: left; + width: 980px; + margin-top: 10px; + padding-left: 65px; + padding-right: 65px; +} +#page ul { + overflow: hidden; +} +#page ul li { + display: block; + float: left; + margin-right: 10px; + padding: 15px; + background-color: #ffffff; +} +#page ul li:hover { + background-color: #522a5c; + color: #ffffff; +} +#page ul li a { + display: block; + color: #000000; +} +/* 日历 */ +#calendar { + float: left; + width: 220px; + height: 200px; + margin-top: 11px; + background-color: #ffffff; + padding: 20px; +} +#calendar caption { + color: #522a5c; +} +#calendar caption a { + color: #522a5c; +} +#calendar .special { + color: #522a5c; +} +#calendar .selected { + background-color: #522a5c; + color: #ffffff; +} +#calendar tbody a { + color: #000000; +} +#calendar tbody a:hover { + background-color: #522a5c; + color: #ffffff; +} +table { + border-collapse: collapse; + text-align: center; +} +td, +th { + padding: 5px 8px; + border-bottom: 1px solid #eeeeee; +} + + + +#key-word { + float: left; + width: 260px; + height: 200px; + margin-top: 10px; + padding: 10px 10px 20px 10px; + background-color: #ffffff; +} +#key-word em { + color: red; +} +#key-word .bold { + font-weight: 700; + font-size: 18px; + color: #522a5c; +} + + +/*gallery 中间部分*/ +#middle { + width: 1080px; + padding: 10px 50px 150px 50px; + margin: 0 auto; + background-color: #eeeeee; +} +#middle-content { + overflow: hidden; + width: 980px; + margin-right: auto; + margin-left: auto; +} +#middle-content #tab { + float: left; + width: 670px; + margin-right: 10px; +} +#middle-content #tab ul { + float: left; + overflow: hidden; + width: 670px; +} +#middle-content #tab ul li { + float: left; + padding: 15px 20px 20px 20px; + border-top: 5px solid #000000; + border-right: 1px solid #eeeeee; + border-bottom: 1px solid #eeeeee; + border-left: 1px solid #eeeeee; + text-align: center; + font-size: 12px; + background-color: #ffffff; +} +#middle-content #tab ul .style1 { + border-top: 5px solid yellow; + border-bottom: 1px solid #ffffff; +} +#middle-content #tab ul .style2 { + border-top: 5px solid red; +} +#middle-content #tab ul .style3 { + border-top: 5px solid green; +} +#middle-content #tab ul .style4 { + border-top: 5px solid purple; +} +#tab-box { + float: left; + width: 670px; + background-color: #ffffff; + height: 680px; + padding: 20px; + column-width: 160px; + -webkit-column-width: 160px; + -webkit-column-gap: 0px; + column-gap: 0px; +} +#tab-box .box { + overflow: hidden; + width: 160px; + margin: 5px 0; +} +#tab-box .box img { + float: left; + width: 100%; +} +#tab-box .box .box-content { + float: left; + width: 120px; + padding: 10px 10px 10px 30px; + background-color: #8c2300; + color: #ffffff; +} +#tab-box .box .box-content h1 { + font-size: 14px; + margin-bottom: 6px; +} +#tab-box .box .box-content p { + display: inline; + line-height: 16px; + font-size: 12px; +} +#rank { + margin-top: 10px; + width: 240px; + height: 200px; + background-color: #ffffff; + float: left; + padding: 20px 10px; +} + + +/*about的中间信息*/ +#flow { + width: 1080px; + background-color: #eeeeee; + margin: 0 auto; + padding: 80px 50px 50px 50px; + height: 1500px; +} +#flow-content:after{ + content:"."; + display:block; + height:0; + clear:both; + visibility:hidden; +} +#flow-content { + width: 980px; + margin: 0 auto; + position: relative; + zoom: 1; +} +#left-part { + width: 488px; + height: 1500px; + float: left; + background-color: #ffffff; + border-right: 1px solid #eeeeee; +} +#right-part { + width: 488px; + height: 1500px; + float: right; + background-color: #ffffff; + border-left: 1px solid #eeeeee; +} +#flow-image1 { + overflow: hidden; + width: 160px; + height: 160px; + border-radius: 50%; + border: 10px solid #eeeeee; + position: absolute; + left: 490px; + margin-left: -80px; + top: -50px; +} +#flow-image1 img{ + width: 160px; + height: 160px; +} +#flow-image2 { + overflow: hidden; + width: 100px; + height: 100px; + border-radius: 50%; + border: 5px solid #eeeeee; + position: absolute; + left: 490px; + margin-left: -50px; + top: 300px; +} +#flow-image2 img{ + width: 100px; + height: 100px; +} +#flow-image3 { + overflow: hidden; + width: 100px; + height: 100px; + border-radius: 50%; + border: 5px solid #eeeeee; + position: absolute; + left: 490px; + margin-left: -50px; + top: 800px; +} +#flow-image3 img{ + width: 100px; + height: 100px; +} +#flow-image4 { + overflow: hidden; + width: 100px; + height: 100px; + border-radius: 50%; + border: 5px solid #eeeeee; + position: absolute; + left: 490px; + margin-left: -50px; + top: 1100px; +} +#flow-image4 img{ + width: 100px; + height: 100px; +} +#flow-word1 { + text-align: center; + padding: 3px 15px; + border-radius: 3px; + border: 5px solid #eeeeee; + position: absolute; + left: 490px; + margin-left: -35px; + top: 1000px; + background-color: #ffffff; +} + + +/*尾部信息*/ +#footer { + position: relative; + width: 1180px; + margin-left: auto; + margin-right: auto; + background-color: #000000; +} +#footer #footer-firstpart { + overflow: hidden; + width: 100%; + height: 35px; + border-bottom: 1px solid #ffffff; +} +#footer #about-link { + position: absolute; + left: 43%; + height: 34px; + line-height: 34px; + text-align: center; +} +#footer #about-link li { + float: left; + margin-right: 20px; +} +#about { + overflow: hidden; + width: 100%; + padding: 40px 210px 110px 200px; + color: #ffffff; +} +#about .about-about { + float: left; + overflow: hidden; + width: 172px; + margin-bottom: 30px; +} +#about .about-about h1 { + padding-bottom: 36px; + font-size: 16px; +} +#about .about-about li { + padding-left: 4px; + padding-right: 4px; + padding-top: 4px; + padding-bottom: 100px; + margin-bottom: -100px; + font-size: 14px; +} +#about-copyright { + position: absolute; + bottom: 0; + left: 50%; + margin-left: -50px; + width: 100px; + color: #ffffff; +} +#about-copyright a { + display: block; + width: 30px; + height: 34px; + margin: 0 auto; +} diff --git a/2015_spring/task/task0001/design/My_Task/task0001/gallery.html b/2015_spring/task/task0001/design/My_Task/task0001/gallery.html new file mode 100644 index 00000000..febf030e --- /dev/null +++ b/2015_spring/task/task0001/design/My_Task/task0001/gallery.html @@ -0,0 +1,176 @@ + + + + + HeliumLau's blog + + + + + + + + + +
+
+
+
+
    +
  • All
    • +
  • JavaScript Util Functions
    • +
  • UI Components
    • +
  • FranmeWork
    • +
  • Applications
    • +
+
+
+
+
+

这里是标题

+

这里是内容内容啊这里是内容啊

+
+
+
+
+

这里是标题

+

这里是内容内容啊这里是内容啊

+
+
+
+
+

这里是标题

+

这里是内容内容啊这里是内容啊

+
+
+
+
+

这里是标题

+

这里是内容内容啊这里是内容啊

+
+
+
+
+

这里是标题

+

这里是内容内容啊这里是内容啊

+
+
+
+
+

这里是标题

+

这里是内容内容啊这里是内容啊

+
+
+
+
+

这里是标题

+

这里是内容内容啊这里是内容啊

+
+
+
+
+

这里是标题

+

这里是内容内容啊这里是内容啊

+
+
+
+
+

这里是标题

+

这里是内容啊这里是内容啊这里是内容啊这里是内容啊这里是内容啊这里是内容啊这里是内容啊这里是内容这里是内容啊这里是内容啊

+
+
+
+
+
+ +
+ +
+
+
+
+ + + + \ No newline at end of file diff --git a/2015_spring/task/task0001/design/My_Task/task0001/img/1.jpg b/2015_spring/task/task0001/design/My_Task/task0001/img/1.jpg new file mode 100644 index 00000000..a0b3d843 Binary files /dev/null and b/2015_spring/task/task0001/design/My_Task/task0001/img/1.jpg differ diff --git a/2015_spring/task/task0001/design/My_Task/task0001/img/2.jpg b/2015_spring/task/task0001/design/My_Task/task0001/img/2.jpg new file mode 100644 index 00000000..d538843a Binary files /dev/null and b/2015_spring/task/task0001/design/My_Task/task0001/img/2.jpg differ diff --git a/2015_spring/task/task0001/design/My_Task/task0001/img/3.jpg b/2015_spring/task/task0001/design/My_Task/task0001/img/3.jpg new file mode 100644 index 00000000..4a18ba48 Binary files /dev/null and b/2015_spring/task/task0001/design/My_Task/task0001/img/3.jpg differ diff --git a/2015_spring/task/task0001/design/My_Task/task0001/img/4.jpg b/2015_spring/task/task0001/design/My_Task/task0001/img/4.jpg new file mode 100644 index 00000000..78704a09 Binary files /dev/null and b/2015_spring/task/task0001/design/My_Task/task0001/img/4.jpg differ diff --git a/2015_spring/task/task0001/design/My_Task/task0001/img/5.jpg b/2015_spring/task/task0001/design/My_Task/task0001/img/5.jpg new file mode 100644 index 00000000..0de92b11 Binary files /dev/null and b/2015_spring/task/task0001/design/My_Task/task0001/img/5.jpg differ diff --git a/2015_spring/task/task0001/design/My_Task/task0001/img/banner-bg.jpg b/2015_spring/task/task0001/design/My_Task/task0001/img/banner-bg.jpg new file mode 100644 index 00000000..7375bd87 Binary files /dev/null and b/2015_spring/task/task0001/design/My_Task/task0001/img/banner-bg.jpg differ diff --git a/2015_spring/task/task0001/design/My_Task/task0001/img/go.png b/2015_spring/task/task0001/design/My_Task/task0001/img/go.png new file mode 100644 index 00000000..5c517c43 Binary files /dev/null and b/2015_spring/task/task0001/design/My_Task/task0001/img/go.png differ diff --git a/2015_spring/task/task0001/design/My_Task/task0001/img/icon-github.png b/2015_spring/task/task0001/design/My_Task/task0001/img/icon-github.png new file mode 100644 index 00000000..ef37a154 Binary files /dev/null and b/2015_spring/task/task0001/design/My_Task/task0001/img/icon-github.png differ diff --git a/2015_spring/task/task0001/design/My_Task/task0001/img/photo1.png b/2015_spring/task/task0001/design/My_Task/task0001/img/photo1.png new file mode 100644 index 00000000..7a3ffde6 Binary files /dev/null and b/2015_spring/task/task0001/design/My_Task/task0001/img/photo1.png differ diff --git a/2015_spring/task/task0001/design/My_Task/task0001/img/photo2.png b/2015_spring/task/task0001/design/My_Task/task0001/img/photo2.png new file mode 100644 index 00000000..5353cca5 Binary files /dev/null and b/2015_spring/task/task0001/design/My_Task/task0001/img/photo2.png differ diff --git a/2015_spring/task/task0001/design/My_Task/task0001/img/photo3.png b/2015_spring/task/task0001/design/My_Task/task0001/img/photo3.png new file mode 100644 index 00000000..622e9d51 Binary files /dev/null and b/2015_spring/task/task0001/design/My_Task/task0001/img/photo3.png differ diff --git a/2015_spring/task/task0001/design/My_Task/task0001/img/photo4.png b/2015_spring/task/task0001/design/My_Task/task0001/img/photo4.png new file mode 100644 index 00000000..02dc56ff Binary files /dev/null and b/2015_spring/task/task0001/design/My_Task/task0001/img/photo4.png differ diff --git a/2015_spring/task/task0001/design/My_Task/task0001/img/photo5.png b/2015_spring/task/task0001/design/My_Task/task0001/img/photo5.png new file mode 100644 index 00000000..66a6e38b Binary files /dev/null and b/2015_spring/task/task0001/design/My_Task/task0001/img/photo5.png differ diff --git a/2015_spring/task/task0001/design/My_Task/task0001/img/search.png b/2015_spring/task/task0001/design/My_Task/task0001/img/search.png new file mode 100644 index 00000000..8af5aed8 Binary files /dev/null and b/2015_spring/task/task0001/design/My_Task/task0001/img/search.png differ diff --git a/2015_spring/task/task0001/design/My_Task/task0001/index.html b/2015_spring/task/task0001/design/My_Task/task0001/index.html new file mode 100644 index 00000000..88925572 --- /dev/null +++ b/2015_spring/task/task0001/design/My_Task/task0001/index.html @@ -0,0 +1,123 @@ + + + + + HeliumLau's blog + + + + + + + + + +
+
+
+

标题1

+

这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，这里是正文，

+
+
+
+
+ +

  这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容  这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容

+
+
+ +

这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容

+
+
+ +

这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容

+
+
+
+
+

Hi, I'm Helium Lau. You can call me HE.

+

这是一段很长的自我介绍这是一段很长的自我介绍这是一段很长的自我介绍这是一段很长的自我介绍这是一段很长的自我介绍这是一段很长的自我介绍这是一段很长的自我介绍这是一段很长的自我介绍这是一段很长的自我介绍这是一段很长的自我介绍这是一段很长的自我介绍这是一段很长的自我介绍这是一段很长的自我介绍这是一段很长的自我介绍这是一段很长的自我介绍这是一段很长的自我介绍这是一段很长的自我介绍这是一段很长的自我介绍这是一段很长的自我介绍这是一段很长的自我介绍这是一段很长的自我介绍这是一段很长的自我介绍这是一段很长的自我介绍这是一段很长的自我介绍这是一段很长的自我介绍这是一段很长的自我介绍这是一段很长

+
+
+ + + + + + \ No newline at end of file diff --git a/2015_spring/task/task0001/design/task0001_2_marked.png b/2015_spring/task/task0001/design/task0001_2_marked.png index ab388278..3618efb7 100644 Binary files a/2015_spring/task/task0001/design/task0001_2_marked.png and b/2015_spring/task/task0001/design/task0001_2_marked.png differ diff --git a/2015_spring/task/task0001/img/preTest/css/task0001.css b/2015_spring/task/task0001/img/preTest/css/task0001.css new file mode 100644 index 00000000..780d8be8 --- /dev/null +++ b/2015_spring/task/task0001/img/preTest/css/task0001.css @@ -0,0 +1,91 @@ +h1 { + color: blue; + text-transform: uppercase; + /*h1 {text-transform:uppercase} + h2 {text-transform:capitalize} + p {text-transform:lowercase}*/ +} +h2 { + font-size: 14px; +} +p { + font-size: 12px; + color: yellow; + background-color: black; + /*h1 {text-align:center} + h2 {text-align:left} + h3 {text-align:right}*/ + word-spacing: 12px; +} +img { + border: 2px solid red; +} +ul { + text-decoration: none; +/* h1 {text-decoration:overline} + h2 {text-decoration:line-through} + h3 {text-decoration:underline} + h4 {text-decoration:blink}*/ +} +.word-spacing { + word-spacing: 12px; + /*对中文无效*/ + + /*white-space: + normal 默认。空白会被浏览器忽略。 + pre 空白会被浏览器保留。其行为方式类似 HTML 中的 
 标签。
+	nowrap	文本不会换行，文本会在在同一行上继续，直到遇到 
 标签为止。
+	pre-wrap	保留空白符序列，但是正常地进行换行。
+	pre-line	合并空白符序列，但是保留换行符。
+	inherit	规定应该从父元素继承 white-space 属性的值。*/
+}
+#firstOne {
+	background-color: red;
+	width: 960px;
+	height: 300px;
+	margin: 0 auto;
+}
+#secondOne {
+	margin-top: 1px;
+	background-color: red;
+	width: 960px;
+	height: 300px;
+	position: relative;
+	left: 50%;
+	margin-left: -480px;
+}
+#A1 {
+	background-color: red;
+	float: left;
+	width: 100px;
+	height: 100px;
+	margin-left: -100%;
+	position: relative;
+	left: -100px;
+}
+#B1 {
+	background-color: blue;
+	float: left;
+	width: 100%;
+	height: 100px;
+	margin-left: 100px;
+}
+#C1 {
+	background-color: yellow;
+	width: 100%;
+	height: 100px;
+	overflow: hidden;
+}
+#container {
+	background-color: red;
+	width: 50%;
+	overflow: hidden;
+	margin: 0 auto;
+}
+#id1, #id2, #id3, #id4, #id5, #id6, #id7, #id8, #id9 {
+	float: left;
+	background-color: blue;
+	height: 100px;
+	width: 200px;
+	margin:10px 10px;
+}
\ No newline at end of file
diff --git a/2015_spring/task/task0001/img/preTest/img/linkin park1.jpg b/2015_spring/task/task0001/img/preTest/img/linkin park1.jpg
new file mode 100644
index 00000000..a0b3d843
Binary files /dev/null and b/2015_spring/task/task0001/img/preTest/img/linkin park1.jpg differ
diff --git a/2015_spring/task/task0001/img/preTest/task0001.html b/2015_spring/task/task0001/img/preTest/task0001.html
new file mode 100644
index 00000000..c486e3f8
--- /dev/null
+++ b/2015_spring/task/task0001/img/preTest/task0001.html
@@ -0,0 +1,62 @@
+
+
+
+    
+	Document
+	
+	
+
+
+    
HeliumLau

+	
+	
这是二级标题

+	
这是我的第一个HTML页面，这里有一个文字段落

+	
+	
This is for word spacing.

+	

+	

+	

+    	
+    	

+        	
number 1

+    	

+   	 	
+	

+	

+	

+		

+			
B1

+			
A1

+		

+		
C1

+	

+
+	

+	

+		

+		

+		

+		

+		

+		

+		

+		

+		

+	

+
+
\ No newline at end of file