軟件工程第一次做業——製做我的簡歷

時間  2019-11-19
標籤 軟件 工程 第一次 製做 我的 簡歷 简体版
原文   原文鏈接

我的簡歷網址：http://39.108.159.141css

 

源碼連接（碼雲）：https://gitee.com/linglong123/RuanJianGongChengDiYiCiZuoYe-ZhiZuoGeRenJianLihtml

源碼連接（百度雲盤）：連接：https://pan.baidu.com/s/1cXiyDZUmYYQyQ3kX33KUkA 提取碼：lru1 git

 

效果截圖：web

 

 

 

 源文件：框架

其中images中存放本次做業所用的圖片，music中存放本次做業所用的背景音樂。index.html包含我的簡歷網站框架，index.css文件包含我的簡歷網站的大部分樣式。oop

 

源碼：網站

 1、index.html源碼url

<!DOCTYPE html>
<html>
<head>
    <title>我的簡歷</title>
    <meta charset="utf-8" />
    <style type="text/css">
        @import url("index.css");

        .body{
            padding: 0px;
            /*background-color:  rgb(222,222,222);*/
        }

        .welcome_image img{
                position:absolute;
                height: auto;
                overflow:hidden;
                width: 200px;
                height: 200px;
                left: 45%; top: 35%;   
                transform: translate(-50%, -50%);
        }
        .name_chinese{
            position:absolute;
            height: auto;
            overflow:hidden;
            left: 45%; top: 70%;   
            transform: translate(-50%, -50%);
        }

        .name_english{
            position:absolute;
            height: auto;
            overflow:hidden;
            left: 45%; top: 83%;   
            transform: translate(-50%, -50%);
        }
    </style>
</head>
<body style="margin:0 ;">
    <div id="top_right">
        <div class="welcome_image">
            <img src="images/1.jpg" alt = "loss image">
        </div>

        <font size='7' class="name_chinese">凌龍</font>
        <br />
        <font size='5' class="name_english">Zero</font>
    </div>

    <embed src="music/1.mp3" autostart="true" loop="true" hidden="true"></embed>


    <div id="top_left">
        <table border="0" class = "front_table">
            <tr>
                <td colspan="6"><font class="front_big">我的信息</font></td>
            </tr>
            <tr>
                <td><font class="front_mid">性別：</font></td>
                <td><font class="front_small">男</font></td>
                <td><font class="front_mid">實習經驗：</font></td>
                <td><font class="front_small">6個月</font></td>
                <td><font class="front_mid">郵箱：</font></td>
                <td><font class="front_small">906875341@qq.com</font></td>
            </tr>

            <tr>
                <td><font class="front_mid">年齡：</font></td>
                <td><font class="front_small">18歲</font></td>
                <td><font class="front_mid">手機號：</font></td>
                <td><font class="front_small">1715501</font></td>
                <td><font class="front_mid">現住城市：</font></td>
                <td><font class="front_small">西寧</font></td>
            </tr>

            <tr>
                <td colspan="6" class="front_big"><font>求職意向</font></td>
            </tr>


            <tr>
                <td class="front_mid">從事職業：</td>
                <td class="front_small">搬磚</td>
                <td class="front_mid">指望月薪：</td>
                <td class="front_small">10000W</td>
                <td></td>
                <td></td>
            </tr>

            <tr>
                <td colspan="6" class="front_big"><font>教育背景</font></td>
            </tr>

            <tr>
                <td class="front_mid">學校：</td>
                <td class="front_small">青海大學</td>
                <td class="front_mid">就讀時間：</td>
                <td class="front_small">2017-2021</td>
                <td class="front_mid">所學專業：</td>
                <td class="front_small">計算機</td>
            </tr>

           
        </table>
    </div>
    
    <div id="main">
    <div class="main_contest">
        <div class="main_contest_top_left">
            <font class="front_big">證 書</font><br />
            <font class="front_small">證書1</font><br />
            <font class="front_small">證書2</font><br />
            <font class="front_small">證書3</font><br />
            <font class="front_small">證書4</font>
        </div>

        <div class="main_contest_top_right">
            <font class="front_big">個 人 簡 介</font><br />
            <font class="front_small">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;噫籲嚱，危乎高哉！蜀道之難，難於上青天！蠶叢及魚鳧，開國何茫然！爾來四萬八千歲，不與秦塞通人煙。西當太白有鳥道，能夠橫絕峨眉巔。地崩山摧壯士死，而後天梯石棧相鉤連。上有六龍回日之高標，下有衝波逆折之回川。黃鶴之飛尚不得過，猿猱欲度愁攀援。青泥何盤盤，百步九折縈巖巒。捫參歷井仰脅息，以手撫膺坐長嘆。
            <br />
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;問君西遊什麼時候還？畏途巉巖不可攀。但見悲鳥號古木，雄飛雌從繞林間。又聞子規啼夜月，愁空山。蜀道之難，難於上青天，令人聽此凋朱顏！連峯去天不盈尺，枯鬆倒掛倚絕壁。飛湍瀑流爭喧豗，砯崖轉石萬壑雷。其險也如此，嗟爾遠道之人胡爲乎來哉！
            <br />
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;劍閣崢嶸而崔嵬，一夫當關，萬夫莫開。所守或匪親，化爲狼與豺。朝避猛虎，夕避長蛇；磨牙吮血，殺人如麻。錦城雖雲樂，不如早還家。蜀道之難，難於上青天，側身西望長諮嗟！</font>
        </div>
        <div class="main_contest_buttom">
            <hr style="height:5px;border:none;border-top:5px ridge green;" />
            <table border="0" class = "front_table"   cellspacing="30">
                <tr>
                    <td colspan="6"><font class="front_big">實習經歷</font></td>
                </tr>
                <tr>
                    <td style="width: 10%;"><font class="front_mid">公司名稱：</font></td>
                    <td style="width: 15%;"><font class="front_small">家</font></td>
                    <td style="width: 10%;"><font class="front_mid">職位名稱：</font></td>
                    <td style="width: 15%;"><font class="front_small">賣炭翁</font></td>
                    <td style="width: 10%;"><font class="front_mid">在職時間：</font></td>
                    <td style="width: 20%;"><font class="front_small">無</font></td>
                </tr>

                <tr>
                    <td VALIGN=TOP><font class="front_mid" style="">工做描述：</font></td>
                    <td colspan="5"><font class="front_small">賣炭翁，伐薪燒炭南山中。滿面塵灰煙火色，兩鬢蒼蒼十指黑。
                    <br /><br />
                    賣炭得錢何所營？身上衣裳口中食。可憐身上衣正單，心憂炭賤願天寒。
                    <br /><br />
                    夜來城外一尺雪，曉駕炭車輾冰轍。牛困人飢日已高，市南門外泥中歇。
                    <br /><br />
                    翩翩兩騎來是誰？黃衣使者白衫兒。手把文書口稱敕，回車叱牛牽向北。
                    <br /><br />
                    一車炭，千餘斤，宮使驅將惜不得。半匹紅綃一丈綾，系向牛頭充炭直。</font></td>
                </tr>
            </table>
        </div>

        <div>
            <hr style="height:5px;border:none;border-top:5px ridge green;" />
            <table border="0" class = "front_table"   cellspacing="30">
                <tr>
                    <td colspan="6"><font class="front_big">校園經歷</font></td>
                </tr>
                <tr>
                    <td style="width: 10%;"><font class="front_mid">校園職務：</font></td>
                    <td style="width: 15%;"><font class="front_small">學生</font></td>
                    <td style="width: 10%;"><font class="front_mid">在職時間：</font></td>
                    <td style="width: 15%;"><font class="front_small">2017-2021</font></td>
                    <td style="width: 10%;"></td>
                    <td style="width: 20%;"></td>
                </tr>

                <tr>
                    <td VALIGN=TOP><font class="front_mid" style="">職務描述：</font></td>
                    <td colspan="5"><font class="front_small">舊書不厭百回讀，熟讀深思子自知。他年名宦恐難免，今日棲遲那可追。
                    <br /><br />
                    我昔家居斷還往，著書不復窺園葵。朅來東遊慕人爵，棄去舊學従兒嬉。
                    <br /><br />
                    狂謀謬算百不遂，唯有霜鬢來如期。故山松柏皆手種，行且拱矣歸什麼時候。
                    <br /><br />
                    萬事早知皆有命，十年浪走寧非癡。與君未可較得失，臨別唯有長嗟諮。
                    </font></td>
                </tr>
            </table>
        </div>
    </div>
    <br>
    <br>
    <br>

    </div>
