MODUL 4 HTML. (HyperText Mark-Up Language) Sub : Frame

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 <TITLE>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]