1. SKRIP frame.htm
<head>
<title>fajar</title>
</head>
<frameset rows = "20%,*,15%" scrolling = "no">
<frame src = "title.htm">
<frameset cols = "20%,*,20%" scrolling = "no">
<frame src = "menu.htm">
<frame src = "home.htm" name = "dinamis">
<frame src = "iklan.htm">
</frameset>
<frame src = "title2.htm">
</frameset>
<title>fajar</title>
</head>
<frameset rows = "20%,*,15%" scrolling = "no">
<frame src = "title.htm">
<frameset cols = "20%,*,20%" scrolling = "no">
<frame src = "menu.htm">
<frame src = "home.htm" name = "dinamis">
<frame src = "iklan.htm">
</frameset>
<frame src = "title2.htm">
</frameset>
</html>
Hasil tampilan seperti berikut :
2. SKRIP title.htm
<html>
<head>
<title>fajar</title>
</head>
<body text="black" bgcolor="red"><big><center><marquee><H1>WELCOME TO DANDIE'S ZONE</H1></marquee></center></big>
</body>
</html>
<head>
<title>fajar</title>
</head>
<body text="black" bgcolor="red"><big><center><marquee><H1>WELCOME TO DANDIE'S ZONE</H1></marquee></center></big>
</body>
</html>
Hasil tampilan seperti berikut :
3. SKRIP menu.htm
<HTML>
<HEAD>
<TITLE>menu</TITLE>
</HEAD>
<body background = "trophies.jpg" text = "black" <b><big>MENU</big></b>
</body>
<p>
<A HREF = "home.htm" target ="dinamis">Home</a><br>
<A HREF = "profile.htm" target="dinamis">profile</a><br>
<A HREF = "gallery.htm" target="dinamis">gallery</a><br>
<A HREF = "buku tamu.htm" target="dinamis">buku tamu</a><br>
<A HREF = "contact us.htm" target="dinamis">contact us</a>
</HTML>
Hasil tampilan seperti berikut :
4. SKRIP home.htm
<html>
<head>
<title>menu</title>
</head>
<body text="black" background = "champions.jpg">
<center><H1>Created By : Fajar Tirto Raharjo</H1></center>
</body>
</html>
<title>menu</title>
</head>
<body text="black" background = "champions.jpg">
<center><H1>Created By : Fajar Tirto Raharjo</H1></center>
</body>
</html>
Hasil tampilan seperti berikut :
5. SKRIP profile.htm
<html>
<head>
<title>profile</title>
</head>
<body text="black" bgcolor="red"<big>
<img src = "Foto0241.jpg" height = "150" width = "100">
<pre>
Nama :fajar tirto raharjo
Kelas :5D SORE
NIM :08.10802.00162
Fak/Jur :teknik/informatika
Alamat :Buduran,SDA
</pre>
</body>
</html>
<head>
<title>profile</title>
</head>
<body text="black" bgcolor="red"<big>
<img src = "Foto0241.jpg" height = "150" width = "100">
<pre>
Nama :fajar tirto raharjo
Kelas :5D SORE
NIM :08.10802.00162
Fak/Jur :teknik/informatika
Alamat :Buduran,SDA
</pre>
</body>
</html>
Hasil tampilan seperti berikut :
6. SKRIP gallery.htm
<html>
<head>
<title> gallery </title>
</head>
<body bgcolor = "black">
<head>
<title> gallery </title>
</head>
<body bgcolor = "black">
<img src="believe.jpg" width="200" height="150">
<img src="kings of europ.jpg"width="200" height="150">
<img src="Manchester-United-2.jpg"width="200" height="150">
<img src="manchester-united-footballpictures.net.jpg"width="200" height="150">
<img src="united seventeenth time.jpg"width="200" height="150">
<img src="vidicifhedies_design.jpg"width="200" height="150">
</html>
<img src="kings of europ.jpg"width="200" height="150">
<img src="Manchester-United-2.jpg"width="200" height="150">
<img src="manchester-united-footballpictures.net.jpg"width="200" height="150">
<img src="united seventeenth time.jpg"width="200" height="150">
<img src="vidicifhedies_design.jpg"width="200" height="150">
</html>
Hasil tampilan seperti berikut :
7. SKRIP buku tamu.htm
<html>
<head>
<title>Buku Tamu</title>
</head>
<head>
<title>Buku Tamu</title>
</head>
<body background="Manchester-Utd-Logo.jpg" font face="Arial" size="2">
<div align="left">
<p align="left"><strong>BUKU TAMU</strong></p>
<table width="50%" border="0">
<tr>
<td align="left" valign="top">Nama</td>
<td align="left" valign="top">:</td>
<td align="left" valign="top"><label>
<input type ="text" nama = "nama_mahasiswa" size = "30"
maxleght = "30">
</label></td>
</tr>
<tr>
<td align="left" valign="top">Email</td>
<td align="left" valign="top">:</td>
<td align="left" valign="top"><label>
<input type = "text" name = "alamat_email" size = "30"
maxleght = "20">
</label></td>
</tr>
<tr>
<td align="left" valign="top">Pesan</td>
<td align="left" valign="top">:</td>
<td align="left" valign="top"><label>
<textarea name="pesan" cols="45" rows="10" id="pesan_x"></textarea>
</label></td>
</tr>
<tr>
<td align="left" valign="top"> </td>
<td align="left" valign="top"> </td>
<td align="left" valign="top"><label>
<input type="submit" name="Submit" value="Simpan" />
<input type="submit" name="Submit2" value="hapus" />
</label></td>
</tr>
</table>
</form>
</div>
</body>
</html>
<div align="left">
<p align="left"><strong>BUKU TAMU</strong></p>
<table width="50%" border="0">
<tr>
<td align="left" valign="top">Nama</td>
<td align="left" valign="top">:</td>
<td align="left" valign="top"><label>
<input type ="text" nama = "nama_mahasiswa" size = "30"
maxleght = "30">
</label></td>
</tr>
<tr>
<td align="left" valign="top">Email</td>
<td align="left" valign="top">:</td>
<td align="left" valign="top"><label>
<input type = "text" name = "alamat_email" size = "30"
maxleght = "20">
</label></td>
</tr>
<tr>
<td align="left" valign="top">Pesan</td>
<td align="left" valign="top">:</td>
<td align="left" valign="top"><label>
<textarea name="pesan" cols="45" rows="10" id="pesan_x"></textarea>
</label></td>
</tr>
<tr>
<td align="left" valign="top"> </td>
<td align="left" valign="top"> </td>
<td align="left" valign="top"><label>
<input type="submit" name="Submit" value="Simpan" />
<input type="submit" name="Submit2" value="hapus" />
</label></td>
</tr>
</table>
</form>
</div>
</body>
</html>
Hasil tampilan seperti berikut :
8. SKRIP contact us.htm
<html>
<head>
<title> contact us </title>
</head>
<body bgcolor="green"text="black" <big><big><center><H2>Jika Anda Berminat Bisa Hubungi
FAJAR Di Nomor:<br>031-81517241/08563284243</H2></center></big></big>
<IMG SRC = "Foto0241.jpg" height = "150" width = "100">
</body>
</html>
<head>
<title> contact us </title>
</head>
<body bgcolor="green"text="black" <big><big><center><H2>Jika Anda Berminat Bisa Hubungi
FAJAR Di Nomor:<br>031-81517241/08563284243</H2></center></big></big>
<IMG SRC = "Foto0241.jpg" height = "150" width = "100">
</body>
</html>
Hasil tampilan seperti berikut :
9. SKRIP iklan
<html>
<head>
<title>fajar web</title>
</head>
<body text="black" background="trophies.jpg">
<br>
<p>
</p><br>
<p>
</p><center><big><blink>KREDIT MOTOR HONDA HUBUNGI 031-81517241</blink><big></center><p>
<IMG SRC ="extra.jpg"height = "50" width = "50">
</body>
</html>
<head>
<title>fajar web</title>
</head>
<body text="black" background="trophies.jpg">
<br>
<p>
</p><br>
<p>
</p><center><big><blink>KREDIT MOTOR HONDA HUBUNGI 031-81517241</blink><big></center><p>
<IMG SRC ="extra.jpg"height = "50" width = "50">
</body>
</html>
Hasil tampilan seperti berikut :
10. SKRIP title2.htm
<html>
<head>
<title>fajar</title>
</head>
<body text="black" bgcolor="red"<big><center> Copyright © 2010 fajar tirta</center></big>
</body
</html>
Hasil tampilan seperti berikut :
Demikian cara mendesain web dengan menggunakan tag HTML FRAME, LINK & FORMULIR. Jangan lupa simpan file pada directory yg sama.
SELAMAT MECOBA, SEMOGA SUKSES & BERMANFA'AT....!!!!
