Scribd Logo
Unggah

Selamat datang di Scribd!

  • Membuat Tampilan Web Upload

    Diunggah oleh

    Devita AnjiLia
    96 tayangan4 halaman

    Hak Cipta

    © Attribution Non-Commercial (BY-NC)

    Format Tersedia

    DOC, PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini

    Hak Cipta:

    Attribution Non-Commercial (BY-NC)
    Unduh sebagai DOC, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    96 tayangan4 halaman

    Membuat Tampilan Web Upload

    Diunggah oleh

    Devita AnjiLia

    Hak Cipta:

    Attribution Non-Commercial (BY-NC)
    Unduh sebagai DOC, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 4

    Universitas negeri malang

    Fakultas teknik

    Jurusan teknik elektro

    s1 pendidikan teknik informatika

    Membuat Tampilan Web


    Menggunakan CSS

    Februari 2011

    Tampilan web
    Syntax ne bisa disimpan menggunakan nama tugas.css.

    #header1 { border: 1px solid blue;


    height: 90px; }
    width: 1327px; #data2 {
    background-image:url(image/teknik.jpg); float: left;
    border:1px solid blue; margin-left:250px;
    } width: 1077px;
    #header2 { height:220px;
    height: 55px; background-image:url(image/Untitled-1.jpg);
    width: 1327px; border: 1px solid Blue;
    background-color:#78C3EA; }
    border:1px solid blue; #menu {
    } float:top;
    #picture { margin-left:980px;
    float :left; width:347px;
    width: 250px; height:20px;
    height: 350px; background-color:blue;
    background-image:url(image/roket.jpg); border:2px solod black;
    border: 1px solid blue; }
    } #footer {
    #data1 { clear: both;
    float: left; height: 60px;
    margin-left:250px; width: 1327px;
    width: 1077px; background-image:url(image/teknik2.jpg);
    height: 128px; border: 1px solid blue;
    background-color:#78C3EA; }

    Setelah itu bisa dipanggil menggunakan kode html seperti dibawah ini:
    <!DOCTYPE HTML>
    <html lang="en">

    <head>
    <title>Teknik Elektro</title>
    <link rel="stylesheet" href="tugas.css" type="text/css" />

    </head>
    <body>

    <div id = "header1">
    </div>

    <div id = "header2">
    <div id="menu" align="center">
    <a href><font color="white"> Home || News & Media || Tips & Trik ||
    Downloads</a></font>
    </div>

    <div id="search">
    <font color="blue">Search : </font><input name="search" size="20" type="text"/>
    </div>
    </div>

    <div id="picture">
    <div id="data2">
    <h2 align="left"> ROKET </h2>
    Roket ialah proyektil yang digerakkan dengan reaksi motor dan dapat bekerja di luar
    atmosfer.<br></br>
    Sebagai bahan penggerak biasanya digunakkan bahan bakar kimia,serta oksigen yang
    gunanya membantu dalam pembakaran bahan bakarnya.<br></br>
    Seperti halnya jet, roket itu juga digerakkan dengan reaksi motor.<br></br>
    Namun roket tidak dapat disamakan dengan jet, karena jet menggunakkan oksigen untuk
    pembakaran bahan bakarnya,
    dan diterbangkan hanya dalam atmosfer saja.<br></br>
    Reaksi motor suatu roket tersebut didasarkan pada Hukum Newton ketiga, yang dikenal
    dengan nama Hukum Gravitasi Newton.
    </div>

    <div id="data1">
    <font color="blue"> Document : </font>
    <ul>
    <font color="blue"><li><a href="link1.html">Membuat Kalkulator menggunakan
    VB.net</a>
    <font color="blue"><li><a href="link2.html">Karya ilmiah IT</a>
    <font color="blue"><li><a href="link3.html">Rancangan Kereta Maglev</a></ul></font>
    </div>
    </div>

    <div id="footer" align="center">


    <font color="white" > Home | News & Media | Tutorials | Tips & Tricks | Downloads
    </font><br></br>
    <h5 align="right"> <font color="white">&copy Devita Anjilia </h5></font>

    </div>

    </body>
    </html>

    Selamat Mencoba......!!!!!

    By: Devita

    Anda mungkin juga menyukai