rizkiwirawanto.files.wordpress.com€¦ · web view akuntansi manajemen fakultas ilmu komputer...

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


<html><head><title>Contoh 2</title></head><body bgcolor="yellow"><center>UNIVERSITAS KUNINGAN Kampus I : Jl. Cut Nyak Dhien Cijoho Kuningan Kampus II : Jl. Pramuka 67 Kuningan Telp. (0232)871982 <hr size="5" color="blue">| FKIP | FE | <a href="Modul-3b.html" target="bawah"> FKOM </a> | FHUT | <a href="Modul-3c.html" target="bawah">Kembali</a></body></html>

3. Contoh 3 dan simpan dengan nama Modul-3c.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>

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>UNIVERSITAS KUNINGAN Kampus I : Jl. Cut Nyak Dhien Cijoho Kuningan Kampus II : Jl. Pramuka 67 Kuningan Telp. (0232)871982 <hr size="5" color="blue">| FKIP | FE | <a href="Modul-3b.html" target="bawah"> FKOM </a> | FHUT | <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 :

- Lalu jika kita ingin kembali ke halaman utama, kita harus mengklik tulisan

HOME, maka outputnya akan kembali seperti semula :

rizkiwirawanto.files.wordpress.com€¦ · web view akuntansi manajemen fakultas ilmu komputer...

Documents