</body>
</html>

 

 

 2、index.css源碼spa

#top_right{
    position:relative;
    width:22%;
    height:400px;
    background-color:  rgb(222,222,222);
}

#top_left{
    position:absolute;
    left: 22%;
      top: 0px;
    width:78%;
    height:400px;
    background-color:  rgb(224,236,242);
}


#main{
    position:absolute;
    left:0px;
    top: 400px;
    width:100%;
    /*background-color:  rgb(222,222,222);*/
    background: #ee9ca7;
     background: -webkit-linear-gradient(top left,  #90EE90 0%, #87CEFA 100%);
     background: linear-gradient(to bottom right,  #90EE90 0%, #87CEFA 100%);
 }

 .main_contest{
     margin-top: 1.5%;
    margin-left: 20px;
    margin-right: 20px;
    height: 90%;
    background-color: rgb(255,255,255);
 }

 .main_contest_top_left{
     /*position:relative;*/
     width: 30%;
     height: 40%;
     padding-top: 50px;
     padding-left: 60px;
     /*background-color: rgb(222,222,222);*/
     
 }

 .main_contest_top_right{
     position:absolute;
     left:35%;
    top: 3%;
    width: 55%;
     height: 40%;
     padding-top: 30px;
    /*background-color: rgb(100,100,100);*/
 }

.main_contest_buttom{
    margin-top: 230px; 
    width: 100%;
    /*background-color: rgb(200,200,200);*/
}



.front_table{
    margin-top: 30px;
    margin-left: 50px;
    width:95%;
    height:350px;
}


.front_big{
    padding-top: 15px;
    padding-bottom: 10px;
    font-size:25px;
    font-weight:bold;
}

.front_mid{
    font-size:20px;
    font-weight:bold;
}

.front_small{
    font-size:20px;
}
相關文章
相關標籤/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公眾號
   歡迎關注本站公眾號,獲取更多信息
聯繫我們 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程