精华内容
下载资源
问答
  • 用HTML+CSS做一个漂亮简单个人网页

    万次阅读 多人点赞 2019-12-20 17:14:46
    1.刚好帮我妹写了一个作业做一个个人网页设计,简单三个小页面,就从网上随便找了图片自己随便设计了下东拼西凑哈哈哈!!!可能有点low但是对她来说或者需要做简单个人网站应该就够了吧! 图片是从站酷上面找...

    用HTML+CSS做一个漂亮简单的个人网页

    1.刚好帮我妹写了一个作业做一个个人网页设计,简单的三个小页面,就从网上随便找了图片自己随便设计了下东拼西凑哈哈哈!!!可能有点low但是对她来说或者需要做简单的个人网站应该就够了吧!
    在这里插入图片描述
    图片是从站酷上面找的(因为我不会设计图),如果有侵权了什么的请联系我立刻马上删掉哈!
    (首页的首屏有下雪了的特效,右下角有音乐播放提示)

    2.先看一下效果哈!
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    效果就是这样哈!自己瞎搞的,我不是UI设计师所以都是乱搭的
    下面是代码

    <body>
        <div class="home">
            <div class="content">
                <div class="stars"></div>
                <img class="bgc" src="./img/imgs38.jpg" width="100%" alt="">
                <h3 class="title">欢迎来到我的个人网站</h3>
                <h3 class="titles">今天也要加油鸭</h3>
                <img class="icon" src="./img/down.png" alt="">
                <div class='ribbon'>
                    <a href='./index.html'><span>Home</span></a>
                    <a href='./about.html'><span>About</span></a>
                    <a href='./form.html'><span>Form</span></a>
    
                </div>
    
            </div>
            <div class="icons">
                <div class="icons_items">
                    <img class="icons_items_imgs" src="./img/xuexiao.png" alt="">
                    <span>教学楼是我们每天必去取经之地</span>
                </div>
                <div class="icons_items">
                    <img class="icons_items_imgs" src="./img/canting.png" alt="">
                    <span>每天都要在食堂里面纠结到底吃什么</span>
                </div>
                <div class="icons_items">
                    <img class="icons_items_imgs" src="./img/fengjing.png" alt="">
                    <span>午饭过后可以躺着休息晒晒太阳的小山坡</span>
                </div>
                <div class="icons_items">
                    <img class="icons_items_imgs" src="./img/yewan.png" alt="">
                    <span>忙碌的一天结束啦爬上小床跟世界说晚安</span>
                </div>
            </div>
            <div class="introduce">
                <div class="introduce_item">
                    <img class="introduce_item_img" src="./img/imgs15.jpg" alt="">
                    <span class="introduce_item_title">天空还是一片浅蓝,转眼间东方出现了一道红霞,红霞慢慢地在扩大,不大一会就染红了小半边天。颜色红得可爱, 又 过了一会儿,在那个地方出现了太阳的小半边脸。</span>
    
                </div>
                <div class="introduce_item">
    
                    <span class="introduce_item_titles">当清晨的阳光洒进我们温馨的寝室,忙碌的一天又开始了,闹钟开始响起,每个人睡眼惺忪,从床上爬起,忙忙碌碌的穿梭在食堂与教室之间</span>
                    <img class="introduce_item_img" src="./img/imgs36.jpg" alt="">
                </div>
                <div class="introduce_item">
                    <img class="introduce_item_img" src="./img/imgs16.jpg" alt="">
                    <span class="introduce_item_title">温暖的阳光照耀着大地,远处的小山都金灿灿的美轮美奂,它穿梭于微隙的气息。舒倘,漫长。紫檀的香味,弥漫在春日,把天地间一切空虚盈满,阳光下,是一道纤绝的尘陌,呢喃着天真,充盈着那抹曾经深不可测的孤清而飘逸的影。</span>
                </div>
                <div class="introduce_item">
                    <span class="introduce_item_titles">当晚自习结束后,抬头望向天空,几颗大而亮的星星挂在夜空,仿佛是天上的人儿提着灯笼在巡视那浩瀚的太空。美丽极了,裹紧衣裳,在这优美的夜色中慢慢的走回寝室。</span>
                    <img class="introduce_item_img" src="./img/imgs14.jpg" alt="">
                </div>
            </div>
            <audio autoplay="autoplay" id="audio" loop="loop">
                    <source src="./video/music.mp3" type="audio/MP3">
                   
            </audio>
            <img class="music_img" src="./img/music_img.png" alt="">
        </div>
    
    </body>
    <script>
        let mucics = document.getElementById('audio')
        document.body.addEventListener('mousemove', function() {
            setTimeout(() => {
                mucics.play();
            }, 2000);
        }, false);
    </script>
    
    </html>
    

    首页的css

    * {
        margin: 0;
        padding: 0
    }
    
    .home {
        height: 100%;
        overflow: hidden;
    }
    
    .content {
        perspective: 340px;
        width: 100%;
        position: relative;
    }
    
    h1 {
        color: white;
        text-align: center;
    }
    
    span {
        display: block;
        text-align: center;
    }
    
    .stars {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 2px;
        height: 2px;
        z-index: 999;
        border-radius: 50%;
        box-shadow: -447px 387px #c4c4c4, -401px 118px #fafafa, -109px 217px #d9d9d9, -680px -436px #e3e3e3, 514px 360px #cccccc, -708px 298px #e8e8e8, -696px -270px #ededed, 116px -128px #f7f7f7, 179px 35px white, -404px -90px whitesmoke, -331px -309px #c4c4c4, -363px -24px #d1d1d1, 277px 416px #fafafa, -145px -244px whitesmoke, 123px 62px #d4d4d4, -407px 418px #d9d9d9, 535px 237px #d9d9d9, -466px -78px #f7f7f7, 257px 287px #dedede, 327px -398px #e0e0e0, -602px -38px #c2c2c2, 128px 398px #e6e6e6, 274px -446px #d1d1d1, -602px -298px #c7c7c7, 526px -5px #c4c4c4, -90px -158px #fcfcfc, 5px 294px whitesmoke, -633px 229px #c4c4c4, -475px 427px #dedede, 586px -453px #f2f2f2, 180px -432px #c7c7c7, -637px -88px #cfcfcf, -453px 308px #d6d6d6, -111px 1px #d9d9d9, 573px -450px #ededed, 198px 300px #d6d6d6, -355px 166px #dedede, -715px 13px #e3e3e3, 262px -104px #d1d1d1, 147px 325px #dbdbdb, 1px 399px #dbdbdb, 286px -100px white, 43px -329px #e8e8e8, 617px 55px #d9d9d9, -168px -392px #cccccc, 84px 219px #c9c9c9, 507px -226px #d9d9d9, -327px -70px #e6e6e6, 386px -212px #c4c4c4, -717px 4px #cfcfcf, 502px -231px #e3e3e3, 302px 56px #ededed, 649px 341px #c7c7c7, 569px 350px #c9c9c9, 516px -31px #e6e6e6, 689px 447px #c2c2c2, 591px -206px #fafafa, 422px -137px #e6e6e6, -510px -324px #cccccc, -649px 287px #c2c2c2, -194px -48px #f7f7f7, -279px -329px #d1d1d1, -406px 478px #dbdbdb, -735px -87px #c9c9c9, 30px -197px #dedede, -564px 233px #e6e6e6, -486px -324px #ededed, -54px -7px #ededed, -441px -194px #e3e3e3, -133px -95px #e0e0e0, -722px -73px #d6d6d6, 595px 423px #ededed, 568px -39px #ededed, 370px 377px #d1d1d1, -419px -102px #fcfcfc, -450px 109px #c4c4c4, -57px -119px #d1d1d1, -582px 150px #e6e6e6, 206px -263px #cfcfcf, 582px -461px #c9c9c9, -268px -141px #d9d9d9, -148px 291px #c7c7c7, 254px -179px #c9c9c9, 725px 424px #f0f0f0, 391px -150px #ebebeb, 89px -299px #d4d4d4, 170px 1px #c9c9c9, 243px 209px #c7c7c7, 27px 460px #c9c9c9, -465px -380px #d4d4d4, 530px -360px whitesmoke, -626px 53px #e0e0e0, 706px 218px #d9d9d9, 40px -82px #cccccc, -5px -212px #e6e6e6, -742px 33px #ebebeb, -714px 478px #e0e0e0, -585px -125px #cccccc, -216px 348px #cfcfcf, 601px 332px #ededed, 344px -88px #c4c4c4, 659px -22px #d1d1d1, -411px 188px #d6d6d6, -423px -206px #fcfcfc, -359px -136px #cfcfcf, 612px 406px whitesmoke, 725px 96px whitesmoke, 363px -446px white, -204px 325px #c9c9c9, 740px 176px #fafafa, -489px -352px white, -638px 64px #dbdbdb, 537px -65px #dbdbdb, 151px -32px #ebebeb, 681px 212px #fcfcfc, 604px -149px #e6e6e6, -542px -398px #c4c4c4, -707px 66px whitesmoke, -381px 258px #cfcfcf, -30px 332px #d6d6d6, 512px -381px #c9c9c9, 195px 288px #cccccc, -278px 479px #c7c7c7, 27px -208px #d6d6d6, -288px 15px white, -680px 248px #dedede, 433px 31px #c9c9c9, 150px -206px #d4d4d4, -79px 247px white, -594px 115px #e0e0e0, 99px 292px #e0e0e0, 673px -269px #dedede, -257px -64px #d1d1d1, 449px 81px #f2f2f2, 18px -99px #d1d1d1, -694px 415px #f7f7f7, 240px 264px #e0e0e0, 450px -172px white, 383px 7px #e8e8e8, 338px -73px #c9c9c9, 291px -19px #ebebeb, 659px 137px #d1d1d1, 602px -6px #fcfcfc, 554px 249px #ebebeb, 625px 356px #d9d9d9, 579px -183px #d6d6d6, -20px 250px white, -401px 431px #c4c4c4, -645px -232px #cccccc, -265px -148px white, 553px 258px #d1d1d1, 166px -360px #ebebeb, 719px 51px #ededed, 612px -129px #ebebeb, -465px -104px #f2f2f2, -154px -121px #d9d9d9, -1px 330px #f2f2f2, -666px 248px #f7f7f7, -720px 264px #ededed, 148px -365px #e6e6e6, -388px -349px #c4c4c4, 128px -88px #e3e3e3, -683px -274px #fafafa, -341px 41px #c9c9c9, -59px -471px #f0f0f0, -3px -427px #c2c2c2, 418px 167px #d6d6d6, 343px 247px #c7c7c7, 623px -347px #d1d1d1, 716px -217px white, 243px -409px whitesmoke, -75px -126px #d6d6d6, -730px -91px #c9c9c9, -210px -397px #cfcfcf, -349px 180px #c9c9c9, -567px -281px #e0e0e0, -460px 381px #fcfcfc, -310px -22px #ededed, 450px -1px #dbdbdb, -405px -328px #e3e3e3, 5px 332px #d6d6d6, -294px 302px #fcfcfc, -398px 97px whitesmoke, -696px 325px #cfcfcf, -589px 110px #d6d6d6, 353px -411px #dbdbdb, -697px -318px #ebebeb, -114px -72px #f0f0f0, 259px -193px #fcfcfc, 60px 26px #e6e6e6, -63px -232px white, 205px -372px #f7f7f7, -464px -333px #f2f2f2, -374px 123px white, -377px -386px #c7c7c7, -80px 337px #cccccc, 478px -178px #dbdbdb, 222px 420px #ebebeb, -707px 99px #c4c4c4, 716px -132px #fafafa, -253px -286px #e3e3e3, 646px 178px #f0f0f0, 201px 24px #d1d1d1, 178px -58px #c7c7c7, -557px 368px #ededed, 0px 219px #d9d9d9, -266px -269px #cccccc, 242px -197px #c9c9c9, -419px 193px #c2c2c2, -47px 91px #c7c7c7, -109px 75px #c2c2c2, -146px -453px #d6d6d6, 671px -350px #f2f2f2, 421px -91px #d9d9d9, 738px 19px #ededed, -316px -155px #dedede, 419px 244px #fcfcfc, -278px -418px #d6d6d6, -581px -181px #fcfcfc, 139px 264px #d9d9d9, 691px -11px #ebebeb, -622px 402px #c2c2c2, 219px 396px #f0f0f0, -149px -423px white, -716px -78px #d9d9d9, -590px 341px #e6e6e6, -208px 79px #d6d6d6, -227px -24px #f7f7f7, 239px 262px #d1d1d1, 740px 443px #f7f7f7, 509px 134px #d6d6d6, -555px 232px #e8e8e8, -67px -427px #cfcfcf, -368px 250px #f7f7f7, 715px -415px #fafafa, 411px -301px #f0f0f0, -322px 287px #d9d9d9, -429px -90px #f2f2f2, -327px -387px #f0f0f0, -491px 183px #c2c2c2, -133px 250px #d4d4d4, 538px 139px #e3e3e3, -417px -125px #f0f0f0, 653px -351px #e6e6e6, -549px 38px #d4d4d4, 602px 110px whitesmoke, 415px 105px #e0e0e0, -733px -371px #cfcfcf, 286px 403px #d4d4d4, 11px 320px #c4c4c4, -597px 158px whitesmoke, 716px -350px whitesmoke, 321px 67px #fafafa, -237px -300px #cfcfcf, 74px 152px #c9c9c9, 587px -123px #fcfcfc, 699px -332px whitesmoke, 399px 355px #f7f7f7, -323px 314px #dbdbdb, 89px 416px #c7c7c7, 445px 38px #e3e3e3, 572px 122px #c4c4c4, -258px 372px white, 49px 306px #d9d9d9, 437px -35px #dedede, 566px 174px #f2f2f2, 732px -299px whitesmoke, -410px 394px #ededed, 131px -415px white, 19px -326px #e8e8e8, -700px -188px #d1d1d1, 96px -1px #e0e0e0, -328px -396px #f0f0f0, -117px -214px #fcfcfc, -53px 261px #ebebeb, 80px 134px #d6d6d6, -364px -216px white, -636px -125px #dbdbdb, -639px -265px #e3e3e3, 208px 98px #c7c7c7, 172px 467px #e0e0e0, 435px 309px #e3e3e3, 194px -259px #f0f0f0, 209px -186px #c9c9c9, -312px 418px #fafafa, 229px 407px #c9c9c9, -449px -357px #fafafa, 674px 121px #e8e8e8, 608px -429px #ebebeb, -431px -428px #cfcfcf, 105px 462px #e3e3e3, -179px -372px #e3e3e3, 143px -317px #d6d6d6, -449px -149px #fafafa, -544px 250px #dedede, -220px -323px whitesmoke, 658px 8px whitesmoke, -656px -244px #e8e8e8, 347px 11px whitesmoke, 694px -230px #f7f7f7, -317px 1px #c4c4c4, 28px 23px #fcfcfc, -382px 321px #dbdbdb, 632px -74px #c4c4c4, 154px -245px #c2c2c2, -553px 337px #d6d6d6, -48px -243px #d1d1d1, 92px -391px #cccccc, -71px -256px #cfcfcf, -372px 57px #d9d9d9, 369px -140px #fcfcfc, 675px 81px #c2c2c2, -663px 254px #cccccc, 703px -203px #ededed, 74px -363px #c2c2c2, 643px -458px #d1d1d1, 198px 359px #cccccc, 265px 309px #d4d4d4, -353px -368px #e8e8e8, -465px 439px whitesmoke, 693px 360px #c9c9c9, 634px -397px #d1d1d1, 467px 25px whitesmoke, -558px -272px #e6e6e6, 671px 69px #dbdbdb, 407px 357px #cfcfcf, 379px 80px white, 10px -203px #c9c9c9, 104px -292px #f0f0f0, -667px -29px #d1d1d1, 557px -155px #e6e6e6, -505px 115px #cfcfcf, -605px 164px #f2f2f2, -108px -223px #e0e0e0, 523px -156px #ebebeb, 691px 230px white, -507px -13px #d1d1d1, -349px 332px #dedede, 520px 266px whitesmoke, -66px -250px #e6e6e6, -496px -449px #ebebeb, 414px -170px #dedede, -649px 230px #ebebeb, 598px -92px #c7c7c7, -638px 113px #c2c2c2, 151px 363px #f7f7f7, -445px -241px #f0f0f0, 527px -14px #dedede, 203px -61px #cfcfcf, -716px -284px #ebebeb, -525px 134px #c2c2c2;
        animation: fly 15s linear infinite;
        transform-style: preserve-3d;
    }
    
    .stars:before,
    .stars:after {
        content: "";
        position: absolute;
        width: inherit;
        height: inherit;
        box-shadow: inherit;
    }
    
    .stars:before {
        transform: translateZ(-300px);
        opacity: .6;
    }
    
    .stars:after {
        transform: translateZ(-600px);
        opacity: .4;
    }
    
    @keyframes fly {
        from {
            transform: translateZ(0px);
            opacity: .6;
        }
        to {
            transform: translateZ(200px);
            opacity: .8;
        }
    }
    
    .title {
        position: absolute;
        display: flex;
        justify-content: center;
        left: 0;
        right: 0;
        top: 300px;
        margin: auto;
        bottom: 0;
        color: #fff;
        font-size: 24px;
        font-weight: 500;
    }
    
    .titles {
        position: absolute;
        display: flex;
        justify-content: center;
        left: 0;
        right: 0;
        top: 350px;
        margin: auto;
        bottom: 0;
        color: #fff;
        font-size: 20px;
        font-weight: 500;
    }
    
    .icon {
        width: 15px;
        height: 15px;
        padding: 5px;
        border: 2px solid #fff;
        border-radius: 100%;
        position: absolute;
        left: 49%;
        bottom: 50px;
        animation: downs 2s linear infinite;
    }
    
    @keyframes downs {
        from {
            transform: translatey(0px);
            opacity: .6;
        }
        to {
            transform: translatey(30px);
            opacity: .8;
        }
    }
    
    .ribbon {
        display: flex;
        justify-content: center;
        position: absolute;
        right: 300px;
        top: 50px;
        margin: auto;
    }
    
    .ribbon:after,
    .ribbon:before {
        margin-top: 0.5em;
        content: "";
        display: flex;
        ;
        border: 1.5em solid #fff;
    }
    
    .ribbon:after {
        border-right-color: transparent;
    }
    
    .ribbon:before {
        border-left-color: transparent;
    }
    
    .ribbon a:link,
    .ribbon a:visited {
        color: #000;
        text-decoration: none;
        height: 3.5em;
        overflow: hidden;
    }
    
    .ribbon span {
        background: #fff;
        display: inline-block;
        line-height: 3em;
        padding: 0 1.5em;
        margin-top: 0.5em;
        position: relative;
        -webkit-transition: background-color 0.2s, margin-top 0.2s;
        /* Saf3.2+, Chrome */
        -moz-transition: background-color 0.2s, margin-top 0.2s;
        /* FF4+ */
        -ms-transition: background-color 0.2s, margin-top 0.2s;
        /* IE10 */
        -o-transition: background-color 0.2s, margin-top 0.2s;
        /* Opera 10.5+ */
        transition: background-color 0.2s, margin-top 0.2s;
    }
    
    .ribbon a:hover span {
        background: #FFD204;
        margin-top: 0;
    }
    
    .ribbon span:before {
        content: "";
        position: absolute;
        top: 3em;
        left: 0;
        border-right: 0.5em solid #9B8651;
        border-bottom: 0.5em solid #fff;
    }
    
    .ribbon span:after {
        content: "";
        position: absolute;
        top: 3em;
        right: 0;
        border-left: 0.5em solid #9B8651;
        border-bottom: 0.5em solid #fff;
    }
    
    .introduce {
        display: flex;
        flex-direction: column;
    }
    
    .introduce_item {
        display: flex;
        justify-content: center;
        margin-top: 60px;
    }
    
    .introduce_item_img {
        width: 800px;
        height: 500px;
    }
    
    .introduce_item_title {
        width: 300px;
        font-size: 18px;
        line-height: 36px;
        align-self: center;
        padding-left: 100px;
    }
    
    .introduce_item_titles {
        width: 300px;
        font-size: 18px;
        line-height: 36px;
        align-self: center;
        padding-right: 100px;
    }
    
    audio {
        position: fixed;
        bottom: 50px;
        right: 0;
    }
    
    .music_img {
        position: fixed;
        bottom: 50px;
        right: 50px;
        width: 40px;
        height: 30px;
        animation: muscis 5s linear infinite;
    }
    
    @keyframes muscis {
        from {
            transform: rotate (0deg);
            opacity: .6;
        }
        to {
            transform: rotate(360deg);
            opacity: .8;
        }
    }
    
    .icons {
        display: flex;
        justify-content: space-between;
        padding: 0 400px;
        box-sizing: border-box;
        overflow: hidden;
    }
    
    .icons_items {
        display: flex;
        flex-direction: column;
        font-size: 20px;
        margin-top: 80px;
        width: 200px;
    }
    
    .icons_items_imgs {
        width: 200px;
        margin-bottom: 30px;
    }
    

    关于我的代码

    <body>
        <div class="about">
            <h3 class="about_tit">要不断的努力,才能成为更好的自己</h3>
            <img class="about_bgc" src="./img/from1.png" alt="">
            <div class='ribbon'>
                <a href='./index.html'><span>Home</span></a>
                <a href='./about.html'><span>About</span></a>
                <a href='./form.html'><span>Form</span></a>
    
            </div>
            <div class="me">
                <img class="me_img" src="./img/imgs19.jpg" alt="">
                <span class="me_tit animate ">我是一名大二的学生,平时爱好看看书,浏览网页资料,学习一下新知识,为以后毕业做些小打算。跟大多数人一样,对未来些许迷茫,当忽然之间脑海里闪现出来一些关于几年前的某个片段时,会情不自禁的回想那个时候的自己,关于那个曾经的所有点点滴滴也渐渐浮现出一些画面,突然拼命的想要去找一点在那个记忆点里的某些东西,寻找的过程中脑海里的思绪早已沉溺在回忆里面,忘了的还有那些忘不了的感触在这一刻全都涌了出来,我觉得最后寻找的结果或许已不重要了,因为这突如其来想要寻找的一些东西的念头,让自己突然变得好安静,莫名的思绪蔓延开来了,它又带我回到了现在已经体会不到的那种怦然心动的时候,仿佛打开了老旧的抽屉,里面装满了当初的成长,青涩,遗憾与那一种想起来会不禁忽然笑出来的感觉,可能想笑的是那时的自己,又或许是笑那带有遗憾结尾的时光,怀念真好。
                    又一年即将过去了,生活一如既往的推着自己往前走,在行人眼里穿梭,而不时会回头看看的,还是那个仿佛不知在追逐着什么的自己,此刻的空气很好,它不会留下痕迹。
                </span>
            </div>
            <div class="videos">
                <span>
                            这是我很喜欢的一个动漫电影,玩具总动员里面的第四部,讲述的事胡迪深知自己在这个世界上的使命,就是照顾他的主人,无论是原来的安迪还是新主人邦妮。当邦妮将不情愿成为玩具的“叉叉”带回家时,胡迪又担起了教导叉叉接受自己新身份的责任。 然而当邦妮将所有玩具带上房车家庭旅行时,胡迪与伙伴们将共同踏上全新的冒险之旅,领略房间外面的世界有多广阔,甚至偶遇老朋友牧羊女。在多年的独自闯荡中,牧羊女已经变得热爱冒险,不再只是一个精致的洋娃娃。正当胡迪和牧羊女发现彼此对玩具的使命的意义大相径庭时,他们很快意识到更大的威胁即将到来。
                        </span>
                <video width="800" controls id="video" preload="auto" height="100%" autoplay="autoplay" loop="loop" type="video/mp4" src="./video/videos.mp4"></video>
    
            </div>
        </div>
    </body>
    
    * {
        margin: 0;
        padding: 0;
    }
    
    .about {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }
    
    .about_bgc {
        width: 100%
    }
    
    .about_tit {
        position: absolute;
        top: 280px;
        left: 0;
        right: 0;
        font-size: 28px;
        font-weight: 550;
        bottom: 0;
        width: 800px;
        margin: auto;
        text-align: center;
    }
    
    .ribbon {
        display: flex;
        justify-content: center;
        position: absolute;
        right: 300px;
        top: 50px;
        margin: auto;
    }
    
    .ribbon:after,
    .ribbon:before {
        margin-top: 0.5em;
        content: "";
        display: flex;
        ;
        border: 1.5em solid #fff;
    }
    
    .ribbon:after {
        border-right-color: transparent;
    }
    
    .ribbon:before {
        border-left-color: transparent;
    }
    
    .ribbon a:link,
    .ribbon a:visited {
        color: #000;
        text-decoration: none;
        height: 3.5em;
        overflow: hidden;
    }
    
    .ribbon span {
        background: #fff;
        display: inline-block;
        line-height: 3em;
        padding: 0 1.5em;
        margin-top: 0.5em;
        position: relative;
        -webkit-transition: background-color 0.2s, margin-top 0.2s;
        /* Saf3.2+, Chrome */
        -moz-transition: background-color 0.2s, margin-top 0.2s;
        /* FF4+ */
        -ms-transition: background-color 0.2s, margin-top 0.2s;
        /* IE10 */
        -o-transition: background-color 0.2s, margin-top 0.2s;
        /* Opera 10.5+ */
        transition: background-color 0.2s, margin-top 0.2s;
    }
    
    .ribbon a:hover span {
        background: #FFD204;
        margin-top: 0;
    }
    
    .ribbon span:before {
        content: "";
        position: absolute;
        top: 3em;
        left: 0;
        border-right: 0.5em solid #9B8651;
        border-bottom: 0.5em solid #fff;
    }
    
    .ribbon span:after {
        content: "";
        position: absolute;
        top: 3em;
        right: 0;
        border-left: 0.5em solid #9B8651;
        border-bottom: 0.5em solid #fff;
    }
    
    .me {
        display: flex;
        justify-content: center;
        margin-top: 60px;
        overflow: hidden;
    }
    
    .me_tit {
        width: 600px;
        line-height: 36px;
        font-size: 18px;
        margin-left: 100px;
        margin-top: 50px;
    }
    
    .me_img {
        width: 800px;
        height: 600px;
    }
    
    .animate {
        padding-left: 20px;
        width: 500px;
        font-size: 16px;
        color: #000;
        animation: 10s wordsLoop linear infinite normal;
    }
    
    @keyframes wordsLoop {
        0% {
            transform: translateY(100px);
            -webkit-transform: translateY(100px);
        }
        100% {
            transform: translateY(-100%);
            -webkit-transform: translateY(-100%);
        }
    }
    
    .videos {
        display: flex;
        margin-top: 60px;
        padding-bottom: 80px;
    }
    
    .videos span {
        width: 400px;
        margin-right: 100px;
        margin-left: 300px;
        color: #FFD204
    }
    

    表单代码

    <body>
        <div class="from">
            <img class="bgc" src="./img/imgs42.jpg" alt="">
            <div class="submit">
                <span class="form_title">个人信息提交</span>
                <div class="form_input">
                    <span>姓名:</span>
                    <input class="inputs" type="text" value="居居侠">
                </div>
                <div class="form_input">
                    <span>班级:</span>
                    <input class="inputs" type="text" value="移动交互应用技术一班">
                </div>
                <div class="form_input">
                    <span>学号:</span>
                    <input class="inputs" type="text" value="200187454548754">
                </div>
                <div class="form_input">
                    <span>系部:</span>
                    <input class="inputs" type="text" value="信息工程系">
                </div>
                <div class="form_input">
                    <span>课程名称:</span>
                    <input class="inputs" type="text" value="网页设计与制作">
                </div>
                <div class="btn_submit">
                    <a href="./finish.html">
                        <button class="btn">提交</button></a>
                    <a href="./index.html" class="back"><button class="home_href">首页</button></a>
                </div>
            </div>
        </div>
    </body>
    
    * {
        margin: 0;
        padding: 0
    }
    
    .from {
        overflow: hidden;
        position: relative;
    }
    
    .bgc {
        width: 100%;
    }
    
    .submit {
        position: absolute;
        z-index: 9;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        margin-top: 150px;
        width: 500px;
        height: 500px;
        background: rgba(255, 255, 255, 0.2);
        border-radius: 10px;
        color: #fff;
        display: flex;
        flex-direction: column;
    }
    
    .form_title {
        text-align: center;
        margin-top: 40px;
        font-size: 18px;
    }
    
    .form_input {
        padding: 0 30px;
        box-sizing: border-box;
        display: flex;
        margin-top: 20px;
    }
    
    .inputs {
        height: 40px;
        width: 300px;
        border-radius: 5px;
        border: none;
        background-color: #eee;
        color: #666;
        padding-left: 20px;
    }
    
    .form_input span {
        width: 85px;
        align-self: center;
    }
    
    .btn_submit {
        align-self: center;
    }
    
    .btn {
        border: none;
        width: 80px;
        height: 40px;
        color: #fff;
        border-radius: 5px;
        background: #999;
        margin-top: 40px;
    }
    
    .btn:hover {
        background: #666;
    }
    
    .back {
        margin-left: 10px;
    }
    
    .home_href {
        border: none;
        width: 80px;
        height: 40px;
        color: #fff;
        border-radius: 5px;
        background: #FFD204;
    }
    

    好啦就这么多啦!最近很闲没事干,第一次写博客,不知道写什么,公司的项目不能写出来,正好把这个贴出来,就怕图片会侵权,如果侵权了一定要联系我我立刻删除呀!!!
    全部代码都已经加上来啦!图片资源自己找哈!毕竟我是从站酷上面人家设计有版权的我不能乱给哈!你们自己去找哈! 站酷网站上面的,音频就是自己随便搜的纯音乐啦!
    *重要的事情说三遍:
    (请不要再私信我要代码啦!!!已经都上传上来了,自己复制粘贴一下找几个图片的好了)

    (请不要再私信我要代码啦!!!已经都上传上来了,自己复制粘贴一下找几个图片的好了)
    (请不要再私信我要代码啦!!!已经都上传上来了,自己复制粘贴一下找几个图片的好了)

    (只知道敲代码从来没有写过博客,请轻喷,小心脏受不住~感谢各位看官!!!)

    展开全文
  • 我要做一个什么程序员

    万次阅读 多人点赞 2014-12-14 13:19:10
    2年前毕业误入程序员行业,是奔着传说高薪水来(绝大部分刚出校门毕业生心态)。...所以该做一个什么程序员,这个问题工作3年以来我一直在思考,探索。希望能给自己的技术生涯一个完美规划。

    2年前毕业误入程序员行业,是奔着传说的高薪水来的(绝大部分刚出校门毕业生的心态)。

    自己不是一个甘于平庸的人,觉得既然已入行,就要在这行有一番作为,不能仅仅是为了赚钱,每天上下班8小时的工作,那不是我要的工作生活。

    所以该做一个什么样的程序员,这个问题工作2年以来我一直在思考,探索。希望能给自己的技术生涯一个完美的规划。


    首先,希望自己做一个有技术追求的程序员。

    大学毕业选择做程序员,原因主要有2个,一种因为对于应届学生,毕业生程序员工资相对其他行业高一些,更有物质吸引力。第二种是对程序有兴趣,毅然投入编程事业。

    我想对于绝大多数应届毕业生来说,都是第一种原因吧,我也不例外。

    但工作中发现自己对技术非常感兴趣,觉得在工作中不应该将程序员工作仅仅作为赚钱手段,每天按部就班做完自己的工作。每个月都满足于自己所谓的高薪水,做公司的一颗螺丝钉,这样的混吃等死有何意义,那我北漂的意义何在,就是为了赚几年钱回家养老嘛。

    心中的一番理想抱负,不能被平庸的打卡生活所磨灭。

    所以要做一个有技术追求的程序员,把技术作为自己的兴趣,不能仅仅局限于工作时间,自己生活的任何时间都可以去研究自己的兴趣,这绝对不是被迫的,而是自己主动去做的,因为我是一个有技术追求的人,不会满足于工作之中所涉及的一点知识。

    一个有技术追求的程序员与仅仅将程序员视为工作的程序员,可能在工作初期的3 5年内是看不出很大差别的,但是我相信在积累足够经验后,有技术追求的程序员会有爆炸式的能力提升,而打卡上班的程序员还仅仅局限于自己的每日8小时,作为附加值的薪水也会天壤之别。

    兴趣是最好的老师,程序除了是我的8小时工作,也会成为我的兴趣。干一行,爱一行,希望自己全身心投入到程序之中。


    其次,希望自己做一个有坚持 理想主义的程序员。

    最近一直在看罗永浩的视频,包括锤子手机发布会  一个理想主义者的创业故事等,抛开他对自己的包装 炒作等方面,老罗还是一个非常认真的人。这个社会就是缺少认真的人,认真的人最可怕,对于做技术的更是如此。

    做技术需要沉淀,这与现在社会的浮躁气息格格不入。看过一篇文章《成为IT精英,我奋斗了7年》(链接地址:http://bbs.51cto.com/thread-759760-1.html,但这不是这篇文章的出处,文章出处已经无处查询),被主人公所深深的折服。主人公从毕业一直不停的切换做自己喜欢但是缺乏的技术,不在乎薪水的高低,不在乎别人怎么看,一直努力坚持,最终成为了真正的大牛。

    主人公的奋斗非常值得敬佩,工作之后我们要面对比学校里更多的事情,社交关系,人情世故,薪水,房车等,如何坚持做到不受干扰,沉心于技术,这是非常困难的。

    金钱社会,大家都很浮躁,做事情第一考虑的是钱,程序员行业也被很多培训机构广告给污染了,很多程序员抱怨外面卖煎饼果子 手机贴膜的一个月都有1万多了,做程序员还这么累,比贴膜 煎饼果子多赚不了多少钱,有什么用。我是觉得这种想法是没把自己作为一个真正的程序员,而仅仅将程序员作为赚钱的工具而已。

    程序员是技术人员,技术人员需要的是静心 沉淀。先有理想,坚信薪水等附加值就会自己来的。

    但我也知道自己不可能像这篇文章主人公完全看淡薪水等外界干扰。

    我还是会在跳槽时考虑薪水,还是会一直时不时的想象自己以后在北京的房子,还是会偶尔逛逛汽车之家。我做不到完全的屏蔽外界干扰。

    但是工作2年来自己一直坚持写博客,坚持每天写工作笔记,做工作总结,自己心中还是期望做一个有坚持 理想主义的人。

    我希望自己不忘初衷,在技术方面要有自己的坚持,坚持写博客,坚持看书,坚持去思考技术问题,坚持做总结。能够在浮躁社会中做一个理想主义的程序员。


    最后,希望自己做一个系统级的程序员。

    “自带信息,不装系统,随时插拔,自由协作”,这是最近看《罗辑思维》罗振宇讲到的未来互联网社会中人才的定义。

    我觉得具备这样特点的人不拘泥于时代,在任何时期都是人才,对于程序员也是如此。

    自己是做嵌入式软件方面,刚毕业工作时,困惑自己应该专注于某个模块,还是每个模块都做过,对整个系统进行学习。

    后来从其他同事中慢慢发现,专注于某个模块的程序员在解决问题时有局限性,系统级的嵌入式软件工程师看待问题的角度就大不同了。

    所以我义无返顾的想去做系统级的嵌入式程序员。

    后来认识了一些大牛级的程序员,更加惊奇的发现,这些大牛是不局限于底层上层的,硬件 嵌入式软件 上层APP开发都可以做。完全的自带系统,即插即用。

    所以最近我激励自己在研究底层软件的同时学习硬件知识,有时间也学习上层编程语言,如JAVA QT等。

    为什么要成为系统级程序员,我思考原因有三。

    其一,我们要看清自身价值应该如何衡量,我们在衡量自身价值时不应局限于自己所在公司,而应该是在整个程序员市场。

    例如,对于模块化的程序员,他的价值不应该仅仅局限于公司的评价体系,因为对于公司,是希望每个岗位都是一颗螺丝钉。“螺丝钉程序员”对公司运作是非常好的,但是对于程序员本身发展是不利的,“螺丝钉程序员”在程序员市场的价值评价体系中的地位就非常低了。

    但是对于系统级程序员,自带系统,能够解决从底层到上层的所有问题,这不是螺丝钉,而是整套设备哦,这不管是在公司的价值评价体系,还是程序员市场的价值评价体系,都是真正的人才。

    其二,成为系统级的程序员,对于自己在以后创业也是非常有利的,自己可以站在系统的角度去衡量问题。

    其三,90年代第一批程序员中很多都是系统级的程序员,如雷军,求伯君,周鸿祎等。在当前的技术公司中,系统级程序员也绝对是公司的骨干成员。而对于未来,在看克里斯 安德森的《创客》一书中讲到,未来3D打印引发第三次工业革命,个人的价值会进一步的被放大,系统级程序员会发挥更大的作用。

    我希望自己能够成为一个系统级程序员。不局限于开发语言,不局限于软件硬件,我想这才是程序员的最高技术境界吧。


    这就是这段时间我对于要成为什么样程序员的思考,这也是我想对自己所说的话,了以自勉,希望自己更加努力!


    最后附上一首短诗激励自己和大家:

    笑天苍 

    少年狂

    几度笑与泪

    雄姿莫彷徨

    悲欢哀愁一夜吹

    天地男儿走四方

    展开全文
  • 做一个拥有自己站点java程序员

    千次阅读 2018-09-18 17:21:27
    有个事情和大家分享下,有个自己做了三年java开发人问我,说想建一个博客类型网站,主要发表个人文章,然后用户可以留言,大概就是这么个简单东西,应该怎么去。我耐心和他解释道,应该按照什么步骤...

    有个事情和大家分享下,有个自己做了三年java开发的人问我,说想建一个博客类型的网站,主要发表个人的文章,然后用户可以留言,大概就是这么个简单的东西,应该怎么去做。我耐心的和他解释道,应该按照什么样的步骤去做,我解释完后满以为他已经完全懂了,毕竟就这么点东西,很多不是搞技术开发的人,像前十年前的很多站长都是拿本书自学和不断的在百度,很多建的站都是风生水起,我觉得程序员是自带建站光环的,所以解释完毕后以为就功德圆满了。过了一段时间,这个人又找到我,并发给我了一个ip地址,说个人站建好了,叫我看看并指点一二,我当时一看是个ip地址,我当时连点击去的欲望都没有,但是既然人家虚心请教,我也得进去看看怎么回事,我进去一看,网站外观挺漂亮,但是站点内容非常庞大,简直就是一个分类信息门户网站,仔细一看,原来是用wordpress一键部署搭建的网站,我当时就毫不客气的指出存在以下三个问题。1.你是学java开发的,wordpress用的是php语言,也就是说这个网站从技术角度来说你基本学不到和提高不了java相关的技术,而且对这个网站自己想改点自己的想法东西都很难。2.网站太大,你根本没能力去运营起来,几乎没人会来看你的网站。3.做为java程序员建站更多的目的应该是通过建站将自己所学的东西运用起来,然后在建立的过程中会碰到一些技术问题,去逐渐解决,最后做一个能满足自己需求的博客类型网站。我当时指出这些问题,他表示不太认同,他说他差一个域名,然后他买域名去了,买了个香港区域服务器(不需要备案),又是用wordpress一键部署搭建网站,最后每天晚上搞的很晚不断的从别的网站复制内容过来发布上去,搞了二周,有域名,有内容,像模像样了,结果他觉得做这个网站没什么意思了,因为他不知道干些什么了,最后他再次找到我,说建这种网站已经违背了他当初的初衷了,然后也聊了很久让我出一个java程序员的建站指南分享给大家。我觉得建一个站点需要以下这些步骤。

     

    一 软件环境

    1.去网上搜索一个自己喜欢的风格的博客类型的网站模板,一般下载下来都是html格式,如果自己有前端和设计能力,自己设计是最好的,可以将自己的想法都发挥出来,将做好的html页面放到自己的项目工程变成jsp即可,如果实在找不到博客类型模板,也可以找我要,我自己存了一些模板可以参考。

    2.工作2,3年左右的java程序员,大多都爱谈论一些主流框架是什么,很多在企业里面开发的项目大多都是管理系统之类,用到常见的技术框架如springmvc+mybatis,建议选自己所熟悉的框架去搭建网站,切勿用什么springcloud和dubbo之类的去搭网站,因为前期花太多的时间在技术某个点上会大大打击建站的热情和信心,你可以在网站搭建后有点流量了或者自己想优化网站这个时候可以穿插更多的java技术点进去,是更好的了。

    3.web服务器建议先用tomcat就行,虽然tomcat本身对页面访问能力性能并不是最好的,但是前期对于一个刚搭建自己网站的新手来说是够用了。

    4.数据库还是主流mysql即可。

     

    二 硬件环境

    1.服务器。你要学会用linux,不要问什么,做为一个java程序员连最基本的linux服务器远程连接,上传jdk,tomcat安装包,安装jdk,tomcat,配置防火墙,启动和关闭tomcat这些基本命令都不会都hold不住的话,那你真的不需要搞java了,你可以说我以前公司没机会接触这些啊,既然这样的话,你就从现在开始接触并要熟悉这些,因为这是java程序员最基本的素质了,其实真的不难,无非就是一些命令而已,操作两遍都会了。Liunx服务器我建议去阿里云上购买即可,阿里云的服务器目前在全国来讲还是NO1的,口碑在那里就不多说,前期做一个网站只是试试水的话,推荐买个1核2G1M的即可(等网站有了流量再升级),系统选择CentOS 6.8 64位即可。

    2.数据库。如果买以上1核2G1M的linux服务器配置的话,我建议不要再在上面安装个mysql了,因为性能会非常差,如果确实要安装,就要将tomcat和mysql内存调到非常小,建议去阿里云买个云数据库RDS MySQL,就买个1核1G的前期够用了。

    3.域名。域名很便宜,但是备案是需要二周左右时间,并且你的服务器在哪里买的,你的域名就必须在哪个服务商那里备案,除非你用香港或国外服务器就不需要备案。所以买域名一定跟着服务器走,比如你在阿里云买的服务器,就最好在它上面买域名,你要是在腾讯云或者其它厂商买的域名就算备案了,你现在用的是阿里云服务器,你还得再备案一次。

     

    关于linux服务器安装jdk,tomcat,mysql相关文档可以在51jdk博客查看,里面有详情步骤,实在还是搞不定的话,可以问我,我会解答相关疑惑。做任何事情都是需要耐心和恒心的,当迈出这一步坚持下去,你就会发现其实服务器操作和发包就这么回事。这里多说一句,阿里云对于新用户来说,送1000元服务器代金劵,可以领取后去下单减免一些金额,

    领取地址:

    https://promotion.aliyun.com/ntms/yunparter/invite.html?userCode=5gg22qjx

    当你把以上的所有东西按照步骤都做完并成功搭建起网站,虽然过程很辛苦,但你会发觉你真的学到了很多东西,自己的工程发布到linux服务器,从前端到后台到服务器和数据库,全部是由自己开发和操作的,你趟过很多坑,但都一个个解决了,除了磨练技术,你还获得了很大的成就感,当你的网站有点点流量的时候,你发现问题又来了,经常有人反馈说你的网页打开很慢很慢,甚至网页都打不开了,这个时候你又要去优化网站了。

     

    三 优化网站

    1.网页静态化。为了提高网页的访问速度,也许你前面已经在做了一些性能优化,但只是后端的访问速度优化,比如你把网页内容全部放缓存,也就是说所有的读都是从缓存里面读,除了写直接操作数据库,仅仅这样还是不够的,前面说过,tomcat本身对页面访问能力性能并不是最好的,这个时候可以用到nginx高性能Web服务器,也就是说用户访问网站直接走nginx,不需要走tomcat,这个时候的tomcat的作用只是纯后台管理,发布文章和留言等。做网站比较好的优化方案就是页面全部静态化,如果做不到全部,至少首页和前面几个页面一定要做静态化。也有人问我,页面静态化复不复杂,这么说吧,博客网站一般页面并不多,就那么4,5个页面,你需要在后台管理系统里面做个功能,点一键发布,然后将所有的页面全部生成html里面放到nginx目录下即可。有人又问,我发布的文章有上百篇,其实就是按照一个模板生成,去数据库里面读取数据,按照分页生成html即可。

    2.评论功能。静态网站放评论功能,要么自己去开发,要么用一些第三方评论插件。先说说目前第三方评论插件,个人推荐二款可以试试,畅言和多说。具体细节不展开,用评论插件的好处是功能比较强大,但是数据在别人那里,作为程序员来说,其实自己开发一个简单的评论功能也不是特别难,无非就是往数据库提交数据而已,当然功能不需要特别强大,比如不需要注册评论,评论也不需要多级留言等。

     

    当你把网站优化做完后,你会发现网站性能的确比之前提高了很多,而且学会了使用nginx,和反向代理这些知识点并实际去操作,如果你觉得现在就没东西可搞了,那你错了,一切才刚刚开始,你会发现你的网站偶尔会有些漏洞,比如xss跨站攻击,流量攻击,甚至挂马或挂黑链等等,不过没关系只要你发现了,你肯定能去解决,你需要通过不断的去解决问题来提高自己的各种技术知识点,最后就是你可以在自己的网站上做很多东西你想做的功能,因为地盘是你的,一切你说了算。

    展开全文
  • 从零开始做远控 簡介篇 做一个属于你自己的远控

    万次阅读 多人点赞 2016-12-17 17:48:03
    做一个属于你自己的远控:先对大家说句抱歉,上次答应带大家一起做远控但因为我个人原因让课程中途断了,这次我答应大家一定要把这教程完成。你在看着课程之前你必须掌握c/c++,qt,win32 api。不用精通,懂就可以...

    做一个属于你自己的远控:

    先对大家说句抱歉,上次答应带大家一起做远控但因为我的个人原因让课程中途断了,这次我答应大家一定要把这教程完成。你在看着课程之前你必须掌握c/c++,qt,win32 api。不用精通,懂就可以了。


    先向你们简单讲解下什么叫远程控制,就是在别人不知情的情况下控制别人的电脑,也就是间谍软件木马。远程控制里有服务端和客户端,客户端是你偷偷放到被控制人的电脑的间谍程序,他负责接收服务端发送的命令来窃取数据;而服务端就是用来控制你的间谍程序。


    我们在这教程中主要实现4个大功能:屏幕监控,键盘监控,文件盗取,命令行控制器。


    因为从零开始的原因,我们将项目命名为Zero。


    github完整源代碼:

    https://github.com/joliph/ZeroNet


    开发准备:

    开发工具:Qt 5 MinGW 下載 (必須要MinGW版)

    服务端:Qt库,c++

    客户端:Win32 API, c++ (客户端是用Win32 API开发,可以容易的从Qt开发工具移植到VC)


    暂定教程:

    第一篇:搭建Zero服务端的界面

    第二篇:Zero服务端与客户端通讯网络

    第三篇:Zero客户端连向服务端的网络

    第四篇:服务端对客户端的基本控制(发消息框,强制退出程序,强制重启)

    第五篇:客户端的屏幕监控 窃取器

    第六篇:服务端的屏幕监控 接收器

    第七篇:客户端的键盘监控 窃取器

    第八篇:服务端的键盘监控 接收器

    第九篇:文件监控之查找/删除/下载/上传 客户端篇

    第十篇:文件监控之查找/删除/下载/上传 服务端篇

    第十一篇:客户端命令行 接收器

    第十二篇:服务端命令行 控制器

    第十三篇:总结 发布完整源码 和 发布版程序



    请多多关注,谢谢。

    展开全文
  • 这使我萌生一个念头:做一个局域网聊天工具。局域网聊天工具要实现功能可以很多,首先需要分析是它核心需求是什么?分析一个软件核心需求,要看人们用这个软件最经常操作是什么。我观察了一下,我们用...
  • 我想自己做一块armA8开发板做毕业设计,不知有什么方案??位大神, 你们是多么吊炸天,3.x内核跑安卓怎么样?还是俺直接拆手机算了。。自己rom 可是这样又不好挂外设 手机器件小跟草履虫...
  • 他翻了一下官方论坛,里面有一些教程,但没有什么具体游戏,他从示例工程里看到了一个根据Flappy Bird改编游戏,说是改编,其实就是把鸟换成了羊,他决定就在这个游戏基础上做一个自己的游戏。当然还要考虑一...
  • 此系列文章我们开始聊一些软件开发人员如何开始动手写一些自己项目(Side Project)思路与方法,以及过程中可能需要准备知识,并分享一些相关资源给大家。 1. 什么是 Side Project Side Project 对应中文是...
  • 有一段时间没有上来折腾这个专题了,一来项目的确紧张,二来自己一惯是很懒。今天想与大家分享是一个QuickAction东西,模样其实就是通讯录中点击头像后弹出...所以今天我们要做事情就是做一个自己的QuickActio
  • 选择一个职业也许有许多理由,那你为什么选择一个程序员呢? 作为一个标准80后老猿,我来说一下自己的亲身体会,也给想入门小白一个心理评估。 本人开发15余年,随没有太大建树,但也有自己的些许经验,...
  • 昨天有粉丝后台跟我留言真受不了了,疫情闭门不出这些天,家里各种家务都是自己一个人干,刚开始心疼老公也没说什么,可是后来他真就啥也不管了,每天除了吃吃饭睡觉就是打游戏,家里什么都不管,有时候买菜...
  • 当你想RSS订阅一些自己感兴趣博客,却又苦于免费RSS阅读器广告很多时,可以自己借助Telegram机器人搭建一个RSS订阅机器人。本文老王介绍下如何搭建一个Telegram RSS订阅机器人,以及如何把RSS订阅机器人拖到...
  • 什么你需要一个自己的公司

    千次阅读 2012-07-13 21:31:24
    我去了一个不能再远地方——日本南部顶端火山上泡温泉。(视频.) 我静静坐着。蒸。泡。我在海声音里入眠。 不可能再悠闲了。我脑子里一片空白。 十年来头一次,我不需要去任何事情。没有责任。没有计划...
  • 判断一个网站是由哪种语言开发方法,那么当需要知道一个网站是用的什么开源程序搭建时,我们该怎么查看和识别呢?在这之前,我们首先应该确保自己了解有哪些常见网站程序可直接拿来用?,有了一定知识储备才能谈得上...
  • 做一个不乖孩子

    千次阅读 热门讨论 2014-06-12 08:05:33
    收到一封来信,来信者是大学排行榜上位列全国前10高校...而现实中,的确有为数不少父母,以爱名义将孩子囚禁,而在某个时候,主动地,或者被动地,突然间就将一个异常复杂世界交给孩子孤独地面对。所以我希望所
  • 很多求职者在面试时候都会给面试官问到:你觉得自己做过最失败的一件事情是什么?你知道面试官问你这问题主要目的是什么吗?你要怎么回答才能出色表现自己呢?今天珠海人才网给你分享关于面试中回答自己最...
  • 什么说程序员外包没前途?

    万次阅读 多人点赞 2020-02-03 22:57:29
    之前过不到3外包,2020天就被释放了,2019年还剩1天,我从外包公司离职了。我就谈谈我个人看法吧。首先我们定义一下什么是有前途 稳定工作环境 不错收入 能够在项目中不断提升自己...
  • 技术波澜壮阔总是让我浏览往返,深陷其中 无法自拔. 我就佩服我这个钻研精神,涉及到前端东西,什么东西我都能给你扯上一段....没有创造出A语言,碾压C语言,没有第一个创造计算机......啊,不知不觉扯远了. 我...
  • 什么导致我们需要提供一个自定义消息框?2.说说我大致思路3.你亮点在哪里?4.难道就是这些吗?下载本文讲述项目源码包是什么导致我们需要提供一个自定义消息框?最初产生这样一个需求是源于项目经理...
  • 其实很简单,只是我们没有认真读过腾讯协议,腾讯是提供了接口,今天我们就简单的做一个!效果预览:我最近写东西都不想做什么美化了,你们感兴趣可以自己美化一下,我第一没精力,第二是我审美观是有...
  • 找到自己喜欢什么做什么(

    千次阅读 2012-09-07 11:59:06
    一个在国内高考落榜男孩,却被美国排名第一哈佛大学录取;北京一个高考理科状元,申请了美国11所名校,竟被全部拒录。   “中国人民破解了美国教育体系”,有人在网上发了这样一个帖子,并转发了去年5月29...
  • 自己动手写一个简单bootloader

    千次阅读 2016-08-24 15:28:20
    自己动手写一个简单bootloader 15年10月31日19:44:27 (一) start.S 写这一段代码前,先要清楚bootloader开始时候都做什么了。无非就是硬件初始化,我们想要写一个简单bootloader,它功能只是要能...
  • 1.首先确认自己想要做APP一个方向根据自己的需求确定APP类型 (其实主要...我们做移动端往往都是后台直接给接口 我们来进行数据调试与展示 那我们自己做一个APP时候该怎么去创建数据呢?1.使用网络云服务器 比...
  • 一个普通专科生,拿什么拯救你未来?(精简版)

    万次阅读 多人点赞 2021-03-09 17:05:00
    一个普通专科生,拿什么拯救你未来?(精简版) 总有人要赢,为什么不能是我!————— 科比-布莱恩特 原文地址:www.dushunchang.top 此文为小Du博客原创出品 转载,复制请注明原文出处 近来看到一则知乎头条,...
  • 做一个网站需要投入大量时间、金钱和精力,只投入,不产出,是有很大问题,早晚会放弃。 本站目的:自媒体,分享思想,分享技术。提高个人(FansLei)和团体(FansUnion成员)知名度,帮助朋友、校友、网友、水友等...
  • 首先,你一定要购买一个自己的域名,常用大都是.com、.cn后缀,但是这类网站价格会稍微贵一些。如果是作为个人展示网站,域名可以考虑个性一点,比如:.me、.top等等。这样个性域名价格第
  • 一个自己的shell

    千次阅读 2018-09-04 15:47:25
    shell就像是在linux中的一个媒婆,我们给shell命令,shell来告诉系统我们需要做什么,为我们牵线,实现调用操作系统提供给我们接口,shell提供了你与操作系统之间通讯方式。 shell是操作系统最外面一层。...
  • 做的一个时间管理小程序

    千次阅读 2018-04-08 20:41:29
    最近一个小程序,主要功能是帮助用户进行时间管理。例如,可以记录每天工作情况,哪个时间段什么事情。类似一个日志系统。我自己使用了一段时间,发现确实有些作用,促使我关注自己每天都把时间花在什么...
  • java画图板之一——做一个简单画直线界面

    万次阅读 多人点赞 2018-07-16 21:54:32
    一个什么都没有eclipse上,如何做出自己特色画图板呢 首先我们需要一个界面 首先我们要明白,这是一个窗口,所以我们在需要先构造这个窗口,在java中称为窗体 JFrame MyFrame=new JFrame(); 但是我们...
  • 这两天,我创业项目Life加加发布了2.0版。 ...虽然面向用户群没有改变,还是...我感觉自己不是。当然,我也不是中医黑。 一直以来,虽然是医学院毕业,但毕业后就从事互联网工作。和医疗行业没有任

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 82,623
精华内容 33,049
关键字:

做一个什么的自己