PROYEK HTML
1. MEMBUAT FRAME
CARANYA : <html> <head>
<title>Proyek HTML</title> <link rel='icon' href='r.png'> </head>
</head>
<frameset rows="30%,70%,*">
<frame src="top.html" frameborder="0" noresize scrolling="no"> <frameset cols="20%,65%,*">
<frame src="menu.html" noresize="noresize">
<frame src="home.html" name="target" noresize scrolling="yes"> <frame src="menu2.html" noresize="noresize">
<br>
<base target="target"> <body bgcolor="green"> <font color="white">
<p align="center"><font face="JunebugStompNF"><u> Pilihan Menu</u>
<pre>
<font face="fawn script" size="3">
<a href="home.html">HOME</a><br>
<a href="profl.html">PROFIL JURUSAN</a><br> <a href="biodata.html">BIODATA</a><br> </pre>
2. HOME Gambar :
Caranya : <html> <head>
<font face="Chiller" font size="6"color="red"><b><center>Welcome to My ofcial page</b></center></font>
<br></p>
<font color="red" font face="chiller" font
size="99"><center><style="text-align: justify; text-indent: 0.5in;">binomial_13
<br><br><br><br>
<font color="black"><left><style="text-align: right; text-indent: 0.5in;">famm_fahmi
<tr>
<body background="8.jpg">
<br><br><br><br><br><br><div align="center"> <td colspan="5" bgcolor="white" width="700"><marquee
direction="left"><center><font face="Chiller" Font color="red" fon size="99">famm_fahmi</font></center></marquee></td>
3. KARTU KONTROL Gambar :
<html> <head>
<td colspan="5" width="700" height="420" valign="top" bgcolor="#cff8f1">
<table border="0"> <body bgcolor=#87cefa>
<font size=4><center><b>KARTU KONTROL PRAKTIKUM</b></font>
<font size=4><center><b>PENGANTAR ILMU KOMPUTER</b></font>
<br></br>
<table width="100%" border="0" <tr>
<td><font size=3>fahmi salam</td>
<td rowspan="11" width="50%" align="right" valign="top"><img src="saya.jpg" width="120" height="160"></td>
</tr> <tr>
<td><font size=3>NIM</td><td><font size=3>:</td> <td><font size=3>H111 13 507</td>
</tr> <tr>
<td><font size=3>Program Studi</td><td><font size=3>:</td> <td><font size=3>Matematika</td>
</tr> <tr>
<td><font size=3>Kelompok</td><td><font size=3>:</td> <td><font size=3>RAM</td>
</tr> <tr>
<td><font size=3>Asisten</td><td><font size=3>:</td> <td><font size=3>Muhammad Sadno</td>
</tr> <tr>
<td><font size=3></td><td><font size=3></td> <td><font size=3>Firman Saputra</td>
</tr> <tr>
<td><font size=3>Andi Tenri Wuleng</td> </tr>
<tr>
<td><font size=3></td><td><font size=3></td> <td><font size=3>Nur Rohmah O.P.</td>
</tr> <tr>
<td><font size=3></td><td><font size=3></td> <td><font size=3>Riska Savitri</td>
</tr> <tr>
<td><font size=3></td><td><font size=3></td> <td><font size=3>Lestari Irfandi Amir</td>
</tr> <tr>
<td><font size=3></td><td><font size=3></td> <td><font size=3>Ancy Rini Artya Julima</td> </tr>
<table width="100%" border="1"> <tr>
<td rowspan="2" width="3%" align="center">No.</td> <td rowspan="2" width="10%%" align="center">TGL PRAKTIKUM</td>
<td rowspan="2" width="15%" align="center">JUDUL MATERI</td> <td colspan="3" width="20%" align="center">NILAI</td>
<td rowspan="2" width="5%" align="center">KET.</td> </tr>
<tr>
<td width="6%" align="center">TP</td> <td width="7%" align="center">RESPON</td> <td width="7%" align="center">TUGAS</td> </tr>
<tr>
<td align="center">1.</td>
<td align="center">29 OKTOBER 2013</td> <td align="center">Microsoft Word 2007</td>
<td align="center"><output type="text" name="nama" value=""></td>
<td align="center"><output type="text" name="nama" value=""></td>
<td align="center"><output type="text" name="nama" value=""></td>
<td align="center"><output type="text" name="nama" value=""></td>
<td align="center"><output type="text" name="nama" value=""></td>
</tr> <tr>
<td align="center">2.</td>
<td align="center">9 NOVEMBER 2013</td> <td align="center">Microsoft Excel 2007</td>
<td align="center"><output type="text" name="nama" value=""></td>
<td align="center"><output type="text" name="nama" value=""></td>
<td align="center"><output type="text" name="nama" value=""></td>
<td align="center"><output type="text" name="nama" value=""></td>
</tr> <tr>
<td align="center">3.</td>
<td align="center">12 NOVEMBER 2013</td>
<td align="center">Microsoft Power Point 2007</td> <td align="center"><output type="text" name="nama" value=""></td>
<td align="center"><output type="text" name="nama" value=""></td>
<td align="center"><output type="text" name="nama" value=""></td>
<td align="center"><output type="text" name="nama" value=""></td>
<td align="center"><output type="text" name="nama" value=""></td>
</tr> <tr>
<td align="center">4.</td>
<td align="center">19 NOVEMBER 2013</td> <td align="center">Pengenalan HTML</td>
<td align="center"><output type="text" name="nama" value=""></td>
<td align="center"><output type="text" name="nama" value=""></td>
<td align="center"><output type="text" name="nama" value=""></td>
<td align="center"><output type="text" name="nama" value=""></td>
</tr> <tr>
<td align="center">5.</td>
<td align="center">26 NOVEMBER 2013</td> <td align="center">BLOG</td>
<td align="center"><output type="text" name="nama" value=""></td>
<td align="center"><output type="text" name="nama" value=""></td>
<td align="center"><output type="text" name="nama" value=""></td>
<td align="center"><output type="text" name="nama" value=""></td>
<td align="center"><output type="text" name="nama" value=""></td>
</tr> <tr>
<td align="center">6.</td>
<td align="center">03 DESEMBER 2013</td> <td align="center">MAPLE</td>
<td align="center"><output type="text" name="nama" value=""></td>
<td align="center"><output type="text" name="nama" value=""></td>
<td align="center"><output type="text" name="nama" value=""></td>
<td align="center"><output type="text" name="nama" value=""></td>
</td> </tr> </table>
</td> </tr> <tr>
<div align="center">
<td colspan="5" bgcolor="white" width="700"><marquee
direction="left"><center><font face="Chiller" Font color="red" font size="100">famm_fahmi</font></center></marquee></td>
</div> </tr>
<EMBED SRC="Touch_My_Heart.mp3" AUTOSTART="TRUE"
LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED> </body>
4. BIODATA Gambar :
Caranya : <html> <head>
<td colspan="5" width="700" height="420" valign="top" bgcolor="yellow">
<center><img src="DSC_1069.jpg" width="300" height="200" border="3"></center><br>
<table border="0"> <tr>
<td>NIM </td> <td>:</td>
<td font color="yellow">H 111 13 507</font></td> </tr>
<tr>
<td>:</td>
<td font color="RED">Fahmi Salam</font></td> </tr>
<tr>
<td>TTL </td> <td>:</td>
<td font color="RED">MAJENE, 27 Desember 1995</font></td> </tr>
<tr>
<td>Alamat </td> <td>:</td>
<td font color="red">Jl. Damai, Tamalanrea - Makassar</font></td>
</tr> <tr>
<td>Agama </td> <td>:</td>
<td font color="RED">Islam</font></td> </tr><tr>
<td>Fak/Jur </td> <td>:</td>
<td><FONT FACE="CHILLER">MIPA/Matematika</font></td> </tr>
<td>Universitas </td> <td>:</td>
<td font color="yellow">Universitas Hasanuddin</font></td> </tr>
<tr>
<td>Email <td>:</td>
<td><a href="http://gmail.com/"
target="blank">[email protected]</a></font></td> </tr>
<tr>
<td>Twitter ID </td> <td>:</td>
<td font color="yellow"><a href="http://twitter.com/fammfahmi" target="blank">Fahmi salam</a></font></td>
<tr>
<td>Facebook ID </td> <td>:</td>
<td font color="yellow"><a
href="http://www.facebook.com/fahmisalam/" target="blank">fahmi salam</a></font></td>
</tr>
<tr>
<td>No. HP </td> <td>:</td>
</table>
<br><br><br><br>
</td></tr><tr><body background="1.jpg"><div align="center"><td colspan="5" bgcolor="yellow" width="700"><marquee
direction="left"><center><font face="Chiller" Font color="red" font
size="70">famm_fahmi-famm_fahmi-famm_fahmi-famm_fahmi-famm_fahmi</font></center></marquee></td></div></tr></table> </body>
5. MENU O Gambar :
Caranya : <html> <head>
<title> Homepage </title> </head>
<base target="target"> <body bgcolor="violet"> <font color="black">
<p align="center"><font face="JunebugStompNF"><u> Pilihan Menu</u>
<pre>
<font face="fawn script" size="4">
<a href="biodata.html" target="target">BIODATA</a><br> <a href="kartukontrol.html" target="target">KARTU
KONTROL</a><br>
<a href="video.html" target="target">VIDEO</a><br> <a href="Facebook.html"
target="target">FACEBOOK</a><br>
<a href="Twitter.html" target="target">TWITTER</a><br> <script
src='http://dl.dropboxusercontent.com/u/74044634/WebGL/Cloud/Clou dEffect.js' type='text/javascript'></script>
<script type='text/javascript'> // <![CDATA[
var colour="#52D8ED"; var sparkles=100; var x=ox=400; var y=oy=300; var swide=800; var shigh=600; var sleft=sdown=0; var tiny=new Array(); var star=new Array(); var starv=new Array(); var starx=new Array(); var stary=new Array(); var tinyx=new Array(); var tinyy=new Array(); var tinyv=new Array();
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) { var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats); starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent"; rats.style.visibility="hidden";
var rlef=createDiv(1, 5); var rdow=createDiv(5, 1); rats.appendChild(rlef); rats.appendChild(rdow); rlef.style.top="3px"; rlef.style.left="0px"; rdow.style.top="0px"; rdow.style.left="3px";
document.body.appendChild(star[i]=rats); }
set_width(); sparkle(); }}
function sparkle() { var c;
ox=x; oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) { star[c].style.left=(starx[c]=x)+"px"; star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)"; star[c].style.visibility="visible";
starv[c]=50; break;
} }
for (c=0; c<sparkles; c++) { if (starv[c]) update_star(c); if (tinyv[c]) update_tiny(c); }
setTimeout("sparkle()", 40); }
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)"; if (starv[i]) {
stary[i]+=1+Math.random()*3; if (stary[i]<shigh+sdown) { star[i].style.top=stary[i]+"px"; starx[i]+=(i%5-2)/5;
else {
star[i].style.visibility="hidden"; starv[i]=0;
return; } } else { tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px"; tiny[i].style.left=(tinyx[i]=starx[i])+"px"; tiny[i].style.width="2px";
tiny[i].style.height="2px"; star[i].style.visibility="hidden"; tiny[i].style.visibility="visible" }
}
function update_tiny(i) { if (--tinyv[i]==25) { tiny[i].style.width="1px"; tiny[i].style.height="1px"; }
if (tinyv[i]) {
tiny[i].style.left=tinyx[i]+"px"; }
else {
tiny[i].style.visibility="hidden"; tinyv[i]=0;
return; } }
else tiny[i].style.visibility="hidden"; }
document.onmousemove=mouse; function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown; x=(e)?e.pageX:event.x+sleft; }
function set_scroll() {
if (typeof(self.pageYOffset)=="number") { sdown=self.pageYOffset;
sleft=self.pageXOffset; }
else if (document.body.scrollTop || document.body.scrollLeft) { sdown=document.body.scrollTop;
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) { sleft=document.documentElement.scrollLeft; sdown=document.documentElement.scrollTop; }
else { sdown=0; sleft=0; }
}
window.onresize=set_width; function set_width() {
if (typeof(self.innerWidth)=="number") { swide=self.innerWidth;
shigh=self.innerHeight; }
else if (document.documentElement && document.documentElement.clientWidth) { swide=document.documentElement.clientWidth; shigh=document.documentElement.clientHeight; }
else if (document.body.clientWidth) { swide=document.body.clientWidth; shigh=document.body.clientHeight; }
function createDiv(height, width) { var div=document.createElement("div"); div.style.position="absolute";
div.style.height=height+"px"; div.style.width=width+"px"; div.style.overflow="hidden"; div.style.backgroundColor=colour; return (div);
} // ]]> </script> </pre> </font>
<EMBED SRC="Everybodys Changing.mp3" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED> </body>
6. MENU Gambar :
Caranya : <html> <head>
<title>Homepage</title> </head>
<base target="target"> <body bgcolor="#99FFCC"> <font color="black">
</table>
</table><div style="position: fxed;top: 0px; center: 0px;width:0px;height:0px;">
<td><a href="http://www.facebook.com/" target="_blank"
title="Masuk ke Facebook"> <img src="facebook.jpg" border="0" width="40" height="40"/></a></td>
<td><a href="http://www.twitter.com/" target="_blank" title="Masuk ke Twitter"> <img src="twitter_icon.png" border="0" width="40" height="40"/></a></td>
<td><a href="http://www.gmail.com/" target="_blank" title="Masuk ke Gmail"> <img src="gmail.jpg" border="0" width="40" height="40"/ ></a></td>
<td><a href="http://www.youtube.com/" target="_blank"
title="Masuk ke Youtube"> <img src="youtube-ikon.png" border="0" width="40" height="40"/></a></td><br>
7. MENU 2 Gambar :
Caranya : <html> <head>
<title>Homepage</title> </head>
<base target="target"> <body bgcolor="#99FFCC"> <font color="black">
</table>
</table><div style="position: fxed;top: 0px; center: 0px;width:0px;height:0px;">
<td><a href="http://www.facebook.com/" target="_blank"
title="Masuk ke Facebook"> <img src="facebook.jpg" border="0" width="40" height="40"/></a></td>
<td><a href="http://www.twitter.com/" target="_blank" title="Masuk ke Twitter"> <img src="twitter_icon.png" border="0" width="40" height="40"/></a></td>
<td><a href="http://www.gmail.com/" target="_blank" title="Masuk ke Gmail"> <img src="gmail.jpg" border="0" width="40" height="40"/ ></a></td>
<td><a href="http://www.youtube.com/" target="_blank"
title="Masuk ke Youtube"> <img src="youtube-ikon.png" border="0" width="40" height="40"/></a></td><br>
8. PEMBUKA Gambar :
Caranya : <html>
<head><center>< </blockquote> </tr>
</table>
<title>Login WEB</title><link rel='icon' href='r.png'> </head><b>
<body><font face="Chiller" size="8" font color="red"><center>Silahkan isi data dibawah :)</center></font><br><b>
<table align="center">
<td><font face="Segoe Script"><form method="post"
<input type="text" name="nama" value=""></br> <label><font color="red">Email:</label>
<br>
<input type="text" name="Email" value=""></br><label><font color="red">Alamat:</label>
<br>
<input type="text" name="Alamat" Value=""></br> <label><font color="red">Tanggal Lahir:</label> <br>
<select name="select">
<option value="17">17</option> <option value="18">18</option> <option value="19">19</option> <option value="20">20</option> <option value="21">21</option> <option value="22">22</option> <option value="23">23</option> <option value="24">24</option> <option value="25">25</option> <option value="26">26</option> <option value="27">27</option> <option value="28">28</option> <option value="29">29</option> <option value="30">30</option> <option value="31">31</option> </select>
<select name="select2">
<option value="10">Oktober</option> <option value="11">November</option> <option value="12">Desember</option> </select>
<select name="select3">
<option value="2001">1988</option> <option value="2002">1989</option> <option value="2003">1990</option> <option value="2004">1991</option> <option value="2005">1992</option> <option value="2006">1993</option> <option value="2007">1994</option> <option value="2008">1995</option> <option value="2009">1996</option> </select></br>
<label><font color="red">Jenis Kelamin:</label><br>
<div class="mtm _5dbb"><span class="_5k_3" data-type="radio" data-name="gender_wrapper"><span class="_5k_2 _5dba"><input type="radio" name="sex" value="1" id="u_0_5" /><label
class="_58mt" for="u_0_5">Laki-laki</label></span><span class="_5k_2 _5dba"><input type="radio" name="sex" value="2" id="u_0_6" /><label class="_58mt"
for="u_0_6">Perempuan</label></span></span><i class="_5dbc _5k_6 img sp_2xp1ac sx_2bac47"></i><i class="_5dbd _5k_7 img sp_2xp1ac sx_429f2b"></i></div>
<input value="Masuk" tabindex="4" type="submit" id="u_0_e" /></label></td></tr>
</td> </table>
<EMBED SRC="Gym Class Heroes - Stereo Hearts.mp3" AUTOSTART="false" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>
<p align="center"> <font size="1" color="red" ><BLINK>... Selamat Mengisi ...
9. PROFIL JURUSAN Gambar :
Caranya : <html> <head>
<font face="Chiller" font
size="30"color="RED"><b><center><blink>PROFIL JURUSAN</blink></b></center></font>
<br>
<body background="A_Dreamy_World_73rd.jpg">
<font color="black"><center><style="text-align: justify; text-indent: 0.5in;">Jurusan Matematika dan Ilmu Pengetahuan Alam
<p style="text-align: justify; text-indent: 0.5in;">Program Studi (PRODI) Statstika adalah salah satu PRODI dari 2 (dua)
Jurusan Matematika Fakultas MIPA UNHAS berdiri pada tahun 1963.
<br><p style="text-align: justify; text-indent: 0.5in;">Pada awalnya Jurusan Matematika hanya diasuh oleh tiga tenaga pengajar sehinga mahasiswa tingkat Diploma perlu
melanjutkan pendidikannya di pulau Jawa. Pada tahun 1981, barulah Jurusan Matematika menawarkan program sarjana (S1).
<br><p style="text-align: justify; text-indent: 0.5in;">Mulai tahun 1983 peminat jurusan ini meningkat, dan beberapa tahun kemudian sampai sekarang menerima 30 sampai 40
mahasiswa setiap tahun untuk setiap PRODI. Walaupun secara PRODI Statistika telah ada pada tahun 1991, namun secara
resmi PRODI ini berdiri pada tahun 1995, dengan jumlah mahasiswa setiap tahun ajarannya 30-40 mahasiswa.
<br><p style="text-align: justify; text-indent: 0.5in;">Jurusan Matematika melalui 2 PRODI yang dikelolanya telah menghasilkan lulusan sebanyak 551 alummi, berdasarkan
data alumni Jurusan Matematika bulan Januari 1986 sampai September 2007
<div align="center">
<td colspan="5" bgcolor="white" width="700"><marquee
10.TOP Gambarnya :
Caranya : <html> <head>
<title> Homepage</title> </head>
<base target="target">
<body background="3d_137.jpg"> <font color="GOLD" face="Chiller">
<h1 align="center">FAMM FAHMI<B><I></h1></I></B> <font color="yellow">
<font face="Segoe Script" size="7" font color="blue"><center>H 111 13 507</center></font>
<br><br><br> </font>
11.VIDEO Gambarnya :
Caranya : <html>
<head><FONT SIZE="25" FONT COLOR="RED"><CENTER>EL-CLASSICO"</CENTER></FONT></HEAD>
<blockquote>
<center><EMBED SRC="10 best goal in el_CLassico.WEBM" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="620" HEIGHT="340" ALIGN="CENTER"></center></EMBED>
</blockquote> </tr>
</table>
<center><EMBED SRC="pacar 5 langkah.WEBM" AUTOSTART="false" LOOP="TRUE" WIDTH="620" HEIGHT="340"
</tr> </table> <br> </td> </tr> <tr>
<body background="DSC_1141.jpg"> <div align="center">
<td colspan="5" bgcolor="white" width="700"><marquee direction="right"><center><font fce="Chiller" Font
color="red">BARCELONA</font></center></marquee></td> </div>