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>

Posted by MARCELINO BAYU BAGUS PERMADI at 03.04
Labels:

Tidak ada komentar:

Posting Komentar

Langganan: Posting Komentar (Atom)