Scribd Logo
Upload

Welcome to Scribd!

  • 277 views

    SCRIPT PEMBUATAN Desain Web Css Dan html5

    Uploaded by

    danang aryo
    The document provides code for creating a website design using CSS and HTML5. The CSS code defines styles for elements like the body, header, navigation menu, articles, and footer. It sets properties like colors, borders, positioning, and background images. The HTML code then implements these styles to structure the webpage, including a header, nav menu, article, aside, and footer sections. The page layout displays articles and catalog information side by side when viewed.

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as DOCX, PDF, TXT or read online from Scribd

    SCRIPT PEMBUATAN Desain Web Css Dan html5

    Uploaded by

    danang aryo
    277 views6 pages
    The document provides code for creating a website design using CSS and HTML5. The CSS code defines styles for elements like the body, header, navigation menu, articles, and footer. It sets properties like colors, borders, positioning, and background images. The HTML code then implements these styles to structure the webpage, including a header, nav menu, article, aside, and footer sections. The page layout displays articles and catalog information side by side when viewed.

    Original Title

    desain html 5

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    The document provides code for creating a website design using CSS and HTML5. The CSS code defines styles for elements like the body, header, navigation menu, articles, and footer. It sets properties like colors, borders, positioning, and background images. The HTML code then implements these styles to structure the webpage, including a header, nav menu, article, aside, and footer sections. The page layout displays articles and catalog information side by side when viewed.

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as DOCX, PDF, TXT or read online from Scribd
    Download as docx, pdf, or txt
    277 views6 pages

    SCRIPT PEMBUATAN Desain Web Css Dan html5

    Uploaded by

    danang aryo
    The document provides code for creating a website design using CSS and HTML5. The CSS code defines styles for elements like the body, header, navigation menu, articles, and footer. It sets properties like colors, borders, positioning, and background images. The HTML code then implements these styles to structure the webpage, including a header, nav menu, article, aside, and footer sections. The page layout displays articles and catalog information side by side when viewed.

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as DOCX, PDF, TXT or read online from Scribd
    Download as docx, pdf, or txt
    of 6

    SCRIPT PEMBUATAN desain web css dan html5

    GUMELAR DANANG A.W


    209533421965
    (OFF C 2009)

    UNIVERSITAS NEGERI MALANG


    FAKULTAS TEKNIK
    JURUSAN TEKNIK ELEKTRO
    PROGRAM STUDI S1 PTI 2009
    Februaru, 2011

    Kode cssnya :
    body{
    margin: 10px auto;
    height : auto;
    width: 900px;
    border: 3px solid Blue;
    }

    header, nav, selection , footer {


    display : block;
    }

    icon {
    float : left;
    margin-left : 40px;
    margin-top : 15px;
    height : 50px;
    width : 70px;
    border : 1px solid yellow;

    namalogo {
    float : left;
    margin-left : 100px;
    margin-top : 30px;
    width:250px
    border : 1px solid yellow;}

    header {
    height : 100px;
    border : 0;
    background-image : url(head.GIF);}

    nav {
    padding : 10px;
    height: 60px;
    border: 0;
    background-image : url(bgkcil.GIF);}

    selection{
    height: 450px;
    width: 900px;
    border: 0;
    background-image : url(bgtengah.GIF);
    }

    menu1, menu2 {
    background-color : pink;
    margin-top : 20px;
    border-bottom-right-radius: 5px;
    padding : 2px;
    -moz-border-radius-topleft: 5px ;
    -moz-border-radius-bottomright: 5px ;
    -webkit-border-radius-topleft: 5px ;
    -webkit-border-radius-bottomright: 5px ;
    border: 2px solid green;
    }
    menu1 {
    margin-left : 100px;
    }
    menu2{
    margin-left : 10px;}

    article{
    float : left;
    margin : 20px;
    height: 400px;
    width: 250px;
    border: 4px solid green;
    }

    aside{
    margin : 20px;
    margin-left : 300px;
    height: 400px;
    width: 560px;
    border: 0;
    }
    isi1,isi2 {
    -moz-border-radius-topleft: 20px ;
    -moz-border-radius-bottomright: 20px ;
    -webkit-border-radius-topleft: 20px ;
    -webkit-border-radius-bottomright: 25px ;
    -webkit-box-shadow: 10px 10px 5px #888;
    -moz-box-shadow: 10px 10px 5px #888;
    border: 2px solid green;
    }
    isi1{
    margin-top : 14px;
    padding : 10px;
    float : left;
    height: 220px;
    width: 560px;
    background-image : url(bgkuning.GIF);}

    isi2{
    float : left;
    margin-top : 20px;
    height: 150px;
    width: 560px;
    background-image : url(bg.GIF);}
    footer{
    margin-top : 20px;
    height : 20px;
    border: 0;
    background-color : aqua;}

    kode htmlnya :

    <!DOCTYPE HTML PUBLIC

    "-//W3C//DTD HTML 4.01 Transitional//EN"


    "http://www.w3.org/TR/html4/loose.dtd">

    <head>

    <title>layout css dan html5</title>


    <link rel="stylesheet" href="lyrumah.css" type="text/css" />
    </head>

    <body>
    <header>
    <icon><img src = "icon.gif" width = "90" height ="70"></icon>
    <namalogo><I><font face = "TIMES NEW ROMAN" size="8">TEKNIK ELEKTRO</namalogo>
    </FONT></i>
    </header>
    <nav><br>
    <input type="text" name="email"></input>
    <input type="button" value="search"></input>
    <menu1><font face = " calibri" size="4" color ="white">
    <a href =" menu1.html"> Home </a></menu1>
    <menu2><a href =" tutorial.html"> Tutorial hack </a></menu2>
    <menu2><a href =" tips.html"> Tips pacaran </a></menu2>
    <menu2><a href =" download.html"> Download Film </a></menu2>
    <menu2><a href =" download.html"> Berita terkini </a></menu2></font>
    </nav>

    <selection>
    <article><img src = "penguins.jpg" width = "250" height ="400"></article>
    <aside>
    <isi1>Malaysia/Homonesia Pada dasarnya maling Asia yang terletak di sebelah utara dari mereka
    saudara yang tinggal di
    sebuah pulau kecil bahkan Singapura atau lebih tepatnya di penis Asia,
    Malaysia (juga dikenal sebagai Bolehland) adalah sebuah negara muda dari berbagai budaya
    dan perlombaan seperti F1 Formula-1 dan Nascar. Zona waktu di Malaysia adalah
    unik karena mengikuti sistem 1 / 2 PMT (ditentukan Meeting Time) yang 1 atau 2 jam
    kemudian dari PMT. Kebanyakan orang asing memiliki kesulitan untuk menyesuaikan zona
    waktu yang baru ini karena mereka cenderung muncul 1 atau 2 jam lebih awal daripada
    negeri setempat.
    <p>Terkadang orang Indonesia menyebut negara ini Malingsia,
    karena mereka dikenal maling film buatan Korea, Jepang dan Taiwan,
    walaupun secara harfiah kelakuan produser
    sinetron dan film dari kedua negara tidak memiliki perbezaan. </p>
    </isi1>
    <isi2><b><p>CATALOG<p><b>
    <ul>
    <li><a href = "makanenak.html">Makanan Indonesia </li>
    <li><a href = "baju.html">Baju Tradisional </li>
    <li><a href = "souvenir.html">Kerajinan Tradisional </li>
    <li><a href = "alatmusik.html">Alat musik Tradisional </li>
    <li><a href = "obat.html">Obat Tradisional </li>
    </ul></isi2>
    </aside>
    </selection>
    <footer> created danang aryo . universitas negeri malang 2009 </footer>

    </body>
    </html>
    Tampilan :

    You might also like