Selasa, 15 Februari 2011

Modul 3

Tugas syarat mata kuliah BPW
Studi Kasus nya ne


Ne Source Codenya
studikasus.html :

<!doctype html>
<html lang="en">

<head>
<title>Studi Kasus Modul 3</title>
<style type="text/css">
<!--
.pertama {
background-color:red;
border-radius:100px;
-moz-border-radius:150px;
-webkit-border-radius:150px;
border:2px solid blue;
padding: 25px;
width: 150px;
height: 150px;
}

.kedua {
background-color:yellow;
border-radius:100px;
-moz-border-radius-topleft:50px;
-moz-border-radius-bottomright:50px;
border:2px solid blue;
padding: 10px;
width: 310px;
height: 50px;
}

.ketiga {
background-color: #00000;
padding: 10px;
width: 300px;
height:50px;
border:1px solid #666666;
-moz-border:5px;
-moz-border:5px;
box-shadow:5px 5px 5px black;
-moz-box-shadow:5px 5px 5px 5px black;
-webkit-box-shadow:5px 5px 5px 5px black;

}
-->
</style>
</head>
<body>

<div class="pertama">
yang ini border lingkaran.Pendekatan yang digunakan masih sama lho.Ayo kreasikan sendiri ya??
</div>
<br>

<div class="kedua">
yang ini border lingkaran.Pendekatan yang digunakan masih sama lho.Ayo kreasikan sendiri ya??
</div>
<br>

<div class="ketiga">
yang ini border lingkaran.Pendekatan yang digunakan masih sama lho.Ayo kreasikan sendiri ya??
</div>
<br>

</body>
</html>



TUGAS PRATIKUMNYA NE KAWAN.


NE Source Codenya:
pratikum.html :

<!DOCTYPE html
public "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml/DTD/xhtml1-
transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"
lang="en">
<head>
<link rel="shortcut icon" href="images/icon.png" />
<style type="text/css">
<!--
A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
.pertama {
float:left;
background-color:RoyalBlue;
padding: 15px;
height: 72px;
width:600px;
}

.keempat {
float:left;
background-color:RoyalBlue;
padding: 1px;
height: 100px;
width:500px;
}

.keenam {
float:right;
background-color:RoyalBlue;
padding: 15px;
height: 72px;
width:85px;
}

.kedua {
clear:both;
float:left;
background-image:url(images/bg.jpg);
padding: 15px;
height: 380px;
width:650px;
}

.kelima {
float:left;
background-image:url(images/bg.jpg);
padding: 15px;
height: 380px;
width:300px;
}

.ketujuh {
float:right;
background-image:url(images/bg.jpg);
padding: 15px;
height: 380px;
width:207px;
}

.ketiga {
clear:both;
background-color:RoyalBlue;

height: 15px;
}

.button {
background-color:RoyalBlue;
border-radius:100px;
-moz-border-radius-topleft:10px;
-moz-border-radius-bottomright:10px;
border:2px solid blue;
padding: 1px;
width: 60px;
height: 20px;
box-shadow:2px 2px 2px black;
-moz-box-shadow:2px 2px 2px 2px black;
-webkit-box-shadow:2px 2px 2px 2px black;
color:white;
}

.form {
background-color:white;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border:2px solid blue;
padding: 1px;

}

.form1 {
background-color:white;

border:2px solid blue;
padding: 1px;

}
-->
</style>
</head>
<body>

<div class="pertama">
<a href="http://n3rotech.blogspot.com"><font color=white face=Calibri><h1><pre> N3ROTECH</pre></h1></font></a>


</div>

<div class="keempat">

<tr>
<font color=white>
<pre>Email: Password:</pre>
<td><input type=”text” id=”email” class="form" name=”email” size=30/></td>

<td><input type=password id=”pass” class="form" name=”pass” size=30</>

<td><input type=submit class=button value=Login>
<pre><td><input name=musik type=checkbox value="" /> <span>Keep me logged in <a href="http://n3rotech.blogspot.com">Forgot your password?</a></span></td>


</font></form></tr></table>

</div>

<div class="keenam">

</div>

<div class="kedua"><center>

<img src="images/indonesia1.jpg" height=350 width=450></center>
</div>

<div class="kelima"><font color=RoyalBlue>
Mendaftar<br>
Gratis, sampai kapanpun<br>
<hr width=300 align=left color=RoyalBlue>
<form method=”POST”>

