项目总结

  在23号的今天,回想起了17号那天,在下午的时候,听到了有个项目,叫株洲小巨蛋的,刚开始听到它的名字的时候,就觉得蛮有趣的,而且还有一份激动的心,因为自己以前一个完整的网页都很少写过,更不用说是一个大项目了。所以说自己刚开始是很期待的,但是在把那个项目拷到我U盘的时候,我是有点蒙的,因为里面图片很多,而且有点乱,自己一下子觉得压力挺大的,不知道从哪里去入手,一切对自己来说都是很陌生的。然后那天晚上回去的时候还是觉得好难,但是在听了老师说“从大到小”的方法后,自己就去总结了,去找出这么多要切图部分的相同点。在这次我是认识到了要弄他们共同的样式,然后一起都可以调用这个样式。在以前我是没有这个概念的,例如那个在做项目简介的时候,它二级导航中有6个,而且他们除了中下一些文字和图片外,其它都是相同或类似的,所以我就先开始弄了一个project-description-base.css样式,然后就创建project-description0.html~project-description6.html以及他们对应的样式,前面base公共样式就可以供下面一起调用,这样真的可以避免了我做很多的重复工,这样是很有效率的,所以说在现在我就应该养成这样的习惯,而不是一看到要写的东西就开始一个一个弄,而是要学会发现它们的共同点在哪里。还有的是应该分析完之后,不要想得那么乱,共同的先写共同样式,其它的一个一个的把它切了,这样就不会觉得好多要做而心烦,在写完一个一个的时候,我是觉得越来越轻松的,这正是我想要的结果。

另外,这次要做滚动文字这个效果的时候,刚开始是这样的:

 

<p class="fl">

 <a href="">在1815线上,将有一座标志性建筑即将拔地而起,这就是被誉为芦淞服饰之窗的服饰演艺发布中心,也就是“株洲小巨蛋”。 ——2013.7.11至2012.7.20</a>

<a href="">在1815线上,将有一座标志性建筑即将拔地而起,这就是被誉为芦淞服饰之窗的服饰演艺发布中心,也就是“株洲小巨蛋”。 ——2013.7.11至2012.7.20</a>

</p>。

而且样式为

 

#news .center p {

    744px;

    height: 33px;

    line-height: 33px;

    font-size: 12px;

    margin-left: 47px;

    overflow: hidden;

    color: #FFFFFF;

}

/* #news .center p> a {

    margin-right: 50px;

    color: #FFFFFF;

}

#news .center p>a:first-of-type {

    animation: textScroll 10s linear infinite;

}

 

@keyframes textScroll {

    from{

        margin-left: 0;

    }

    to{

        margin-left: -870px;

    }

} */

这样的时候虽然可以滚动,但是看起来一卡一卡的,不是那么流畅,然后自己就去在资料看,结果改成这样:

font>

    <marquee direction="left" scrollamount="6">在1815线上,将有一座标志性建筑即将拔地而起,这就是被誉为芦淞服饰之窗的服饰演艺发布中心,也就是“株洲小巨蛋”。 ——2013.7.11至2012.7.20

</marquee>

</font>

样式为:

#news .center marquee {

    744px;

    height: 33px;

    line-height: 33px;

    font-size: 12px;

    margin-left: 47px;

    overflow: hidden;

    color: #FFFFFF;

}

  这个里面用到了双标签<marquee></marquee>,就这么简短的代码就可以很流畅的在网页上滚动了,direction控制它滚动的方向,有left,right,up和down,然后scrollamount控制它滚动的速度,在这次中认识到学会找资料是很重要的,往往会提供给我们更多简便的方法,而且效果更好。

  通过这次项目,我觉得自己切图也比以前好很多了,在之前没学过ps,也没切过图,所以以为是很深奥的东西,但是操作多了以后,发现也不是想象中的那么难,但是一些细节还是要继续做好一点,这次对细节的切图没怎么做好,下次一点要仔细一点。这次刚开始完全是因为自己怕困难的心在阻碍着我,在这次项目中,慢慢的找到了感觉,思路,冲破每一个困难点,得来的是一份份的成就感,这正是坚持下去的动力和源泉。

原文地址:https://www.cnblogs.com/han201388/p/5798109.html