FRAME
A. Tujuan Pratikum
1. Mahasiswa dapat mengerti atribut Frameset dan Frame
2. Mahasiswa dapat mengatur halaman web dengan frame
B. Dasar Teori
Frameset adalah tag HTML yang digunakan untuk menampilkan bingkai-bingkai tersendiri pada
doumen HTML. FRAMESET digunakan bersamaan dengan tag FRAME yang berguna untuk
menampilkan file sumber dari bingkai untuk dijadikan bagian dari tag FRAMESET. Cara kerja
FRAMESET sama seperti cara kerja tag TABLE dimana tag TABLE digunakan untuk membuat
halaman dokumen HTML menjadi beberapa bagian kolom dan baris. Hal ini juga dilakukan oleh tag
FRAMESET yang dapat membagi halaman dokumen HTML menjadi kolom dan baris, bedanya,
pada tag FRAMESET, isi dari setiap kolom dan barisnya berbentuk bingkai yang bersumber dari
dokumen HTML lain. Adapun atribut Frameset adalah sebagai berikut:
Tabel 5.1 Atribut Frameset
Attribut Kegunaan
ROWS Menentukan lebar baris
COLS Menentukan lebar kolom
Border Color Menentukan warna kolom
Tabel 5.2 Atribut Frame
Atribut Kegunaan
Scr Menentukan nama file HTML sebagai isi bingkai
Marginheght Menentukan batas atas dan bawah antar dokumen dengan bingkai
(dalam pixel)
Marginwidth Menentukan batas kiri dan kanan antar dokumen dengan bingkai
dalam pixel.
Crolling Nilai: YES, NO, AUTO (Yes: ada scroll bar )
Noresize Jika disebutkan berarti frame tidak dapat diubah
Name Mendefenisikan nama frame yang berguna untuk tujuan link
Border Menentukan ukuran bingkai
Berikut adalah contoh skrip-skripnya:
skrip 5.1. Frame dari klikbelajar_____________________________________________________
1. <html>
2. <!--sumber: http: //klikbelajar.com/pembuatan-situs/html/tag-html-
3. frameset.php -->
4. <HEAD>
5. <TITLE>Dasar pembuatan Frame</TITLE>
6. </HEAD>
7.
8. <FRAMESET COLS="60%, 40%" ROWS="75%,25%">
9. <FRAME SRC="a.html">
10. <FRAME SRC="b.html">
11. <FRAME SRC="c.html">
12. <FRAME SRC="d.html">
13. </FRAMESET>
14.
15. </HTML></html>
skrip 5.2. Frame dari codetutorials____________________________________________________
1. <html>
2. <!-- sumber:http: //www.htmlcodetutorial.com/frames/_FRAMESET.html
3. -->
4. <HTML>
5. <HEAD>
6. <TITLE>Great Recipes</TITLE>
7. </HEAD>
8. <FRAMESET ROWS="15%,*">
9. <FRAME SRC="prg22.html" NAME=TITLE SCROLLING=NO>
10.
11. <FRAMESET COLS="20%,*">
12. <FRAME SRC="prg31.html" NAME=SIDEBAR>
13. <FRAME SRC="prg41.html" NAME=RECIPES>
14.
15. </FRAMESET>
16. </FRAMESET>
17. </HTML>
skrip 5.3. Percobaaan Frame_______________________________________________________
1. <HTML>
2. <html>
3. <head>
4. <title>Percobaan Frame </title>
5. </head>
6. <FRAMESET rows="15%, 70%, 15%">
7. <FRAMESET rsc= "homepage.htm" NAME="Frame1">
8. <FRAMESET cols="15%, 70%, 15%">
9. <FRAMESET SRC="menu.htm" NAME="Frame2">
10. <FRAMESET SRC="menu2.htm" NAME="Frame3">
11. <FRAMESET SRC="menu3.htm" NAME="Frame4">
12. </FRAMESET>
13. </FRAME SRC="homepage.htm" NAME="BIG">
14. </FRAMESET>
15. </FRAMESET>
16. </HTML>
skrip 5.4. Tugas Frame__________________________________________________
1. <HTML>
2. <head>
3. <title>Percobaan Frame</title>
4. </head>
5. <frameset rows=20%,* framespacing="0" border="0" frameborder="0">
6. <frame name=atas src=header.html scrolling="no" noresize>
7. <frameset cols=25%,* framespacing="0" border="0" frameborder="0">
8. <frame name=kiri src=kiri.html scrolling="no" noresize>
9. <frame name=kanan src=kanan.html scrolling="no" noresize>
10. </frameset>
11. </frameset>
12. </FRAMESET>
13. </HTML>
C. Tugas
1. Ketiklah skrip 5.1 s/d 5.3 dengan notepad simpan amatilah hasilnya.
2. Buatlah dokumen dokumen HTML untuk mengisi frame-framenya menurut selera anda
A. Tujuan Pratikum
1. Mahasiswa dapat mengerti atribut Frameset dan Frame
2. Mahasiswa dapat mengatur halaman web dengan frame
B. Dasar Teori
Frameset adalah tag HTML yang digunakan untuk menampilkan bingkai-bingkai tersendiri pada
doumen HTML. FRAMESET digunakan bersamaan dengan tag FRAME yang berguna untuk
menampilkan file sumber dari bingkai untuk dijadikan bagian dari tag FRAMESET. Cara kerja
FRAMESET sama seperti cara kerja tag TABLE dimana tag TABLE digunakan untuk membuat
halaman dokumen HTML menjadi beberapa bagian kolom dan baris. Hal ini juga dilakukan oleh tag
FRAMESET yang dapat membagi halaman dokumen HTML menjadi kolom dan baris, bedanya,
pada tag FRAMESET, isi dari setiap kolom dan barisnya berbentuk bingkai yang bersumber dari
dokumen HTML lain. Adapun atribut Frameset adalah sebagai berikut:
Tabel 5.1 Atribut Frameset
Attribut Kegunaan
ROWS Menentukan lebar baris
COLS Menentukan lebar kolom
Border Color Menentukan warna kolom
Tabel 5.2 Atribut Frame
Atribut Kegunaan
Scr Menentukan nama file HTML sebagai isi bingkai
Marginheght Menentukan batas atas dan bawah antar dokumen dengan bingkai
(dalam pixel)
Marginwidth Menentukan batas kiri dan kanan antar dokumen dengan bingkai
dalam pixel.
Crolling Nilai: YES, NO, AUTO (Yes: ada scroll bar )
Noresize Jika disebutkan berarti frame tidak dapat diubah
Name Mendefenisikan nama frame yang berguna untuk tujuan link
Border Menentukan ukuran bingkai
Berikut adalah contoh skrip-skripnya:
skrip 5.1. Frame dari klikbelajar_____________________________________________________
1. <html>
2. <!--sumber: http: //klikbelajar.com/pembuatan-situs/html/tag-html-
3. frameset.php -->
4. <HEAD>
5. <TITLE>Dasar pembuatan Frame</TITLE>
6. </HEAD>
7.
8. <FRAMESET COLS="60%, 40%" ROWS="75%,25%">
9. <FRAME SRC="a.html">
10. <FRAME SRC="b.html">
11. <FRAME SRC="c.html">
12. <FRAME SRC="d.html">
13. </FRAMESET>
14.
15. </HTML></html>
skrip 5.2. Frame dari codetutorials____________________________________________________
1. <html>
2. <!-- sumber:http: //www.htmlcodetutorial.com/frames/_FRAMESET.html
3. -->
4. <HTML>
5. <HEAD>
6. <TITLE>Great Recipes</TITLE>
7. </HEAD>
8. <FRAMESET ROWS="15%,*">
9. <FRAME SRC="prg22.html" NAME=TITLE SCROLLING=NO>
10.
11. <FRAMESET COLS="20%,*">
12. <FRAME SRC="prg31.html" NAME=SIDEBAR>
13. <FRAME SRC="prg41.html" NAME=RECIPES>
14.
15. </FRAMESET>
16. </FRAMESET>
17. </HTML>
skrip 5.3. Percobaaan Frame_______________________________________________________
1. <HTML>
2. <html>
3. <head>
4. <title>Percobaan Frame </title>
5. </head>
6. <FRAMESET rows="15%, 70%, 15%">
7. <FRAMESET rsc= "homepage.htm" NAME="Frame1">
8. <FRAMESET cols="15%, 70%, 15%">
9. <FRAMESET SRC="menu.htm" NAME="Frame2">
10. <FRAMESET SRC="menu2.htm" NAME="Frame3">
11. <FRAMESET SRC="menu3.htm" NAME="Frame4">
12. </FRAMESET>
13. </FRAME SRC="homepage.htm" NAME="BIG">
14. </FRAMESET>
15. </FRAMESET>
16. </HTML>
skrip 5.4. Tugas Frame__________________________________________________
1. <HTML>
2. <head>
3. <title>Percobaan Frame</title>
4. </head>
5. <frameset rows=20%,* framespacing="0" border="0" frameborder="0">
6. <frame name=atas src=header.html scrolling="no" noresize>
7. <frameset cols=25%,* framespacing="0" border="0" frameborder="0">
8. <frame name=kiri src=kiri.html scrolling="no" noresize>
9. <frame name=kanan src=kanan.html scrolling="no" noresize>
10. </frameset>
11. </frameset>
12. </FRAMESET>
13. </HTML>
C. Tugas
1. Ketiklah skrip 5.1 s/d 5.3 dengan notepad simpan amatilah hasilnya.
2. Buatlah dokumen dokumen HTML untuk mengisi frame-framenya menurut selera anda
Tidak ada komentar:
Posting Komentar