8.materi desain frame (ok)
-
Upload
nacha-evangelion -
Category
Technology
-
view
2.193 -
download
2
Transcript of 8.materi desain frame (ok)
![Page 1: 8.materi desain frame (ok)](https://reader034.fdokumen.com/reader034/viewer/2022050722/559c52a31a28ab29038b45b3/html5/thumbnails/1.jpg)
Mendesain Frame
![Page 2: 8.materi desain frame (ok)](https://reader034.fdokumen.com/reader034/viewer/2022050722/559c52a31a28ab29038b45b3/html5/thumbnails/2.jpg)
Frame
![Page 3: 8.materi desain frame (ok)](https://reader034.fdokumen.com/reader034/viewer/2022050722/559c52a31a28ab29038b45b3/html5/thumbnails/3.jpg)
Elemen Frame
• Format untuk membuat frame pada halamanweb adalah dengan menggunakan perintah :
<FRAMESET><NOFRAMES>diabaikan jika browser mampumenampilkan frame</NOFRAMES>
</FRAMESET>
![Page 4: 8.materi desain frame (ok)](https://reader034.fdokumen.com/reader034/viewer/2022050722/559c52a31a28ab29038b45b3/html5/thumbnails/4.jpg)
Atribut-atribut Frame
![Page 5: 8.materi desain frame (ok)](https://reader034.fdokumen.com/reader034/viewer/2022050722/559c52a31a28ab29038b45b3/html5/thumbnails/5.jpg)
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.
![Page 6: 8.materi desain frame (ok)](https://reader034.fdokumen.com/reader034/viewer/2022050722/559c52a31a28ab29038b45b3/html5/thumbnails/6.jpg)
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>
![Page 7: 8.materi desain frame (ok)](https://reader034.fdokumen.com/reader034/viewer/2022050722/559c52a31a28ab29038b45b3/html5/thumbnails/7.jpg)
Contoh (Lanjutan)• (Tiga.html)
<html><body bgcolor="#aa00ff"><h1 align="center"><font face="Arial">Halaman tigadari File tiga.Html</font></h1></body></html>
![Page 8: 8.materi desain frame (ok)](https://reader034.fdokumen.com/reader034/viewer/2022050722/559c52a31a28ab29038b45b3/html5/thumbnails/8.jpg)
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>
![Page 9: 8.materi desain frame (ok)](https://reader034.fdokumen.com/reader034/viewer/2022050722/559c52a31a28ab29038b45b3/html5/thumbnails/9.jpg)
Hasil
![Page 10: 8.materi desain frame (ok)](https://reader034.fdokumen.com/reader034/viewer/2022050722/559c52a31a28ab29038b45b3/html5/thumbnails/10.jpg)
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>
![Page 11: 8.materi desain frame (ok)](https://reader034.fdokumen.com/reader034/viewer/2022050722/559c52a31a28ab29038b45b3/html5/thumbnails/11.jpg)
Hasil
![Page 12: 8.materi desain frame (ok)](https://reader034.fdokumen.com/reader034/viewer/2022050722/559c52a31a28ab29038b45b3/html5/thumbnails/12.jpg)
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>
![Page 13: 8.materi desain frame (ok)](https://reader034.fdokumen.com/reader034/viewer/2022050722/559c52a31a28ab29038b45b3/html5/thumbnails/13.jpg)
Hasil