Pada bagian ini khusus saya akan menjelaskan tentang tag frame,
frame di gunakan untuk membuat sebuah bingkai untuk sebuah halaman web,
kita dapat membagi frame” tersebut ke dalama beberapa bagian pada sebuah halaman web.

8.Frame

Tag dasar pada pembuatan frame adalah tag<frameset> dengan atribut cols dan rows, sedangkan  tag<frame> dengan atribut src nya. Di bawah ini salah satu contoh sederhana dalam pembuatan frame, saya akan membaginya menjadi 2 bagian kanan dan kiri saja :

<html> 

<frameset cols=”50%,*”>

<frame src=”page1.html”>

<frame src=”page2.html”>

</frameset>

</html>

Di asumsikan kalian sudah membuat 2 buah page html seperti contoh di atas, dan sebah kerangan frame seperti di atas.

maka hasilnya halaman web kalian akan terbagi 2 kanan dan kiri, dibagi berdasarkan cols atau rows (seperti yang sudah saya jelaskan pada part 2 tentang tag dasar HTML).

Selanjutnya saya akan menjelaskan dengan contoh soal, saya memakai soal yang dipakai waktu praktikum web lagi untuk contohny, perhatikan gambar di bawah ini :

Pertama yang kita lakukan membagi secara bagian besar nya terlebih dahulu, yang saya lakukan membagi cols nya menjadi 4 bagian, kemudian baru tiap 1 cols dibagi lagi sesuai yang di inginkan. jadi yang saya lakukan pada awalnya seperti ini :

<html> 

<frameset cols=”25%,25%,25%,*”>

<frameset rows=”30%,30%,30%”>

<frame src=”……..”>

</frameset>

<frameset cols=”50%,*”>

<frame src=”……..”>

<frame src=”……..”>

</frameset>

<frameset rows=”30%,30%,30%”>

<frame src=”……..”>

<frame src=”……..”>

<frame src=”……..”>

</frameset>

………

Contoh di atas hanya membagi tiap bentuk nya saja pada kolom ke 1, di dalam frameset nya pun ad tag <frame> yang harus di tambahkan.

Sisa nya kalian coba sendiri ya untuk latihan….^^v
Jawaban soal (kalo udah bohwat aja…hoho)

Selanjutnya kita akan mencoba mebuat halaman web yang menggunakan link, contoh soal nya seperti di bawah ini :

Di sediakan 3 tombol di kanan dan di kiri, jika kita klik atas maka bagian tengah atas akan menjadi warna biru, begitu pun selanjutnya tengah dan bawah ada warna yang berbeda.

Pada bagian kanan nya digunakan untuk membalikan warna  tadi ke warna putih seperti gambar pertama.

Seperti biasa pertama saya akan membagi menjadi 3 bagian besar pada soal ini, kiri, tengah, dan kanan. Sesudah membuat kerangaka frame yang diminta, buatlah 2 bagan bagian kanan dan kiri nya yang berisi tulisan tersebut.

codingan awalnya seperti ini:

<html> 

<frameset cols=”25%,50%,*”>

<frame bagan kiri nya…>

<frameset rows=”30%,30%,30%”>

<frame warna biru….>

<frame warna hijau….>

<frame warna merah….>

</frameset>

<frame bagan kanan nya…>

</frameset>

</html>

Kemudian buat 2 buah html untuk bagan kiri dan kanan nya,

Selamat mencoba sodara-sodara….lol
Kalo uda pusing sini aj!!! ^^v

Dan yang terakhir adalah iframe, di gunakan karena bentuk nya yang fleksibel.

About these ads