eedb4 modul 4 pemrograman berbasis web
STMIK PPKIA Pradnya Paramita
Praktikum Pemrograman berbasis web
MODUL 4
HTML
(HyperText Mark-Up Language)
Sub : Frame
Laboratorium Komputer
STIMIK PPKIA Pradnya Paramita Malang
Tahun 2016
[email protected]
STMIK PPKIA Pradnya Paramita
Praktikum Pemrograman berbasis web
Pertemuan 4
4.1 Tujuan : 1. Mahasiswa dapat memahami dan mengenai perintah perintah HTML
2. Mahasiswa dapat membuat beberapa halaman website sederhana
4.2 Materi :
1. Frame
2. Atribut Frame
3. Frame dengan Hyperlink
4.2.1 HTML Frame
Html Frames berfungsi untuk menampilkan lebih dari satu dokumen HTML di jendela browser yang
sama. Atau lebih tepatnya terdapat suatu bagian di dalam halaman web anda yang dapat berubah
ubah (dinamis).
Frameset adalah gabungan dari beberapa frame yang dijadikan dalam satu frame / tempat.
Syntax:
Penjelasan Syntax:
Frameset dibagi menjadi 2 kolom. Kolom pertama diberi ukuran 25% dari ukuran frameset, Kolom
kedua diberi ukuran 75% dari ukuran frameset. Dokumen Image.html dimasukkan ke dalam kolom
pertama, dokumen detail.html dimasukkan ke dalam kolom kedua
Frame HTML dapat digunakan untuk membuat tampilan halaman HTML yang terbagi-bagi menjadi
beberapa bagian dimana setiap bagiannya merupakan satu halaman HTML yang terpisah. Ini
dilakukan untuk membuat tampilan halaman HTML yang salah satu atau beberapa bagian
bergantiganti isinya sedanbagian lain tetap sehingga dapat menghemat bandwith internet.
Latihan FRAME
LATIHAN 8
Tahun 2016
[email protected]
STMIK PPKIA Pradnya Paramita
Praktikum Pemrograman berbasis web
Dasar Penggunaan Frame
Frame memungkinkan satu halaman Web atau lebih ditampilkan pada sebuah jendela browser.
Untuk mempraktikan frame, buatlah terlebih dulu dua buah berkas HTML bernama
File framekir.htm :
File framekan.htm :
Halaman yang berbasis frame dibentuk dengan menggunakan pasangan dan
, atribut COLS digunakan untuk menentukan lebar masing-masing frame.
Contoh :
Mengantisipasi Tidak Adanya Dukungan Frame
Ada kemungkinan bahwa Web browser yang digunakan pemakai tidak mendukung fitur frame.
Untuk mengatur agar ada pemberitahuan bahwa halaman Web hanya bisa dilihat dengan browser
yang mendukung frame digunakan pasangan tag dan .
Tahun 2016
[email protected]
STMIK PPKIA Pradnya Paramita
Praktikum Pemrograman berbasis web
Contoh :
Menggunakan BORDER
Atribut BORDER pada tag berguna untuk mengatur ketebalan garis pemisah
antarframe. Contoh :
Menghilangkan SCROLLING
Frame dan Link
Untuk mempraktekkan penggabungan pemakaian frame yang melibatkan link ke frame yang lain,
buatlah tiga buah file HTML berikut :
File redflash.htm :
Tahun 2016
[email protected]
STMIK PPKIA Pradnya Paramita
Praktikum Pemrograman berbasis web
File rosebud.htm :
File daftar.htm :
Pada file daftar.htm, atribut TARGET digunakan untuk menentukan frame yang akan ditempati oleh
halaman Web yang dipanggil. Kode yang digunakan untuk menggabungkan ketiga file di atas adalah
seperti berikut :
Frame Horisontal
HTML juga memungkinkan pembuatan frame horisontal. Caranya dengan mengubah atribut COLS
pada menjadi ROWS. Contoh :
Penggunaan NORESIZE
Atribut NORESIZE pada tag digunakan agar frame tidak bisa diubah ketika ditampilkan
pada browser. Contoh :
Tahun 2016
[email protected]
STMIK PPKIA Pradnya Paramita
Praktikum Pemrograman berbasis web
Gabungan Frame Horisontal dan Vertikal
File judul.htm :
TUGAS
1. Buatlah sebuah website sederhana,buatlah semenarik mungkin
Tahun 2016
[email protected]
STMIK PPKIA Pradnya Paramita
Praktikum Pemrograman berbasis web
2. Buatlah tampilan seperi gambar berikut, dengan ketentuan disetiap kotaknya mempunyai
warna yang berbeda
Tahun 2016
[email protected]
Praktikum Pemrograman berbasis web
MODUL 4
HTML
(HyperText Mark-Up Language)
Sub : Frame
Laboratorium Komputer
STIMIK PPKIA Pradnya Paramita Malang
Tahun 2016
[email protected]
STMIK PPKIA Pradnya Paramita
Praktikum Pemrograman berbasis web
Pertemuan 4
4.1 Tujuan : 1. Mahasiswa dapat memahami dan mengenai perintah perintah HTML
2. Mahasiswa dapat membuat beberapa halaman website sederhana
4.2 Materi :
1. Frame
2. Atribut Frame
3. Frame dengan Hyperlink
4.2.1 HTML Frame
Html Frames berfungsi untuk menampilkan lebih dari satu dokumen HTML di jendela browser yang
sama. Atau lebih tepatnya terdapat suatu bagian di dalam halaman web anda yang dapat berubah
ubah (dinamis).
Frameset adalah gabungan dari beberapa frame yang dijadikan dalam satu frame / tempat.
Syntax:
Penjelasan Syntax:
Frameset dibagi menjadi 2 kolom. Kolom pertama diberi ukuran 25% dari ukuran frameset, Kolom
kedua diberi ukuran 75% dari ukuran frameset. Dokumen Image.html dimasukkan ke dalam kolom
pertama, dokumen detail.html dimasukkan ke dalam kolom kedua
Frame HTML dapat digunakan untuk membuat tampilan halaman HTML yang terbagi-bagi menjadi
beberapa bagian dimana setiap bagiannya merupakan satu halaman HTML yang terpisah. Ini
dilakukan untuk membuat tampilan halaman HTML yang salah satu atau beberapa bagian
bergantiganti isinya sedanbagian lain tetap sehingga dapat menghemat bandwith internet.
Latihan FRAME
LATIHAN 8
Tahun 2016
[email protected]
STMIK PPKIA Pradnya Paramita
Praktikum Pemrograman berbasis web
Dasar Penggunaan Frame
Frame memungkinkan satu halaman Web atau lebih ditampilkan pada sebuah jendela browser.
Untuk mempraktikan frame, buatlah terlebih dulu dua buah berkas HTML bernama
File framekir.htm :
File framekan.htm :
Halaman yang berbasis frame dibentuk dengan menggunakan pasangan dan
, atribut COLS digunakan untuk menentukan lebar masing-masing frame.
Contoh :
Mengantisipasi Tidak Adanya Dukungan Frame
Ada kemungkinan bahwa Web browser yang digunakan pemakai tidak mendukung fitur frame.
Untuk mengatur agar ada pemberitahuan bahwa halaman Web hanya bisa dilihat dengan browser
yang mendukung frame digunakan pasangan tag dan .
Tahun 2016
[email protected]
STMIK PPKIA Pradnya Paramita
Praktikum Pemrograman berbasis web
Contoh :
Menggunakan BORDER
Atribut BORDER pada tag berguna untuk mengatur ketebalan garis pemisah
antarframe. Contoh :
Menghilangkan SCROLLING
Frame dan Link
Untuk mempraktekkan penggabungan pemakaian frame yang melibatkan link ke frame yang lain,
buatlah tiga buah file HTML berikut :
File redflash.htm :
Tahun 2016
[email protected]
STMIK PPKIA Pradnya Paramita
Praktikum Pemrograman berbasis web
File rosebud.htm :
File daftar.htm :
Pada file daftar.htm, atribut TARGET digunakan untuk menentukan frame yang akan ditempati oleh
halaman Web yang dipanggil. Kode yang digunakan untuk menggabungkan ketiga file di atas adalah
seperti berikut :
Frame Horisontal
HTML juga memungkinkan pembuatan frame horisontal. Caranya dengan mengubah atribut COLS
pada menjadi ROWS. Contoh :
Penggunaan NORESIZE
Atribut NORESIZE pada tag digunakan agar frame tidak bisa diubah ketika ditampilkan
pada browser. Contoh :
Tahun 2016
[email protected]
STMIK PPKIA Pradnya Paramita
Praktikum Pemrograman berbasis web
Gabungan Frame Horisontal dan Vertikal
File judul.htm :
TUGAS
1. Buatlah sebuah website sederhana,buatlah semenarik mungkin
Tahun 2016
[email protected]
STMIK PPKIA Pradnya Paramita
Praktikum Pemrograman berbasis web
2. Buatlah tampilan seperi gambar berikut, dengan ketentuan disetiap kotaknya mempunyai
warna yang berbeda
Tahun 2016
[email protected]