<tr>
<td>Nama Depan &nbsp&nbsp&nbsp&nbsp&nbsp: <input type=”text” class="form" size=25/></td><br>
</tr><tr>
<td>Nama Belakang &nbsp: <input type=”text” class="form" size=25/></td><br></tr>
</tr><tr>
<td>Email Anda &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp: <input type=”text” class="form" size=25/></td><br>
</tr><tr>
<td>Ulangi Email &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp: <input type=”text” class="form" size=25/></td><br>
</tr><tr>
<td width="10">Password Baru &nbsp&nbsp: <input type=”password” class="form" size=25/></td><br>
</tr><tr>
<td>Saya Seorang &nbsp&nbsp&nbsp&nbsp: <select id=”jumpMenu” name=”jumpMenu” class="form1">
<option value=”http://n3rotech.blogspot.com”>Pria</option>
<option value=”http://n3rotech.blogspot.com”>Wanita</option>
</select></td>
<br>
</tr><tr>
<td>Tanggal Lahir &nbsp: <td><select id=”jumpMenu” name=”jumpMenu” class="form1"><SPACER><SPACER>
<option value=”http://n3rotech.blogspot.com”>1</option>
<option value=”http://n3rotech.blogspot.com”>2</option>
<option value=”http://n3rotech.blogspot.com”>3</option>
<option value=”http://n3rotech.blogspot.com”>4</option>
<option value=”http://n3rotech.blogspot.com”>5</option>
<option value=”http://n3rotech.blogspot.com”>6</option>
<option value=”http://n3rotech.blogspot.com”>7</option>
<option value=”http://n3rotech.blogspot.com”>8</option>
<option value=”http://n3rotech.blogspot.com”>9</option>
<option value=”http://n3rotech.blogspot.com”>10</option>
<option value=”http://n3rotech.blogspot.com”>11</option>
<option value=”http://n3rotech.blogspot.com”>12</option>
<option value=”http://n3rotech.blogspot.com”>13</option>
<option value=”http://n3rotech.blogspot.com”>14</option>
<option value=”http://n3rotech.blogspot.com”>15</option>
<option value=”http://n3rotech.blogspot.com”>16</option>
<option value=”http://n3rotech.blogspot.com”>17</option>
<option value=”http://n3rotech.blogspot.com”>18</option>
<option value=”http://n3rotech.blogspot.com”>19</option>
<option value=”http://n3rotech.blogspot.com”>20</option>
<option value=”http://n3rotech.blogspot.com”>21</option>
<option value=”http://n3rotech.blogspot.com”>22</option>
<option value=”http://n3rotech.blogspot.com”>23</option>
<option value=”http://n3rotech.blogspot.com”>24</option>
<option value=”http://n3rotech.blogspot.com”>25</option>
<option value=”http://n3rotech.blogspot.com”>26</option>
<option value=”http://n3rotech.blogspot.com”>27</option>
<option value=”http://n3rotech.blogspot.com”>28</option>
<option value=”http://n3rotech.blogspot.com”>29</option>
<option value=”http://n3rotech.blogspot.com”>30</option>
<option value=”http://n3rotech.blogspot.com”>31</option>
<select id=”jumpMenu” name=”jumpMenu” class="form1"><SPACER><SPACER>
<option value=”http://n3rotech.blogspot.com”>Januari</option>
<option value=”http://n3rotech.blogspot.com”>Februari</option>
<option value=”http://n3rotech.blogspot.com”>Maret</option>
<option value=”http://n3rotech.blogspot.com”>April</option>
<option value=”http://n3rotech.blogspot.com”>Mei</option>
<option value=”http://n3rotech.blogspot.com”>Juni</option>
<option value=”http://n3rotech.blogspot.com”>Juli</option>
<option value=”http://n3rotech.blogspot.com”>Agustus</option>
<option value=”http://n3rotech.blogspot.com”>September</option>
<option value=”http://n3rotech.blogspot.com”>Oktober</option>
<option value=”http://n3rotech.blogspot.com”>November</option>
<option value=”http://n3rotech.blogspot.com”>Desember</option>
<SPACER><SPACER> <select id=”jumpMenu” name=”jumpMenu” class="form1">
<option value=”http://n3rotech.blogspot.com”>1980</option>
<option value=”http://n3rotech.blogspot.com”>1981</option>
<option value=”http://n3rotech.blogspot.com”>1982</option>
<option value=”http://n3rotech.blogspot.com”>1983</option>
<option value=”http://n3rotech.blogspot.com”>1984</option>
<option value=”http://n3rotech.blogspot.com”>1985</option>
<option value=”http://n3rotech.blogspot.com”>1986</option>
<option value=”http://n3rotech.blogspot.com”>1987</option>
<option value=”http://n3rotech.blogspot.com”>1988</option>
<option value=”http://n3rotech.blogspot.com”>1989</option>
<option value=”http://n3rotech.blogspot.com”>1990</option>
<option value=”http://n3rotech.blogspot.com”>1991</option>
<option value=”http://n3rotech.blogspot.com”>1992</option>
<option value=”http://n3rotech.blogspot.com”>1993</option>
<option value=”http://n3rotech.blogspot.com”>1994</option>
<option value=”http://n3rotech.blogspot.com”>1995</option>
<option value=”http://n3rotech.blogspot.com”>1996</option>
<option value=”http://n3rotech.blogspot.com”>1997</option>
<option value=”http://n3rotech.blogspot.com”>1998</option>
<option value=”http://n3rotech.blogspot.com”>1999</option>
<option value=”http://n3rotech.blogspot.com”>2000</option>
<option value=”http://n3rotech.blogspot.com”>2001</option>
<option value=”http://n3rotech.blogspot.com”>2002</option>
<option value=”http://n3rotech.blogspot.com”>2003</option>
<option value=”http://n3rotech.blogspot.com”>2004</option>
<option value=”http://n3rotech.blogspot.com”>2005</option>
<option value=”http://n3rotech.blogspot.com”>2006</option>
<option value=”http://n3rotech.blogspot.com”>2007</option>
<option value=”http://n3rotech.blogspot.com”>2008</option>
<option value=”http://n3rotech.blogspot.com”>2009</option>
</select></td>


</form></tr></table>
Mengapa saya perlu mengisinya?<br>
<center>
<td><input type=submit class=button value=SignUp>
<hr width=300 align=left color=RoyalBlue>
<a href="http://n3rotech.blogspot.com">Buat halaman</a> untuk selebritis,grup musik,atau bisnis

</font>
</div>
<div class="ketujuh">
</div>
<div class="ketiga">
<pre><h5><align=center> N3ROTECH &reg; MARCELINO BAYU BAGUS P 209533421959</align></pre>
</div>




</body>
</html>

Posted by MARCELINO BAYU BAGUS PERMADI at 06.41
Labels:

Tidak ada komentar:

Posting Komentar

Langganan: Posting Komentar (Atom)