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

Ukuran: px

Mulai penontonan dengan halaman:

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

Ari Halim
6 tahun lalu
Tontonan:

1 MODUL 4 HTML (HyperText Mark-Up Language) Sub : Frame Laboratorium Komputer STIMIK PPKIA Pradnya Paramita Malang

2 Pertemuan 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 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: <frameset cols= 25%,75% > <frame src= Image.html > <frame src= Detail.html > </Frameset> 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 <HTML> <HEAD> <TITLE>LATIHAN 8 </TITLE> </HEAD> <FRAMESET ROWS=20%,*> <FRAME NAME=header SRC="header.html"> <FRAMESET COLS=30%,*> <FRAME NAME=kiri SRC="kiri.html">

<FRAME NAME=kanan SRC="kanan.html"> </FRAMESET> </FRAMESET> <BODY> </BODY> </HTML> Dasar Penggunaan Frame Frame memungkinkan satu halaman Web atau lebih ditampilkan pada sebuah jendela browser.

3 <FRAME NAME=kanan SRC="kanan.html"> </FRAMESET> </FRAMESET> <BODY> </BODY> </HTML> 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 <FRAMESET> dan </FRAMESET>, 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 <NOFRAMES> dan </NOFRAMES>.

4 Contoh : Menggunakan BORDER Atribut BORDER pada tag <FRAMESET> 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 :

5 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 <FRAMESET> menjadi ROWS. Contoh : Penggunaan NORESIZE Atribut NORESIZE pada tag <FRAME> digunakan agar frame tidak bisa diubah ketika ditampilkan pada browser. Contoh :

6 Gabungan Frame Horisontal dan Vertikal File judul.htm : TUGAS 1. Buatlah sebuah website sederhana,buatlah semenarik mungkin

7 2. Buatlah tampilan seperi gambar berikut, dengan ketentuan disetiap kotaknya mempunyai warna yang berbeda

dokumen-dokumen yang mirip

Pemrograman Basis Data Berbasis Web

Pemrograman Basis Data Berbasis Web Pertemuan Ke-4 (HTML Lanjut [2]) Noor Ifada noor.ifada@if.trunojoyo.ac.id S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan: Frame Nama dan target frame Frame Vertikal