zoukankan      html  css  js  c++  java
  • 项目总结

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

  • 相关阅读:
    spring boot 启动报错(spring-boot-devtools热部署后):The elements [spring.resources.cache-period] were left unbound. Update your application's configuration
    一分钟搞定:spring boot 热部署 (基于Idea)
    如何将新项目添加到github仓库中?只需简单几步~即可实现
    spring boot 日志文件配置(logback-spring.xml)亲测可用!
    java后台读取/解析 excel表格
    String字符串存入数据库中超出最大长度(oracle varchar2 4000)?应合理分条存储(java实现-工具/方法)
    笔试题-sql语句
    总结--看帖收“货”
    Oracle-1
    蓝桥杯- 基础练习: 字母图形
  • 原文地址:https://www.cnblogs.com/han201388/p/5798109.html
Copyright © 2011-2022 走看看