LAPORAN PRAKTIKUM
PEMROGRAMAN WEB 1
MODUL 3 (TIGA)
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-3a.html
Outputnya, seperti berikut :
<html><head><title>Contoh 1</title></head><frameset rows="40%,60%"><frame name="atas" src="modul-3b.html"><frame name="bawah" src="Modul-3c.html"></frameset></html>
2. Ketik Script Contoh 2 dan simpan dengan nama Modul-3b.html
Outputnya, seperti berikut :
<html><head><title>Contoh 2</title></head><body bgcolor="yellow"><center><font size="6"><b>UNIVERSITAS KUNINGAN</b></font><br><font size="2">Kampus I : Jl. Cut Nyak Dhien Cijoho Kuningan</font><br><font size="2">Kampus II : Jl. Pramuka 67 Kuningan Telp. (0232)871982</font><br><hr size="5" color="blue">| FKIP | FE | <a href="Modul-3b.html" target="bawah"> FKOM </a> | FHUT |<br><a href="Modul-3c.html" target="bawah">Kembali</a></body></html>
3. Contoh 3 dan simpan dengan nama Modul-3c.html
Outputnya, seperti berikut :
<html><head><title>Contoh 3</title></head><body><DL><DT> Fakultas Keguruan dan Ilmu Pendidikan<DD> Bahasa dan Sastra<DD> PE-AP<DT> Fakultas Ekonomi<DD> Akuntansi<DD> Manajemen<DT> Fakultas Ilmu Komputer<DD> Teknik Informatika<DD> Sistem Informasi<DT> Fakultas Kehutanan<DD> Budi Daya Hutan<DD> Konservasi Suber Daya Hutan</DL></body></html>
4. Jalankan Script Modul-3a.html dengan web browser dan amati hasilnya
Jika kita klik bagian FKOM, maka akan tampil :
5. Jika ada kesalahan, lakukan perbaikan
6. Ubahlah warna latar pada script Modul-3c.html sehingga menjadi lebih menarik
B. Pertanyaan dan Tugas
1. Apakah tujuan dari pembagian script ke dalam kolom atau baris ?
Jawab :
Tujuan pembagian script ini, apabila kita menginginkan pergantian
tampilan dengan script yang lain kita tinggal menunjuknya atau
mengkliknya.
Pembagian script kolom dan baris disebut frame. Frame adalah bingkai
yang membagi jendela browser sesuai keinginan kita. Dengan frame,
kita bisa menampilkan beberapa file html sekaligus. Misalnya file
pertama adalah file menu dan file kedua adalah isinya.
2. Bisakah membuat frame kolom dan baris sekaligus pada satu script,
jelaskan!
Jawab :
Tentu saja bisa, didalamnya terdapat tag cols untuk kolom, dan rows
untuk baris. Nanti kita tinggal mengatur ukurannya sesuai keinginan
kita.
3. Buatlah frame kolom untuk menampilkan informasi universitas
kuningan !
Jawab :
Listing programnya :
1. <html><head><title>tugas modul 3</title></head>
<frameset cols="50%,*"><frame name="kiri" src="modul-3b.html"><frame name="kanan" src="modul-3c.html"></frameset></html>
2.
3.
4. Outputnya adalah :
<html><head><title>Contoh 2</title></head><body bgcolor="yellow"><center><font size="6"><b>UNIVERSITAS KUNINGAN</b></font><br><font size="2">Kampus I : Jl. Cut Nyak Dhien Cijoho Kuningan</font><br><font size="2">Kampus II : Jl. Pramuka 67 Kuningan Telp. (0232)871982</font><br><hr size="5" color="blue">| FKIP | FE | <a href="Modul-3b.html" target="bawah"> FKOM </a> | FHUT |<br><a href="Modul-3c.html" target="bawah">Kembali</a></body></html>
<html><head><title>Contoh 3</title></head><body><DL><DT> Fakultas Keguruan dan Ilmu Pendidikan<DD> Bahasa dan Sastra<DD> PE-AP<DT> Fakultas Ekonomi<DD> Akuntansi<DD> Manajemen<DT> Fakultas Ilmu Komputer<DD> Teknik Informatika<DD> Sistem Informasi<DT> Fakultas Kehutanan<DD> Budi Daya Hutan<DD> Konservasi Suber Daya Hutan</DL></body></html>
TUGAS TAMBAHAN
- Membuat halaman yg terbagi beberapa kolom dan baris, outputnya sbb :
- Sintak yg diperlukan adalah :
1. Frameset.html = halaman pembuatan kolom dan baris
2. Nama.html = berisi header halaman ini
3. Logo1.html = berisi logo universitas kuningan
4. Logo2.html = berisi logo fakultas ilmu komputer
5. Menu.html = berisi link HOME dan FAKULTAS
6. Moto.html = berisi tentang moto Universitas Kuningan
7. Home.html = berisi tentang Sejarah Universitas Kuningan
8. Fakultas.html = berisi tentang macam fakultas di UNIKU dan hal tersebut
merujuk pada menu.html
9. Prodi.html = berisi tentang macam program studi yang ada di Fakultas ilmu
Komputer, dan halaman ini merujuk pada fakultas.html
- Maka setelah semua di lakukan maka outputnya :
- Jika kita mengklik tulisan FAKULTAS, maka akan merujuk pada halaman lain
ymaka tampilannya akan seperti berikut :
- Jika tulisan Fakultas Ilmu Komputer di klik lagi maka outputya akan seperti
berikut :