Revisi Script Pembuatan Tampilan "mirip" Facebook

SCRIPT PEMBUATAN TAMPILAN “MIRIP” FACEBOOK

GUMELAR DANANG A.W

209533421965

(OFF C 2009)

UNIVERSITAS NEGERI MALANG

FAKULTAS TEKNIK

JURUSAN TEKNIK ELEKTRO

PROGRAM STUDI S1 PTI 2009

Februaru, 2011

<!DOCTYPE HTML PUBLIC

"-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">

<head><title>Facemu - membantu menemukan anak-MU</title><style type="text/css"></head><!--#wrapper {margin: auto;width: 800px;border: 1px solid Blue;}

#logo {float: left;height: 70px;width:61px;margin-top:30px;margin-left:120px;border: 0;}#header {height : 100px;width: auto;border: 1px solid black;background-image:url(bgheader.GIF);}#menu1 {height:0px;width:100px px;margin-top:15px;margin-left:750px ;border: 0;}

#menu2 {height:0px;width:100px 10px;margin-top:0px;margin-left:950px ;}

#bagiantengah {height:450px;width:1200px 10px;margin-top:100px;background-image:url(bgimg.GIF);}#gambarpeta {float: left;width: 550px;height: 400px;margin-LEFT:100px ;margin-right:100px ;

}#contentdaftar {float: left;width: 400px;height: 350px;border: 0;}

#top{height: 70px;border: 0;

}#listnama {float: left;width: 200px;height: 250px;border: 0;}#formisian {margin-left:200px ;width: 310px;height: 200px;border: 0;}#formsetuju {float: left;width: 400px;height: 100px;border: 0;}#bahasa {height: 17px;margin-right:40px ;border: 0;

}#footer {height: 20px;margin-top:5px ;background-color : blue;border: 1px solid green;}--></style>

Ini Bagian HTMLnya :

<body><div id="wrapper"><div id = "header">

<div id = "logo"><img src = "facemu.png" width="120" height="40"></div>

<div id= "menu1"><form name= "login" method="post" action=""><label><font face = "verdana" size = "4" color ="white">email</label></font><br><input type="text" name="email"><br><input type="checkbox" name="email"><font face = "verdana" size = "2" color ="white">Biar saya tetap masuk </input></form>

</div>

<div id = "menu2" ><label><font face = "verdana" size = "4" color ="white">Password</label></font><br><input type="text" name="email"><input type="button" value="masuk" ><br> <a href = "facebook.com"><font face = "verdana" size = "2" color ="white"> Lupa sandi anda ? </a></font>

</div>

<div id="bagiantengah"><div id="gambarpeta"><img src = "tengah.GIF" width="550" height="400"></div><div id="contentdaftar">

<div id="top"><font face = "verdana" size = "5" color ="blue">Mendaftar lah<br><font face = "verdana" size = "4" color ="blue">Gratis sampai kapanpun <br><hr>

</div>

<div id="listnama"><font face = "times new roman" size = "4" color ="blue"><br>Nama Depan <br><br>Nama Belakang<br><br>Email anda<br><br>Masukkan ulang<br>email<br><br>Saya Seorang<br><br></font>

</div>

<div id="formisian"><br><input type="text" name="email"><br><br><input type="text" name="email"><br><br><input type="text" name="email"><br><br><input type="text" name="email"><br><br><input type="radio" name="email"><font face = "verdana" size = "3" color ="blue">pria</input><br></font><input type="radio" name="email"><font face = "verdana" size = "3" color ="blue">wanita<br><br></font>

</div>

<div id ="formsetuju" align= "center" ><br><a href = "tanyamengapa.html"><font face = "times new roman" size = "2" color ="blue">mengapa saya perlu mengisinya ?</font></a><br><BR><input type="button" value="DAFTAR" ><br><hr><strong><font face = "calibri" size = "2" color ="blue">Buat halaman untuk </font><font face = "calibri" size = "2" color ="black">selebriti, grup musik , atau bisnis</font></strong></div></div>

</div><div id="bahasa" align = "right"><font face = "calibri" size = "4" color ="black">terjemahkan halaman ini kebahasa : <a href = translateinggris.com ><font face = "calibri" size = "3" color ="black"> inggris , <a><a href = translatejepang.com ><font face = "calibri" size = "3" color ="black"> Jepang , <a><a href = translatesepanyol.com ><font face = "calibri" size = "3" color ="black"> sepanyol , <a><a href = translatemadagaskar.com ><font face = "calibri" size = "3" color ="black"> madagaskar , <a><a href = translatebetawi.com ><font face = "calibri" size = "3" color ="black"> betawi <a></div><div id="footer">

<font face = "times new roman" size = "3" color ="white">Face-mu 2011 karya danang aryo . inspired by tony Blank</font>

</div></div></body></html>

Tampilan :

Revisi Script Pembuatan Tampilan "mirip" Facebook

Documents

Transcript of Revisi Script Pembuatan Tampilan "mirip" Facebook