Ne tampilan dari UTSnya
berikut adalah Source Codenya :
uts.php
<html>
<head>
<title>UJIAN TENGAH SEMESTER</title>
</head>
<body>
<H1><B><blink>::SIGN UP FORM ::</blink></H></B>
<H3>
<form action=cek.php method='post'><pre>
Nama : <input type=text name=nama><br>
<br>
Alamat : <input type=text name=alamat><br>
<br>
Kota : <input type=text name=kota><br>
<br>
Email : <input type=text name=email><br>
<br>
Kode pos : <input type=text name=kode><br>
<br>
<input type=submit value=Daftar action=cek()>
</pre>
<?php
$a=" ";
function cek(){
if ($nama=""){
$b=$a."maap nama tidak boleh kosong";}
else if (!empty($alamat)){
echo "maap alamat tidak boleh kosong";}
else if (!empty($email)){
echo "maap email tidak boleh kosong";}
else if (!empty($kode)){
echo "maap kode pos tidak boleh kosong";}
else{
}
}
?>
</body>
</html>
cek.php
$a= $_POST['nama'];
$b= $_POST['alamat'];
$c= $_POST['kota'];
$d= $_POST['email'];
$e= $_POST['kode'];
if (empty($a)){
echo "maap nama tidak boleh kosong";}
elseif (empty($b)){
echo "maap alamat tidak boleh kosong";}
elseif (empty($c)){
echo "maap kode pos tidak boleh kosong";}
elseif (empty($d)){
echo "maap email tidak boleh kosong";}
elseif (empty($e)){
echo "maap kode pos tidak boleh kosong";}
else{ echo "ANDA BERHASIL DAFTAR";}
?>
Ayo Gan Baca Lanjutannya...
Selasa, 15 Maret 2011
UTS
Selasa, 01 Maret 2011
Modul 5
Wah uda Masuk Modul 5 Moga j bisa dilihat,dibaca dan dipelajari oleh teman - teman
Studi Kasus
Berikut Outputnya :
Source Codenya :
<html>
<title>Kalkulator Sederhana</title>
<SCRIPT LANGUAGE="JavaScript">
function tambah()
{
a=parseInt(form.a.value)
b=parseInt(form.b.value)
c=a+b
form.hasil.value = c
}
function kurang()
{
a=parseInt(form.a.value)
b=parseInt(form.b.value)
c=a-b
form.hasil.value=c
}
function kali()
{
a=parseInt(form.a.value)
b=parseInt(form.b.value)
c=a*b
form.hasil.value=c
}
function bagi()
{
a=parseInt(form.a.value)
b=parseInt(form.b.value)
c=a/b
form.hasil.value = c
}
function pangkat()
{
a=parseInt(form.a.value)
b=parseInt(form.b.value)
c=Math.pow(a, b)
form.hasil.value = c
}
function kosong()
{
form.a.focus()
form.a.value=""
form.b.value=""
form.hasil.value=""
}
</SCRIPT>
<body onload=kosong()>
<hr size="6" color="yellow" width="35%" align="left">
<left>
<font color="green" size="5"><blink>Kalkulator Sederhana Dengan Java Script</blink></font></left>
<hr size="6" color="yellow" width="35%" align="left">
<FORM name="form">
Masukkan Angka Pertama
<br><input type="text" name="a"></br>
Masukkan Angka Kedua
<br><input type="text" name="b"></br>
<font color="blue"></font>
<input type="button" value=" + " onClick="tambah()">
<input type="button" value=" - " onClick="kurang()">
<input type="button" value=" x " onClick="kali()">
<input type="button" value=" / " onClick="bagi()">
<input type="button" value=" ^ " onClick="pangkat()"><br>
Tampilan Hasil
<br><input type "text" name="hasil" disabled="true"></br>
<left>
<pre>
<input type="button" value="Bersihkan" onClick="kosong()">
</left>
</pre>
<hr size="6" color="yellow" width="35%" align="left">
<font color="gray" size="3"><marquee direction="up" >::Tampilan Kalkulator Sederhana Menggunakan Java Script::</marquee></font>
<hr size="6" color="yellow" width="35%" align="left">
</FORM>
</center>
</body>
</html>
Tugas Pratikumnya
Outputnya sebagai berikut :
Source Codenya :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Tugas Pratikum 5</title>
</head>
<body background="images/1.gif" onLoad="slide()">
<script language="JavaScript" type="text/javascript">
function pemesanan(){
var nota = document.form2;
var hargaBakso = 12000 * eval(nota.hrgBakso.value);
var hargaSoto = 10000 * eval(nota.hrgSoto.value);
var hargaMie = 15000 * eval(nota.hrgMie.value);
var hargaDegan = 5000 * eval(nota.hrgDegan.value);
var hargaCampur = 7000 * eval(nota.hrgCampur.value);
var TotalHarga = hargaBakso + hargaSoto + hargaMie + hargaDegan + hargaCampur;
if (TotalHarga > 50000){
nota.Total.value = TotalHarga;
nota.Diskon.value = 10000;
nota.Bayar.value = TotalHarga - eval(nota.Diskon.value);
} else {
nota.Total.value = TotalHarga;
nota.Diskon.value = 0;
nota.Bayar.value = TotalHarga - eval(nota.Diskon.value);
}
}
function resetForm(){
document.form2.reset();
}
function slide()
{
var i=0;
img =new Array();
img[0]="images/2.jpg";
img[1]="images/3.jpg";
img[2]="images/4.jpg";
img[3]="images/5.jpg";
img[4]="images/6.jpg";
document.anim.src=img[i];
setTimeout("slide()", 1000);
i++;
if(i==5)
{
i=0;
}
}
</script>
<H2><font color=blue><blink>Form Pemesanan Makan dan Minum</font></blink></H2>
<img src="images/2.jpg" width=100 height=100 name="anim">
<br>
<form name="form2">
<table border="1px">
<tr>
<th bgcolor="red">No</th>
<th bgcolor="red">Makanan/Minuman</th>
<th bgcolor="red">Harga</th>
<th bgcolor="red">Pesan</th>
</tr>
<tr>
<td width="20" bgcolor="red">1</td>
<td width="190"bgcolor="red">Bakso Istimewa</td>
<td width="90" bgcolor="red"> @ <input type="text" name="bakso" value="12000" size="7" readonly="readonly"/></td>
<td width="160" bgcolor="red"><input type="text" name="hrgBakso" value="0" onfocus="this.select()" onChange="pemesanan()"/></td>
</tr>
<tr>
<td bgcolor="red">2</td>
<td bgcolor="red">Soto Spesial</td>
<td bgcolor="red"> @ <input type="text" name="soto" value="10000" size="7" readonly="readonly"/></td>
<td bgcolor="red"><input type="text" name="hrgSoto" value="0" onfocus="this.select()" onChange="pemesanan()"/></td>
</tr>
<tr>
<td bgcolor="red">3</td>
<td bgcolor="red">Mie Ayam Super</td>
<td bgcolor="red"> @ <input type="text" name="mie" value="15000" size="7" readonly="readonly"/></td>
<td bgcolor="red"><input type="text" name="hrgMie" value="0" onfocus="this.select()" onChange="pemesanan()"/></td>
</tr>
<tr>
<td bgcolor="red">4</td>
<td bgcolor="red">Es Degan</td>
<td bgcolor="red"> @ <input type="text" name="degan" value="5000" size="7" readonly="readonly"/></td>
<td bgcolor="red"><input type="text" name="hrgDegan" value="0" onfocus="this.select()" onChange="pemesanan()"/></td>
</tr>
<tr>
<td bgcolor="red">5</td>
<td bgcolor="red">Es Campur</td>
<td bgcolor="red"> @ <input type="text" name="campur" value="7000" size="7" readonly="readonly"/></td>
<td bgcolor="red"><input type="text" name="hrgCampur" value="0" onfocus="this.select()" onChange="pemesanan()"/></td>
</tr>
<tr bgcolor="red">
<td colspan="3" align="right">Jumlah Total</td>
<td><input type="text" name="Total" readonly="readonly" /></td>
</tr>
<tr bgcolor="red">
<td colspan="3" align="right">Diskon</td>
<td><input type="text" name="Diskon" readonly="readonly"/></td>
</tr>
<tr bgcolor="red">
<td colspan="3" align="right">Jumlah Dibayar</td>
<td><input type="text" name="Bayar" readonly="readonly" align="right"/></td>
</tr>
</table><br/>
<input type="button" value="CLEAR" onClick="resetForm()" />
</form>
</body>
</html>
Ayo Gan Baca Lanjutannya...
Selasa, 22 Februari 2011
Modul 4
Tidak Terasa Uda masuk Modul Berikut hasil kerja saya
Tugas Studi Kasus
Outputnya begini:
Source Codenya :
studikasus.html
<! doctype html>
<html lang="en">
<head>
<title>Studi Kasus Modul 4</title>
<link rel="stylesheet" href="style1.css" type="text/css"/>
</head>
<body>
<header>
header
</header>
<nav>
nav
</nav>
<section>
<article>
article
</article>
<aside>
aside
</aside>
<br>
hello world
</section>
<footer>
footer
</footer>
</body>
</html>
style1.css
body {
margin: 10px auto;
width: 750px;
}
header, nav, section, footer {
display:block;
border:2px solid green;
}
header {
height:80px;
border:2px solid blue;
}
nav{
height:50px;
}
section{
height:400px;
border-right:5px solid royalblue;
padding : 10px
}
article{
float:left;
width:500px;
height:350px;
border:2px dashed red;
}
aside{
float:right;
width:200px;
height:350px;
border:2px dashed yellow;
}
footer{
height:20px;
border-top :2px solid blue;
}
Tugas Pratikumnya punya Output gini :
Source Code nya:
pratikum.html
<! doctype html>
<html lang="en">
<head>
<title>Pratikum Modul 4</title>
<link rel="stylesheet" href="style.css" type="text/css"/>
</head>
<body>
<header><font color=red size=10>
<img src="images/UM1.png" width=80 height=80 align=middle> TEKNIK ELEKTRO
</font></header>
<nav>
<black>
<ul><li><a href="#">Home</a></li>
<li><a href="#">News&Media</a></li>
<li><a href="#">Tutorials</a></li>
<li><a href="#">Tips&Tricks</a></li>
<li><a href="#">Downloads</a></li>
</ul>
<searchboxo>
<form action='/search' id='searchform' method='get'>
<input class='searchinput' id='searchbox' name='q' onblur='if (this.value == "")
{this.value = "Insert keyword here...";}' onfocus='if (this.value == "Insert keyword here..."{this.value = "";}' type='text' value='Insert keyword here...'/><input class='submitbutton' type='submit' value='Search'/></form>
</black>
</searchboxo>
</nav>
<section>
<article>
<img src="images/Witchville-2010.jpg" width=185 height=375>
</article>
<aside>
<aside1>
New info gan..
Jakarta - Motion Pictures Association (MPA) merasa keberatan dengan keputusan pemerintah untuk menambah beban pajak film impor. Jika MPA benar-benar menghentikan peredaran film Hollywood, berikut film-film bagus yang akan Anda lewati.
Mulai April hingga Juli mendatang, Hollywood bakal merilis beberapa film terbaiknya. Sepuluh di antaranya adalah film-film yang paling dinantikan kehadirannya di bioskop. Film-film itu adalah:
</aside1>
<aside2><font color=blue>
Events :<br><font>
<ul><li><a href="#">Balapan makan kerupuk</a></li>
<li><a href="#">Lomba ngupil</a></li>
<li><a href="#">Wisuda PTI07</a></li>
<li><a href="#">Audisi Mahasiswa Abadi</a></li>
</ul>
</aside2>
</aside>
</section>
<footer>
<center>
<a href="#">Home | </a><a href="#">News&Media | </a><a href="#">Tutorial | </a><a href="#">Tips&Trik | </a><a href="#">Download | </a><br>
</center>
<footer1>
© Marcelino Bayu
</footer1>
</footer>
</body>
</html>
style.css
body {
margin: 10px auto;
width: 750px;
}
header, nav, section, footer {
display:block;
}
header {
background-image:url(images/darksoul.gif);
height:80px;
border-top :2px solid blue;
border-bottom :2px solid blue;
}
nav{
height:50px;
}
section{
height:400px;
border-right:5px solid royalblue;
}
article{
float:left;
width:185px;
height:375px;
border:5px solid black;
}
aside{
background-color:royalblue;
float:right;
width:550px;
height:385px;
}
aside1{
float:right;
background-color:white;
width:550px;
height:250px;
padding:1px;
}
aside2{
float:right;
width:550px;
height:125px;
border-right:2px solid blue;
border-bottom:2px solid blue;
}
black{
float:left; margin-bottom:10px;
padding:0px; width: 100%;
overflow: hidden; background: #499bea;
background: -moz-linear-gradient(top, #999 0%, #000 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999), color-stop(100%,#000));
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999', endColorstr='#000',GradientType=0 );
-moz-box-shadow: 1px 1px 10px #888;
-webkit-box-shadow:1px 1px 10px #888;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;}
black ul{
margin: 0; padding: 0; padding-left: 10px;
font: bold 10px Verdana;
list-style-type: none; }
black li{
display: inline; margin: 0;}
black li a{
float: left; text-decoration: none;
margin: 0; padding:12px; color: white;}
.black li a:visited{color: white; }
.black li a:hover, .black li.selected a{color:#ccff00;}
searchboxo{
width:250px; float:right; padding: 4px; margin:0px; }
searchboxo form input.searchinput{
background: #fff; padding:6px; margin:0px; width: 160px;
border: solid 1px #999; outline: none;
-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
-moz-box-shadow: inset 0 1px 3px #666;
-webkit-box-shadow: inset 0 1px 3px #666;
box-shadow: inset 0 1px 3px #aaa; }
searchboxo form input.submitbutton{
cursor:pointer; width: 60px;
background: #FCFCFC;
background: -moz-linear-gradient(top, #FCFCFC 0%, #E8E8E8 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FCFCFC), color-stop(100%,#E8E8E8));
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FCFCFC', endColorstr='#E8E8E8',GradientType=0 );
border:1px solid #d8d8d8;
-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
color:#000; padding:4px; text-shadow:1px 1px #fff;}
footer{
background-image:url(images/darksoul.gif);
height:40px;
border-top :2px solid blue;
border-bottom :2px solid blue;
}
footer1{
float:right;
height:20px;
width:150px;
}
Ayo Gan Baca Lanjutannya...
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      : <input type=”text” class="form" size=25/></td><br>
</tr><tr>
<td>Nama Belakang  : <input type=”text” class="form" size=25/></td><br></tr>
</tr><tr>
<td>Email Anda         : <input type=”text” class="form" size=25/></td><br>
</tr><tr>
<td>Ulangi Email        : <input type=”text” class="form" size=25/></td><br>
</tr><tr>
<td width="10">Password Baru   : <input type=”password” class="form" size=25/></td><br>
</tr><tr>
<td>Saya Seorang     : <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  : <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 ® MARCELINO BAYU BAGUS P 209533421959</align></pre>
</div>
</body>
</html>
Ayo Gan Baca Lanjutannya...
Selasa, 08 Februari 2011
Modul 1
Tugas Untuk Memenuhi kewajiban saya sebagai mahasiswa PTI.
Studi Kasus
ne scriptnya :
<!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><font color="yellow">
<title>WEB TUGAS</title>
</head>
<body background="1.jpg">
<h1>Halo Coi</h1>
<hr color = "red">
Y ne adalah hasil iseng2 gara2 g bisa tdr mulai jm 2 pagi sampe jam 4 pagi.gara2 wes pgn jalan2 m tmen2 OFF C ke Coban Baung.Monggo Agan - Agan OFF C dan sekitarnya kasih komen y.Bila ada kesalahan yang mengganjal hati tmen2 mohon dimaafkan karena smua ini hanya untuk hiburan semata.Monggo gan.
<br>
<br>
Y ne adalah hasil iseng2 gara2 g bisa tdr mulai jm 2 pagi sampe jam 4 pagi.gara2 wes pgn jalan2 m tmen2 OFF C ke Coban Baung.Monggo Agan - Agan OFF C dan sekitarnya kasih komen y.Bila ada kesalahan yang mengganjal hati tmen2 mohon dimaafkan karena smua ini hanya untuk hiburan semata.Monggo gan.
<hr color="green" widht=100 align=right>
<hr color="blue" width=100 align=right>
<img src="2.jpg" height =300 weight=250 border=4 align=right>
</body>
</html>
Ayo Gan Baca Lanjutannya...
Minggu, 06 Februari 2011
Modul 2
Tugas Untuk Memenuhi kewajiban saya sebagai mahasiswa PTI.
Studi Kasus
Ne script untuk frames.html nya:
<html>
<frameset rows="150,*,150" frameborder=1>
<frame name="atas" src="header.html">
<frameset cols="150,*,150">
<frame name="kiri" src="menu.html">
<frame name="isi" src="">
<frame name="kanan" src="menu.html">
</frameset>
<frame name="bawah" src="footer.html">
</frameset>
</html>
menu.html :
<html>
<head>
</head>
<body>
<UL><tt><LI type=circle>::>MENU<::
<LI type=circle><a href="welcome.html" target="isi">Home</a>
<LI type=circle><a href="aboutus.html" target="isi">About Me</a>
<LI type=circle><a href="login.php" target="isi">Member</a>
<LI type=circle><a href="gallery.html" target="isi">Galeri</a>
<LI type=circle><a href="gamesite.html" target="isi">Game</a>
<LI type=circle><a href="egg.html" target="isi">Penutup</a>
</UL></tt>
</body>
</htmL>
welcome.html :
<html>
<head>
<style type="text/css">
span {font-size: x-small}
</style>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function convertPreBlocks() {}
var regular = "x-small";
function bigger(thing){
thing.style.fontSize = "large";
siblingElement = thing.previousSibling;
while(siblingElement) {
if(siblingElement.tagName=="SPAN") {
siblingElement.style.fontSize = "medium";
break;
}
siblingElement = siblingElement.previousSibling;
}
siblingElement = thing.nextSibling;
while(siblingElement) {
if(siblingElement.tagName=="SPAN") {
siblingElement.style.fontSize = "medium";
break;
}
siblingElement = siblingElement.nextSibling;
}
}
function normal(thing){
thing.style.fontSize = regular;
siblingElement = thing.previousSibling;
while(siblingElement) {
if(siblingElement.tagName=="SPAN") {
siblingElement.style.fontSize = regular;
break;
}
siblingElement = siblingElement.previousSibling;
}
siblingElement = thing.nextSibling;
while(siblingElement) {
if(siblingElement.tagName=="SPAN") {
siblingElement.style.fontSize = regular;
break;
}
siblingElement = siblingElement.nextSibling;
}
}
// End -->
</script>
</HEAD>
<BODY background="images/GundamIcon-06.jpg">
<h2><font color="cyan" font face="impact"><center>Welcome In Animesite,com<br />
Created by MArcelino BAyu XII-IA3</h2>
<br /><br />
<h3><span onmouseover="bigger(this)" onmouseout="normal(this)">Ne Halaman Terbaru WebQ lho</span><br/>
<span onmouseover="bigger(this)" onmouseout="normal(this)">Silakan mencari - cari yang U perluin disini y!</span><br/>
<span onmouseover="bigger(this)" onmouseout="normal(this)">Mohon Maap kalau ne masih jelek cz masih belajar!</span><br/>
<span onmouseover="bigger(this)" onmouseout="normal(this)">Sebenarnya U bisa buat WebPage dg amat sangat mudah,</span><br/>
<span onmouseover="bigger(this)" onmouseout="normal(this)">tetapi kalau menggunakan progam ne u bakalan rugi. </span><br/>
<span onmouseover="bigger(this)" onmouseout="normal(this)">Karena pengetahuan akan tag akan terbatas!</span><br/>
<span onmouseover="bigger(this)" onmouseout="normal(this)">Kok malah ceramah y?</span><br/>
<span onmouseover="bigger(this)" onmouseout="normal(this)">Y ud u silakn berpetualang di webQ y</span><br/>
<span onmouseover="bigger(this)" onmouseout="normal(this)">Selamat Menikmati HAsil karya Yang tidak ada apa - apanya ne!</span><br/>
</h3></center>
</body>
</html>
footer.html :
<html>
<head>
</head>
<body>
<h3><font color="red">(C)2008<br>
Created by MArcelino BAyu PTI09</h3>
</body>
</html> 
Tugas Rumah NO.1
<!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”>
<head>
<title>GRAFIK BERBASIS TABEL</title>
<head>
</head>
<body>
<font color=red size="6" ><blink><b>Membuat grafik batang coi</b></blink</font>
<br/>
<br/>
<hr align="left" width="600"></hr>
<table width="600" border="0">
<tr><td width="400"><b><font face="Bodoni MT Condensed" color=blue size=5>Perusahaan</b></td>
<td width="400"><b><font face="Bodoni MT Condensed" color=blue size=5>Pendapatan</b></td></tr>
</table>
<hr align="left" width="600"/>
<table width="600" border="0">
<tr><td width="175"><font face="Bodoni MT Condensed" color=blue size=5>Angin Reboot Ltd</td>
<td width="175" colspan=3></td>
<td width="175" colspan=2 bgcolor="green" style="border:5px double magenta;"></td>
<td width="175">+150%</td></tr>
<tr><td width="250"><font face="Bodoni MT Condensed" color=blue size=5>Command Prompt, Inc</td>
<td width="175" colspan=3></td>
<td width="75" bgcolor="green"></td>
<td width="100">+55%</td>
<td width="175"></td></tr>
<tr><td width="175"><font face="Bodoni MT Condensed" color=blue size=5>Hibernate Ltd</td>
<td width="75"></td>
<td width="50" align="right">-23%</td>
<td width="50" bgcolor="orange"></td>
<td width="350" colspan=3></td></tr>
<tr><td width="175"><font face="Bodoni MT Condensed" color=blue size=5>Shutdown Ltd</td>
<td width="75" align="right">-75%</td>
<td width="100" colspan=2 bgcolor="red"></td>
<td width="350" colspan=3></td></tr>
</font>
</table>
<br>
<font face="Arial Black">Created By Marcelino Bayu Bagus P
<br>209533421959 PTI09 - C</font>
</body>
</html>
Tugas Rumah NO.2
<!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><font color=red>
<title>Grafik Berbasis Tabel</title>
</head>
<body background="images/Buster_sword_by_Wen_JR.jpg">
<table width="550" border="0" align="left" cellspacing="0" cellpadding="10">
<tr>
<td width="375" colspan=8 align="center"><h2><marquee behavior=alternate>PERBANDINGAN FITUR</marquee></h></td>
</tr>
<tr>
<td colspan="8" style="border-bottom:5px groove red;"></td>
</tr>
<tr>
<td width="25" align="center"><strong>No</strong></td>
<td width="1" rowspan="10" style="border-left:5px double magenta;"></td>
<td width="150" align="center"><strong>Fitur</strong></td>
<td width="1" rowspan="10" style="border-left:5px double magenta;"></td>
<td width="75" align="center"><strong>Enterprise</strong></td>
<td width="1" rowspan="10" style="border-left:5px double magenta;"></td>
<td width="25" align="center"><strong>Pro</strong></td>
<td width="50" align="center"><strong>Free</strong></td>
</tr>
<tr>
<td colspan="8" style="border-top:5px ridge blue;"></td>
</tr>
<tr>
<td width="25" align="center">1</td>
<td width="150">Garansi seumur hidup</td>
<td width="75" align="center">X</td>
<td width="25" align="left">-</td>
<td width="50" align="left">-</td>
</tr>
<tr>
<td width="25" align="center">2</td>
<td width="150">Multiuser</td>
<td width="75" align="center">X</td>
<td width="25" align="left">-</td>
<td width="50" align="left">-</td>
</tr>
<tr>
<td width="25" align="center">3</td>
<td width="150">Update otomatis</td>
<td width="75" align="center">X</td>
<td width="25" align="left">X</td>
<td width="50" align="left">-</td>
</tr>
<tr>
<td width="25" align="center">4</td>
<td width="150">Cetak laporan</td>
<td width="75" align="center">X</td>
<td width="25" align="left">X</td>
<td width="50" align="left">-</td>
</tr>
<tr>
<td width="25" align="center">5</td>
<td width="150">Notifikasi error</td>
<td width="75" align="center">X</td>
<td width="25" align="left">X</td>
<td width="50" align="left">X</td>
</tr>
<tr>
<td colspan="8" style="border-top:5px groove yellow;"></td>
</tr>
<tr>
<td width="25" align="center">6</td>
<td width="150">Ubah tema</td>
<td width="75" align="center">X</td>
<td width="25" align="left">X</td>
<td width="50" align="left">X</td>
</tr>
<tr>
<td width="25" align="center">7</td>
<td width="150">Try icon</td>
<td width="75" align="center">X</td>
<td width="25" align="left">X</td>
<td width="50" align="left">X</td>
</tr>
<tr>
<td colspan="8" style="border-top:5px ridge green;"></td>
</tr>
</table>
<blink><font face=arial black color=blue size=5>Created By Marcelino Bayu Bagus P<br>
PTI09-C / 209533421959 </font></blink>
</font>
</body>
</html>
Ayo Gan Baca Lanjutannya...
