14 Feb 2011

Studi Kasus Modul 2 - Prak Pemrograman Berbasis Web

Diposting oleh Rista Rusdianawati di 7:51 AM
Label:
==> Membuat halaman web dengan memanfaatkan elemen tabel dan hyperlink.
***membuat tabel yang terdiri dari 3 tab menu seperti berikut :
--> berikut script html-nya :


<!DOCTYPE HTML>
<html lang = "en">
<head>

<title>My Stuff</title>
</head>
<body >
<center><font face = "forte" size = 9 color = "blue">--> MY STUFF <--</font>
<br>
<br>
<table align ="center" border ="0" cellspacing=0>
<tr>
<th width = "15" height = "40" bgcolor = "#87CEFA"></th>
<th width = "150" height = "40" bgcolor = "#98FB98">
<a href="http://localhost/pertemuan2/filmmystuff.html">Film</a></th>
<th width = "15" height = "40" bgcolor = "white"></th>
<th width = "150" height = "40" bgcolor = "#98FB98">
<a href="http://localhost/pertemuan2/dokumenmystuff.html">Dokumen</a></th>
<th width = "15" height = "40" bgcolor = "white"></th>
<th width = "150" height = "40" bgcolor = "#98FB98">
<a href="http://localhost/pertemuan2/musikmystuff.html">Musik</a></th>
<th width = "15" height = "40" bgcolor = "#87CEFA"></th>
</tr>

<tr>
<td colspan=7 bgcolor = "#87CEFA" align="center">
&copy; Rista Rusdianawati
</td>
</tr>
</table>
</body>
</html>


***Jika di-click pada salah satu menu, maka akan menunjukkan isi yang berbeda. Tiap halaman berisi link untuk mendownload data yang telah disediakan.
--> Ini adalah isi menu Film :
--> berikut script html-nya :
<!DOCTYPE HTML>  
<html lang = "en">  
<head>  
<title>Film</title>  
</head>  
<body>  
<center>  
<font face = "forte" size = 9 color = "blue">--> MY STUFF <--</font>  
  
<table align = "center" border ="0" cellspacing=0>  
<tr>  
<th width = "15" height = "40" bgcolor = "#87CEFA"></th>  
<th width = "150" height = "40" bgcolor = "#FFA500">  
<a href="http://localhost/pertemuan2/filmmystuff.html">Film</a></th>  
<th width = "15" height = "40" bgcolor = "white"></th>  
<th width = "150" height = "40" bgcolor = "#98FB98">  
<a href="http://localhost/pertemuan2/dokumenmystuff.html">Dokumen</a></th>  
<th width = "15" height = "40" bgcolor = "white"></th>  
<th width = "150" height = "40" bgcolor = "#98FB98">  
<a href="http://localhost/pertemuan2/musikmystuff.html">Musik</a></th>  
<th width = "15" height = "40" bgcolor = "#87CEFA"></th>  
</tr>  
<tr>  
<td bgcolor="#87CEFA"></td>  
<td colspan=5 bgcolor = "#FFA500">  
<ol>  
<li><a href = "film1.avi">Emak Pengen Naik Haji</a></li>  
<li><a href = "film2.avi">Laskar Pelangi</a></li>  
<li><a href = "film3.avi">Sang Pemimpi</a></li>  
<li><a href = "film4.avi">Satu Jam Saja</a></li>  
<li><a href = "film5.avi">Ketika Cinta Bertasbih</a></li>  
</ol></td>  
<td bgcolor="#87CEFA"></td>
</tr>  
<tr>  
<td colspan=7 bgcolor = "#87CEFA" align="center">  
&copy; Rista Rusdianawati  
</td>

</table>  
</body>  
</html>


--> Ini adalah isi menu Dokumen :
--> Berikut script html-nya :

<!DOCTYPE HTML>  
<html lang = "en">  
<head>  
<link rel="shortcut icon" href="http://localhost/modul2/studikasus/images/icon.ico">  
<title>Dokumen</title>  
</head>  
<body>  
<center>  
<font face = "forte" size = 9 color = "blue">--> MY STUFF <--</font>
   
