8.materi desain frame (ok)

Post on 08-Jul-2015

2.193 views 2 download

Transcript of 8.materi desain frame (ok)

Mendesain Frame

Frame

Elemen Frame

• Format untuk membuat frame pada halamanweb adalah dengan menggunakan perintah :

<FRAMESET><NOFRAMES>diabaikan jika browser mampumenampilkan frame</NOFRAMES>

</FRAMESET>

Atribut-atribut Frame

Atribut-atribut Frame

Catatan:Untuk membuat halaman web yang memiliki framebiasanya akan dibuat satu halaman web utama yangmemiliki frame ditambah dengan file-file HTML lainnyayang digunakan sebagai sumber untuk frame tersebut.

Contoh• (Satu.html)

<html><body bgcolor="#008080"><h1 align="center"><font face="Arial">Halaman Satudari File Satu.Html </font></h1></body></html>

• (Dua.html)<html><body bgcolor="#ff0080"><h1 align="center"><font face="Arial">Halaman Duadari File Dua.Html</font></h1></body></html>

Contoh (Lanjutan)• (Tiga.html)

<html><body bgcolor="#aa00ff"><h1 align="center"><font face="Arial">Halaman tigadari File tiga.Html</font></h1></body></html>

Penggabungan ke frame (1)

• Frame dengan framerows :<html><frameset rows="80,*"><noframes>maaf hanya bisa tampil pada web yangmendukung frame</noframes><frame src="satu.html" name="atas" scrolling="no"noresize><frame src="dua.html" name="bawah"></frameset><html>

Hasil

Penggabungan ke frame (2)

• Frame dengan framecols :<html><frameset cols="200,*"><noframes>maaf hanya bisa tampil pada web yangmendukung frame</noframes><frame src="satu.html" name="kiri" scrolling="no"noresize><frame src="dua.html" name="kanan"></frameset><html>

Hasil

Gabungan dari framecols danframerows

<html><frameset rows=20%,* border=10 bordercolor="red"><noframes>maaf hanya bisa tampil pada web yangmendukung frame</noframes>

<frame src="satu.html" name="atas" scrolling="no"noresize><frameset cols=30%,*>

<frame src="dua.html" name="bawah"><frame src="tiga.html" name="bawah">

</frameset></frameset><html>

Hasil