Tugas Praktikum Modul 3
Diposting oleh
Rastra Permana
| Minggu, 20 Februari 2011 at 04.46
Labels :
PTI479
Membuat Tampilan Web "Face-Mu"
Berikut hasil print screennya (0 errors/ 0 warnings):
Berikut syntax atau source code dalam pembuatan tampilan web "Face-Mu"
Setiap berusaha awali dulu dengan berdo'a. . . . 
Berikut hasil print screennya (0 errors/ 0 warnings):
Berikut syntax atau source code dalam pembuatan tampilan web "Face-Mu"
<!--
Design By Rastra Feryd Permana
109533423226
S1 PTI'09 OFF B
-->
<!DOCTYPE html>
<html lang="en">
<head>
<title>Selamat Datang di FACE-MU</title>
<link rel ="shortcut icon" href="12.png">
<style type="text/css">
.box1 {
float: right;
padding: 5px;
height: 100px;
}
.box2 {
float: right;
padding: 5px;
height: 100px;
}
#header{
height: 80px;
background: Cornflowerblue;
}
#logo{
float: left;
padding-left: 100px;
padding-top: 20px;
}
.box3 {
}
.box4 {
width: 1300px;
height: 18px;
background: #4169E1;
text-align:left;
font-size:8px;
color:blue
}
#tengah {
float: left;
}
#kiri {
float: left;
width: 780px;
height: 380px;
}
#subkiri{
width: 300px;
height: 200px;
padding: 50px;
color: #4169E1;
}
#kanan {
float: left;
padding: 5px;
width: 370px;
height: 380px;
color: #4169E1;
}
#bottom {
clear: both;
height: 30px;
background: #4169E1;
font-size:6px;
color: #bde0e6;
}
#footer {
float:left;
clear: both;
width: 1350px;
height: 20px;
background:Cornflowerblue;
margin :22px 0;
}
</style>
</head>
<body background="bg.jpg">
<div id="logo">
<img width="180"src="45.png">
</div>
<div id="header">
<div class="box2">
<br><input type="button" value="Login">
<br>
</div>
<div class="box1">
Password <br><input type="text" size="25">
<br>Forgot password?
</div>
<div class="box1">
Username or Email<br><input type="text" size="25">
<br><input type="checkbox">Keep me log in
</div>
</div>
<form action="my_action.jsp">
<div id="tengah">
<div id="kiri">
<div id="subkiri">
<font size="4">Face-mu membantu Anda terhubung dan berbagi
dengan orang-orang dalam kehidupan Anda di Indonesia </font>
<img src="foto.png">
</div>
</div>
</div>
</form>
<div id="kanan">
<h2>Segera Daftarkan Diri Anda <img width="30" src ="13.png" ></h2>
<hr style="color: blue">
<form action="my_action.jsp">
<table>
<tr><td>Nama Depan :</td><td><input type="text" size="35"></td></tr>
<tr><td>Nama Belakang :</td><td><input type="text" size="35"></td></tr>
<tr><td>Email Anda :</td><td><input type="text" size="35"></td></tr>
<tr><td>Masukkan Ulang Email :</td><td><input type="text" size="35"></td></tr>
<tr><td>Kata Sandi Baru :</td><td><input type="text" size="35"></td></tr>
<tr><td>Jenis Kelamin :</td><td>
<select name="kelamin">
<option value="pria" selected>Pria
<option value="wanita">Wanita
</select></td></tr>
</table>
</form>
<br><input type="button" value="DAFTAR">
</div>
<div id="footer">
<center>Copyright © 2011 Rastra Feryd Permana</center> </div>
</body>
</html>