<table align = "center" border ="0" cellspacing=0>  
<tr>  
<th width = "15" height = "40" bgcolor = "#87CEFA"></th>  
<th width = "150" height = "40" bgcolor = "#98FB98">  
<a href="http://localhost/pertemuan2/filmmystuff.html">Film</a></th>  
<th width = "15" height = "40" bgcolor = "white"></th>  
<th width = "150" height = "40" bgcolor = "#FFA500">  
<a href="http://localhost/pertemuan2/dokumenmystuff.html">Dokumen</a></th>  
<th width = "15" height = "40" bgcolor = "white"></th>  
<th width = "150" height = "40" bgcolor = "#98FB98">  
<a href="http://localhost/pertemuan2/musikmystuff.html">Musik</a></th>  
<th width = "15" height = "40" bgcolor = "#87CEFA"></th>  
</tr> 
<tr>  
<td bgcolor="#87CEFA"></td>  
<td colspan=5 bgcolor = "#FFA500">  
<ol>  
<li><a href = "buku1.doc">Pemrograman Dasar VB.NET</a></li>  
<li><a href = "buku2.doc">Dasar Pemrograman Web</a></li>  
<li><a href = "buku3.doc">Matematika Teknik I</a></li>  
<li><a href = "buku4.doc">Manajemen Pendidikan Kejuruan</a></li>  
<li><a href = "buku5.doc">Perkembangan Peserta Didik</a></li>  
</ol>
</td>  
<td bgcolor="#87CEFA"></td>  
<tr>  
<td colspan=7 bgcolor = "#87CEFA" align="center">  
&copy; Rista Rusdianawati 
</td>  
</table>  
</body>  
</html>

--> Ini adalah isi menu musik :

--> Berikut adalah script html-nya :

n;padding:0 10px 0 0;margin:0;">

<!DOCTYPE HTML>  
<html lang = "en">  
<head>  
<link rel="shortcut icon" href="http://localhost/modul2/studikasus/images/icon.ico">  
<title>Musik</title>  
</head>  
<body>  
<center>  
<font face = "forte" size = 9 color = "blue">--> MY STUFF <--</font>
   
<table align = "center" border ="0" cellspacing=0>  
<tr>  
<th width = "15" height = "40" bgcolor = "#87CEFA"></th>  
<th width = "150" height = "40" bgcolor = "#98FB98">  
<a href="http://localhost/modul2/studikasus/film.html">Film</a></th>  
<th width = "15" height = "40" bgcolor = "white"></th>  
<th width = "150" height = "40" bgcolor = "#98FB98">  
<a href="http://localhost/modul2/studikasus/dokumen.html">Dokumen</a></th>  
<th width = "15" height = "40" bgcolor = "white"></th>  
<th width = "150" height = "40" bgcolor = "#FFA500">  
<a href="http://localhost/modul2/studikasus/music.html">Musik</a></th>  
<th width = "15" height = "40" bgcolor = "#87CEFA"></th>  
</tr> 
<tr>  
<td bgcolor="#87CEFA"></td>  
<td colspan=5 bgcolor = "#FFA500">  
<ol>  
<li><a href = "musik.mp3">Sempurna - Andra & The Backbone</a></li>  
<li><a href = "musik.mp3">Ya Sudahlah - Bondan feat Fade2Black</a></li>  
<li><a href = "musik.mp3">Cinta Kita - Teuku Wisnu feat Shiren Sungkar</a></li>  
<li><a href = "musik.mp3">Drive - Akulah Dia</a></li>  
<li><a href = "musik.mp3">Taxi - Hujan Kemarin</a></li>  
</ol>
</td>  
<td bgcolor="#87CEFA"></td>  
<tr>  
<td colspan=7 bgcolor = "#87CEFA" align="center">  
&copy; Rista Rusdianawati 
</td>  
</table>  
</body>  
</html>





silahkan mencoba......

0 komentar:

Posting Komentar

silakan komen......

Langganan: Posting Komentar (Atom)