Web viewLAPORAN PRAKTIKUM. PEMROGRAMAN WEB 1. MODUL . 4 (EMPAT) Disusun Oleh : Nama: Rizki...
13
LAPORAN PRAKTIKUM PEMROGRAMAN WEB 1 MODUL 4 (EMPAT) Disusun Oleh : Nama : Rizki Wirawanto Nim : 2011081109 Prodi : Teknik Informatika B 2011 LABORATORIUM KOMPUTER FAKULTAS ILMU KOMPUTER
Transcript of Web viewLAPORAN PRAKTIKUM. PEMROGRAMAN WEB 1. MODUL . 4 (EMPAT) Disusun Oleh : Nama: Rizki...
LAPORAN PRAKTIKUM
PEMROGRAMAN WEB 1
MODUL 4 (EMPAT)
Disusun Oleh :
Nama : Rizki WirawantoNim : 2011081109Prodi : Teknik Informatika B 2011
LABORATORIUM KOMPUTER
FAKULTAS ILMU KOMPUTER
UNIVERSITAS KUNINGAN
2012
A. PRAKTIKUM
1. Ketik Script Contoh 1 dan simpan dengan nama Modul-4a.html
Outputnya, seperti berikut :
<html><body bgcolor="337744"><table border="2" align="center" valign="center"><caption>PT. GUNA PERSADA<br>Daftar Harga Barang</caption><tr align="center"><td>NO</td><td>Barang</td><td>Agen</td><td>Konsumen</td></tr><tr><td>1</td><td>TV 14"</td><td>1100000</td><td>1200000</td></tr><tr><td>2</td><td>Tape Recorder</td><td>650000</td><td>70000</td></tr><tr><td>3</td><td>VCD Player</td><td>400000</td><td>50000</td>
</table></body></html>
2. Tambahkan gambar sebagai background pada table tersebutMaka scriptnya sebagai berikut :
Dan outputnya sebagai berikut :
<html><body bgcolor="337744"><table border="2" background="mcd.jpg" align="center" valign="center"><caption>PT. GUNA PERSADA<br>Daftar Harga Barang</caption><tr align="center"><td>NO</td><td>Barang</td><td>Agen</td><td>Konsumen</td></tr><tr><td>1</td><td>TV 14"</td><td>1100000</td><td>1200000</td></tr><tr><td>2</td><td>Tape Recorder</td><td>650000</td><td>70000</td></tr><tr><td>3</td><td>VCD Player</td><td>400000</td><td>50000</td>
</table></body></html>
3. Berilah warna lain pada baris pertama yang berisikan NO. Barang, Agen dan Konsumen.Maka scriptnya sebagai berikut :
Outputnya, seperti berikut :
<html><body bgcolor="337744"><table border="2" background="mcd.jpg" align="center" valign="center"><caption>PT. GUNA PERSADA<br>Daftar Harga Barang</caption><tr align="center"><td bgcolor="red">NO</td><td bgcolor="red">Barang</td><td bgcolor="red">Agen</td><td bgcolor="red">Konsumen</td></tr><tr><td>1</td><td>TV 14"</td><td>1100000</td><td>1200000</td></tr><tr><td>2</td><td>Tape Recorder</td><td>650000</td><td>70000</td></tr><tr><td>3</td><td>VCD Player</td><td>400000</td><td>50000</td>
</table></body></html>
4. Ketikan Script Contoh 2 dan simpan dengan nama Modul_4b.html
<html><head><title>script layout dengan tabel</title></head><body bgcolor="9966FF"><table border="2" width="100%" height="100%" cellspacing="0"><tr><td width="100%" colspan="2" height="57" bgcolor="#6699FF"><p align="center"><b><font size="6" color="#000080"
face="01-01-00">PT. SURYA KENCANA</font></b></p> <p
align="center"><font face="Times New Roman" size="4"
color="#000080">Jl. Bugisan 424 Yogyakarta</font></td> </tr><tr><td height="321" valign="top"><img border="0" src="MU.JPG" width="400" height="200">
</td><td height="321" valign="top"><font color="#FFFF00"><marquee width="100%" height="19">KUALITAS ADALAH YANG UTAMA
..................!</marquee> </font><p align="center"><b><font size="5" color="green">DAFTAR
PRODUK</font></b></p> <table border="1" width="71%" align="center"><tr><td rowspan="2" bgcolor="#99CCFF"><p align="center">NO</td><td rowspan="2" bgcolor="#99CCFF"><p align="center">Barang</p></td>
<td colspan="2" bgcolor="#99CCFF"><p align="center">Merk</td></tr><tr><td bgcolor="#FFCCFF"><p align="center">Sony</p></td><td bgcolor="ffccff"><p align="center">Aiwa</td></tr><tr><td align="center" bgcolor="#FFCCFF">1</td><td bgcolor="#FFCCFF">Televisi 14"</td>
<td bgcolor="#FFCCFF"><p align="right">2.000.000,-</p></td><td align="right" bgcolor="#FFCCFF">2.200.000,-</td></tr><tr><td align="center" bgcolor="#FFCCFF">2</td><td bgcolor="#FFCCFF">Radio </td><td bgcolor="#FFCCFF"><p align="right">350.000,-</p></td><td align="right" bgcolor="#FFCCFF">400.000,-</td>
</tr><tr><td align="center" bgcolor="#FFCCFF">3</td><td bgcolor="#FFCCFF">Tape</td><td bgcolor="#FFCCFF"><p align="right">800.000,-</p></td><td align="right" bgcolor="#FFCCFF">850.000,-</td></tr><tr><td align="center" bgcolor="#FFCCFF">4</td><td bgcolor="#FFCCFF">VCD</td>
<td bgcolor="#FFCCFF"><p align="right">400.000,-</p></td><td align="right" bgcolor="#FFCCFF">450.000,-</td></tr></table><p> </td></table></body></html>
Maka Outputnya, seperti berikut :
5. Buatlah tabel KHS, maka scriptnya sebagai berikut :
<html><head><title>KHS</title></head><body><h1><p align ="center"><b>KARTU HASIL STUDI</font></b></p></h1><p>Nama :Banu Sutrisno</font></p><p>Nim :0122341</p><p>Fakultas :Ilmu Komputer</p><p>Jurusan : Teknik Informatika</p><table width="73%" border="1"</tr><td width="5%" rowspan="2"><div align="center">No</div></td><td width="28%" rowspan="2"><div align="center">Mata Kuliah</div></td><td width="11%" rowspan="2"><div align="center">SKS</div></td><td colspan="2"><div align="center">Nilai</div></td><td width="23%" rowspan="2"><div align="center">Nilai Akhir</div></td></tr>
<tr><td width="12%"><div align="center">UTS</div></td><td width="12%"><div align="center">UAS</div></td></tr><tr><td><div align="center">1</div></td><td><div align="left">Pancasila</div></td><td><div align="center">2</div></td><td><div align="center">75</div></td><td><div align="center">85</div></td><td><div align="center">B</div></td></tr><tr><td><div align="center">2</div></td><td><div align="left">Agama</div></td><td><div align="center">2</div></td><td><div align="center">50</div></td><td><div align="center">60</div></td><td><div align="center">C</div></td></tr><tr><td><div align="center">3</div></td><td><div align="left">Pemrograman Web 1</div></td><td><div align="center">2</div></td><td><div align="center">80</div></td><td><div align="center">90</div></td><td><div align="center">A</div></td></tr><tr><td colspan="2"><div align="center">Jumlah</div></td><td><div align="center">6</div></td><td><div align="center"> </div></td><td><div align="center"> </div></td><td><div align="center"> </div></td></tr></table></html>
Makka outputnya adalah :
B. TUGAS
1. Buatlah tampilan pengaturan warna pada script sehingga tampak menarik.
2. Buatlah tulisan foto kegiatan bergerak memantul antara 2 sisi3. Jelaskan langkah pembuatan script tersebut dalam laporan resmi
<html><head><title>Tugas</title></head><table border="1" align="center" valign="center" cellpadding="0" cellspacing="0"><tr><td align="center" valign="center"><img src="FKOM.jpg" width="100" height="100"></td><td valign="top" align="center"><b>UNIVERSITAS KUNINGAN</b><br><br>Kampus I : Jl.Cut Nyak Dhien 36A Kuningan<br>Kampus II : Jl.Pramuka 67 kuningan 45512</td></tr><tr><td><li>Fakultas Keguruan & Ilmu<br>Pendidikan</li></td><td bgcolor="yellow">PENERIMAAN MAHASISWA BARU</td></tr><tr><td><li>Fakultas Ekonomi</li></td><td width="300" rowspan="5"><p align="justify">Universitas Kuningan akan menyelenggarakanpenerimaan mahasiswa baru untuk periode 2011-2012mulai bulan Februari sampai Agustus 2011</p></td></tr><tr><td><li>Fakultas Ilmu Komputer</li></td></tr><tr><td><li>Fakultas Kehutanan</li></td></tr><tr><td bgcolor="yellow">FOTO KEGIATAN</td></tr><tr><td rowspan="3"><marquee behavior="alternate"><img src="manu.jpg" width="250" height="100"></td></marquee></tr>
Maka outputnya adalah :
<tr><td bgcolor="yellow">NEWS</td></tr><tr><td rowspan="2"><p align="justify">Badan Eksekutif Mahasiswa (BEM) Universitas Kuningan akan menyelenggarakan lombakarya ilmiah se jawa barat.Bagi peserta yang berminat silahkan menghubungi panitia</p></td></tr><tr><td><a href="http://www.uniku.ac.id/main.php/home.html"><u>www.uniku.ac.id</u></a><br>Jl.Cut Nyak Dhien Cijoho Kuningan       <br><br></td></tr></table></html>
