软件工程第一次做业——制做我的简历

时间  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教程