Scribd Logo
Upload

Welcome to Scribd!

  • Laporan Praktikum Web 4 @2011

    Uploaded by

    Kopi Putih Manis
    65 views5 pages

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    65 views5 pages

    Laporan Praktikum Web 4 @2011

    Uploaded by

    Kopi Putih Manis

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 5

    LAPORAN PRAKTIKUM

    Praktikum Pemrograman Web

    IGHFIR RIJAL TAUFIQY


    209533421945
    PTI 09 C

    UNIVERSITAS NEGERI MALANG


    FAKULTAS TEKNIK
    JURUSAN TEKNIK ELEKTRO
    PROGRAM STUDI PEND. TEKNIK INFORMATIKA
    Februari, 2011
    Modul 4
    1. Buat CSS dengan nama: abc.css

    #wrapper {
    margin: auto;
    height: 580px;
    width: 1000px;
    border: 1px solid;
    background: black;
    }
    #header {
    margin: auto;
    height: 100px;
    width: 1000px;
    border: 1px solid;
    background: blue url('header.jpg');
    }
    #unix {
    margin: auto;
    height: 40px;
    width: 998px;
    margin-top:100px;
    border: 1px solid;
    background: blue url('unix.jpg');
    }
    #search {
    height: 20px;
    width:300px;
    margin-left:20px;
    margin-top:8px;
    border: 0;
    }

    #aaaa {
    float: right;
    height: 6px;
    width:400px;
    border: 0;
    }
    #atas {
    height: 25px;
    width:350px;
    margin-left:320px;
    margin-top:-25px;
    border: 0;
    }

    #content {
    margin: auto;
    height: 400px;
    margin-top:14px;
    margin-left:0px;
    width: 1000px;
    border: 1px solid yellow;
    }
    #content1 {
    float: left;
    margin: auto;
    margin-top:0px;
    margin-left:auto;
    height: 400px;
    width: 288px;
    border: 1px solid;
    background: blue url('ki.jpg');
    }
    #content2 {
    margin: auto;
    margin-top:0px;
    margin-left:288px;
    margin-right:4px;
    height: 200px;
    width: 640px;
    border: 1px solid;
    background: blue url;
    }
    #blok1 {
    margin: auto;
    height: 200px;
    width: 700px;
    border: 1px solid;
    background: blue url('blok1.jpg');
    }
    #blok2 {
    font-weight: bold;
    margin: auto;
    margin-top:220spx;
    height: 198px;
    width: 700px;
    border: 1px solid;
    background: blue url('blok1.jpg');
    }

    #footer {
    float: left;
    margin: auto;
    margin-top:85px;
    margin-left:-290px;
    height: 37px;
    width: 994px;
    border: 1px solid black;
    background: blue url('footer.jpg');
    }

    2. Buat file dengan nama: abc.html

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"


    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
    <title>Desain Halaman Web By Ighfir</title>
    <link rel="stylesheet" href="abc.css" type="text/css" />
    </head>
    <div id="wrapper">
    <div id="header">
    <img src="aaa.PNG" align="left" height=100px width=500px>
    </header>
    <div id="unix">
    <div id="search" ><font color = "white">
    <input type="text" name="username" />
    <input type="button" name="username" value="search" />
    </font>
    </div>
    <div id="aaa">
    <div id="atas">
    <div class="style6" id="atas">
    <div align="center">
    <a href="http://localhost/Tugasku/mod3tgs2.html"
    ><font color = "white">Home</a>
    <a href="http://localhost/Tugasku/mod3tgs2.html"
    ><font color = "white">News &amp; Media </a>
    <a href="http://localhost/Tugasku/mod3tgs2.html"
    ><font color = "white">Tutorial</a>
    <a href="http://localhost/Tugasku/mod3tgs2.html"
    ><font color = "white">Tips and Trik</a>
    <a href="http://localhost/Tugasku/mod3tgs2.html"
    ><font color = "white">Download</a>
    </div>
    </div> </font>
    </div>
    </unix>
    <div id="content">
    <div id="content1">
    </content1>
    <div id="content2">
    <div align="justify"id="blok1">
    <p class="style1">Lomba Desain WEB</p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit,<br
    />
    sed do eiusmod tempor incididunt ut labore et dolore
    magna aliqua.<br />
    Ut enim ad minim veniam, quis nostrud exercitation
    ullamco laboris<br />
    nisi ut aliquip ex ea commodo consequat.
    Lorem ipsum dolor sit amet, consectetur
    adipisicing elit,<br />
    sed do eiusmod tempor incididunt ut labore et dolore
    magna aliqua.<br />
    Ut enim ad minim veniam, quis nostrud exercitation
    ullamco laboris<br />
    nisi ut aliquip ex ea commodo consequat.
    </blok1>
    <div id="blok2">
    <p class="style3">EVENT</p>
    <div align="left">
    <a href="http://localhost/Tugasku/mod3tgs2.html"
    ><font color = "white">Lomba makan telo</a><br>
    <a href="http://localhost/Tugasku/mod3tgs2.html"
    ><font color = "white">panjat pinang</a><br>
    <a href="http://localhost/Tugasku/mod3tgs2.html"
    ><font color = "white">makan bayek</a><br> </div>
    </blok2>
    </content2>
    <div id="footer">
    <div align="center" class="style7">
    <a href="http://localhost/Tugasku/mod3tgs2.html" target="_blank"
    class="style7"><font color = "white">Home</a> |
    <a href="http://localhost/Tugasku/mod3tgs2.html" target="_blank"
    class="style7"><font color = "white">News & Media</a> |
    <a href="http://localhost/Tugasku/mod3tgs2.html" target="_blank"
    class="style7"><font color = "white">Tutorial</a> |
    <a href="http://localhost/Tugasku/mod3tgs2.html" target="_blank"
    class="style7"><font color = "white">Tips n Trik</a> |
    <a href="http://localhost/Tugasku/mod3tgs2.html" target="_blank"
    class="style7"><font color = "white">Download</a>
    </div>
    <div align="right" class="style10"><font color = "white">Design By ighfir
    &copy; PTI 09 C
    </font>
    </div>
    </footer>
    </body>
    </html>

    You might also like