관리 메뉴

moozi

3/19 오전 수업 사용 소스 본문

TIS_2016/주말반_1기

3/19 오전 수업 사용 소스

moozi 2016. 3. 19. 10:20

<!doctype html>
<html>
    <head>
        <title>
            TIS정보기술교육센터
        </title>
        <style type="text/css">
            *{
                padding:0px;
                margin:0px;
            }
            #top{
              background: url(img/top.jpg) no-repeat;
              height:10px;
            }
           
            #header{
                background: url(img/header.jpg) no-repeat;
                height:100px;
                margin:0px;
            }
            #nav{
                background: url(img/menu.jpg) no-repeat;
                height:30px;
                margin:0px;
            }
            #nav ul{
                list-style-type: none; /* 기호 없애기 */
            }
           
            #nav ul li{
                float:left; /* 항목을 가로로 */
                padding-right:10px;
                padding-left:15px;
                color:white;
            }
           
            #article{
               background: url(img/content.jpg) repeat;
               height: 800px;
               width: 800px;              
            }
           
            #section{
                width: 600px;
                padding-left: 20px;
                float:left;
            }
           
            #aside{
                float:left;
                font-size: 12px;
                padding-left:20px;
                padding-top:20px;
                margin: 0px;
            }
           
            #bottom{
              background: url(img/bottom.jpg) no-repeat;
              height:20px;
            }
           
            .ul_style{
                padding-left:10px;               
            }
           
            h1{
                padding-left: 20px;
                color:white;
            }
           
            h2{
                padding-top: 20px;
                padding-bottom: 10px;
                color:#4C320D;
               
            }
           
            #footer{
                text-align: center;
                width:800px;
                color:white;
            }
           
            body{
                background-color: #4C320D;
            }
           
            .wrap{
                width:800px;
                margin:auto; /* 가운데 정렬 */
            }
           
            a:link{ color:white; text-decoration: none; }
            a:visited{ color:white; }
            a:hover{ color:aqua; }
            a:active{ color:blue;}
                  
        </style>
       
       
       
       
       
    </head>
    <body class="wrap">
        <div id="top"></div>
        <div id="header">
            <h1>TIS정보기술교육센터</h1>
        </div>
        <div id="nav">
            <ul>
                <li><a href="#">교육센터소개</a></li>
                <li><a href="#">교육센터연혁</a></li>
                <li><a href="#">교육센터비전</a></li>
            </ul>
        </div>
        <div id="article">
            <div id="section">
                <h2>최신IT기술의 실무중심의 국비교육</h2>
                <p>
                    최신IT기술 트렌드를 접목한 실무중심의 교육을
                    서비스하고 있습니다.
                   
                    자바개발자 양성을 위한 자바개발자과정, 웹퍼블리셔/프론트엔드 개발자를 위한 웹표준/프론트엔드 개발자 과정을 운영하고 있습니다.
                </p>
                <div>
                    <img src="img/title.png" style="padding-top:10px" width="100%">
                </div>
                <h2>실력과 인성을 갖춘 우수한 인력지원 서비스</h2>
                <p>
                    신입사원부터 경력사원까지 우수한 인성과 실력을 가진 인재를 양성하여 기업이 필요로 하는 전문인력을 공급하고 있습니다.
                </p>
               
           
            </div>
            <div id="aside">
                <h3>공지사항</h3>
                <ul class="ul_style">
                    <li>웹퍼블리셔반 개강</li>
                    <li>자바반 모집중</li>
                    <li>네트워크반 개강예정</li>
                </ul>
                <h3 style="padding-top:15px;">개설과정</h3>
                <ul class="ul_style">
                    <li>웹퍼블리셔과정</li>
                    <li>자바전문가과정</li>
                    <li>네트워크과정</li>
                </ul>
            </div>
        </div>
        <div id="bottom"></div>
        <div id="footer">
            Copyright &copy; All rights reserved by TIS정보기술교육센터.
        </div>        
        
    </body>
</html>

'TIS_2016 > 주말반_1기' 카테고리의 다른 글

movie작업예제  (0) 2016.04.02
gallery 예제  (0) 2016.03.26
미디어쿼리 예제  (0) 2016.03.26
animation 파일  (0) 2016.03.26
3/19 오전 수업 사용 소스  (0) 2016.03.19
3/12 오전까지 수업시간 작성 코드  (0) 2016.03.12
0 Comments
댓글쓰기 폼