SlideShare una empresa de Scribd logo
1 de 10
Pengenalan HTML - 4
Membagi Halaman Web dengan Frame
Matakuliah Pengenalan Internet
STMIK Palangkaraya
Oleh : Suparno
Email : endustong@yahoo.com
Blog : www.digdoyo.com
HTML – Frame
• Agar lebih menarik maka halaman web
dibagi menjadi beberapa bagian yang
digunakan untuk menampilkan konten yang
berbeda dalam satu halaman
• Pembagian halaman dilakukan dengan
mendefinisikan masing-masing bagian yang
diinginkan
• Element yang terdapat dalam Frame adalah :
Frameset, Frame, dan Noframe
Element Frameset
• Element ini berfungsi untuk membagi isi
jendela web browser menjadi beberapa
bagian.
• Element ini memiliki attribute cols
(membentuk kolom), rows (membentuk
baris), border, bordercolor, frameborder (utk
menampilkan border frame), dan
framespacing (jarak antara frame).
• Element FRAMESET terletak di antara
element HEAD dan BODY.
Element Frameset
Syntax:
<frameset cols="list” rows="list” border="pixel”
bordercolor="color” frameborder="yes"|"no”
framespacing="pixel">
...........................
</frameset>
list = jumlah kolom/baris dengan lebar masingmasing dlm persen (%)
Misalnya “40%, 60%” atau “30%, 25%, 45%
Element Frame
• Element FRAME untuk mendefinisikan frame
yang terdapat dalam frameset.
• Element ini mempunyai attribute name
(nama frame), marginheight, marginwidth,
bordercolor, frameborder, noresize, scrolling, src
(isi yang ditampilkan pada frame).
• Element ini tidak mempunyai tag penutup.
Element Frame
Syntax:
<frame name="name” marginheight="pixel”
maginwidth="pixel” bordercolor="color”
frameborder="yes"|"no” noresize
scrolling="yes"|"no” src="uri">
uri =alamat file (script html) yang akan
ditampilkan sebagai isi frame dimaksud
Element Noframes
• Element Noframes mendefinisikan isi yang
akan ditampilkan jika sebuah frame tidak
dapat diakses.

Syntax:
<noframes>
.....................
</noframes>
File Pembentuk Frame
• File script html utama : yang digunakan untuk
mendefiniskan web dengan bentuk frame,
juga mengatur jumlah frame yang diinginkan
• File script html pengisi frame yang ada.
Jika ada sebanyak 3 bagian frame dalam satu
halaman maka file script html pengisi frame
juga harus ada 3 file script yang ditampilkan
pada masing-masing bagiannya.
• Biasanya file frame utama digunakan sebagai
homepage-nya
Contoh Halaman dengan Frame
Bagaimana…?
• Buatlah sebuah halaman dengan element
frameset sebanyak 4 (empat) frame
• Frame 1 untuk Header yang berisi judul/nama
webnya
• Frame 2 untuk daftar/map link
• Frame 3 untuk menampilkan isi dari daftar
• Frame 4 untuk Footer yang berisi identitas
Anda sebagai pembuatnya

Más contenido relacionado

Destacado

Pengenalan internet 10
Pengenalan internet 10Pengenalan internet 10
Pengenalan internet 10Suparno Oke
 
Pengenalan internet 12
Pengenalan internet 12Pengenalan internet 12
Pengenalan internet 12Suparno Oke
 
Daily lesson plan_year_4[1]
Daily lesson plan_year_4[1] Daily lesson plan_year_4[1]
Daily lesson plan_year_4[1] Amirul Syakirin
 
Trabajo integrador-para-ordinario-de-la-materia-de DFSO
Trabajo integrador-para-ordinario-de-la-materia-de DFSOTrabajo integrador-para-ordinario-de-la-materia-de DFSO
Trabajo integrador-para-ordinario-de-la-materia-de DFSOLorelei Avalos
 
Whitepaper thuis in de internationale markt
Whitepaper thuis in de internationale marktWhitepaper thuis in de internationale markt
Whitepaper thuis in de internationale marktDave Eman
 
Business Models: Modelos de negocio, funnel y métricas
Business Models: Modelos de negocio, funnel y métricasBusiness Models: Modelos de negocio, funnel y métricas
Business Models: Modelos de negocio, funnel y métricasPablo Penades
 
SEO in an hour
SEO in an hourSEO in an hour
SEO in an hourFiona C
 

Destacado (10)

Pengenalan internet 10
Pengenalan internet 10Pengenalan internet 10
Pengenalan internet 10
 
Presentación1
Presentación1Presentación1
Presentación1
 
Pengenalan internet 12
Pengenalan internet 12Pengenalan internet 12
Pengenalan internet 12
 
Daily lesson plan_year_4[1]
Daily lesson plan_year_4[1] Daily lesson plan_year_4[1]
Daily lesson plan_year_4[1]
 
Trabajo integrador-para-ordinario-de-la-materia-de DFSO
Trabajo integrador-para-ordinario-de-la-materia-de DFSOTrabajo integrador-para-ordinario-de-la-materia-de DFSO
Trabajo integrador-para-ordinario-de-la-materia-de DFSO
 
Whitepaper thuis in de internationale markt
Whitepaper thuis in de internationale marktWhitepaper thuis in de internationale markt
Whitepaper thuis in de internationale markt
 
16469890 formula-booklet-physics-xi
16469890 formula-booklet-physics-xi16469890 formula-booklet-physics-xi
16469890 formula-booklet-physics-xi
 
Business Models: Modelos de negocio, funnel y métricas
Business Models: Modelos de negocio, funnel y métricasBusiness Models: Modelos de negocio, funnel y métricas
Business Models: Modelos de negocio, funnel y métricas
 
SEO in an hour
SEO in an hourSEO in an hour
SEO in an hour
 
PORTFOLIO
PORTFOLIOPORTFOLIO
PORTFOLIO
 

Similar a Pengenalan internet 13

CSS_(Cascading_Style_Sheet)_lanjutan.ppt
CSS_(Cascading_Style_Sheet)_lanjutan.pptCSS_(Cascading_Style_Sheet)_lanjutan.ppt
CSS_(Cascading_Style_Sheet)_lanjutan.pptFirmanADaru
 
CSS_(Cascading_Style_Sheet)_lanjutan.ppt
CSS_(Cascading_Style_Sheet)_lanjutan.pptCSS_(Cascading_Style_Sheet)_lanjutan.ppt
CSS_(Cascading_Style_Sheet)_lanjutan.pptSayedAchmady1
 
CSS_(Cascading_Style_Sheet)_lanjutan.ppt
CSS_(Cascading_Style_Sheet)_lanjutan.pptCSS_(Cascading_Style_Sheet)_lanjutan.ppt
CSS_(Cascading_Style_Sheet)_lanjutan.pptHeru762601
 
CSS_(Cascading_Style_Sheet)_lanjutan.ppt
CSS_(Cascading_Style_Sheet)_lanjutan.pptCSS_(Cascading_Style_Sheet)_lanjutan.ppt
CSS_(Cascading_Style_Sheet)_lanjutan.pptLukman Fakih
 
8.materi desain frame (ok)
8.materi desain frame (ok)8.materi desain frame (ok)
8.materi desain frame (ok)Nacha Evangelion
 
Tabel Tag HTML
Tabel Tag HTMLTabel Tag HTML
Tabel Tag HTMLFajar Sany
 
Cara membuat frame html
Cara membuat frame htmlCara membuat frame html
Cara membuat frame htmlFikri Pandoez
 
Laporan tugas project pemograman web
Laporan tugas project pemograman webLaporan tugas project pemograman web
Laporan tugas project pemograman webZansa Sllw Gymbr
 
Pemrograman Web - Pengenalan HTML
Pemrograman Web - Pengenalan HTMLPemrograman Web - Pengenalan HTML
Pemrograman Web - Pengenalan HTMLKuliahKita
 
BAB IV - FORMAT TABEL DAN HALAMAN WEB
BAB IV - FORMAT TABEL DAN HALAMAN WEBBAB IV - FORMAT TABEL DAN HALAMAN WEB
BAB IV - FORMAT TABEL DAN HALAMAN WEBTeukuMahawira
 
Laporan Praktikum Basis Data Modul VI-Membuat Website
Laporan Praktikum Basis Data Modul VI-Membuat WebsiteLaporan Praktikum Basis Data Modul VI-Membuat Website
Laporan Praktikum Basis Data Modul VI-Membuat WebsiteShofura Kamal
 
DOWNLOAD CARA MEMBUAT HTML
DOWNLOAD CARA MEMBUAT HTMLDOWNLOAD CARA MEMBUAT HTML
DOWNLOAD CARA MEMBUAT HTMLVictor Dilingham
 

Similar a Pengenalan internet 13 (20)

CSS_(Cascading_Style_Sheet)_lanjutan.ppt
CSS_(Cascading_Style_Sheet)_lanjutan.pptCSS_(Cascading_Style_Sheet)_lanjutan.ppt
CSS_(Cascading_Style_Sheet)_lanjutan.ppt
 
CSS_(Cascading_Style_Sheet)_lanjutan.ppt
CSS_(Cascading_Style_Sheet)_lanjutan.pptCSS_(Cascading_Style_Sheet)_lanjutan.ppt
CSS_(Cascading_Style_Sheet)_lanjutan.ppt
 
CSS_(Cascading_Style_Sheet)_lanjutan.ppt
CSS_(Cascading_Style_Sheet)_lanjutan.pptCSS_(Cascading_Style_Sheet)_lanjutan.ppt
CSS_(Cascading_Style_Sheet)_lanjutan.ppt
 
CSS_(Cascading_Style_Sheet)_lanjutan.ppt
CSS_(Cascading_Style_Sheet)_lanjutan.pptCSS_(Cascading_Style_Sheet)_lanjutan.ppt
CSS_(Cascading_Style_Sheet)_lanjutan.ppt
 
Css tutorial-19
Css tutorial-19Css tutorial-19
Css tutorial-19
 
Bab8
Bab8Bab8
Bab8
 
8.materi desain frame (ok)
8.materi desain frame (ok)8.materi desain frame (ok)
8.materi desain frame (ok)
 
Css tutorial-19
Css tutorial-19Css tutorial-19
Css tutorial-19
 
Tabel Tag HTML
Tabel Tag HTMLTabel Tag HTML
Tabel Tag HTML
 
Blog cms template
Blog cms templateBlog cms template
Blog cms template
 
Cara membuat frame html
Cara membuat frame htmlCara membuat frame html
Cara membuat frame html
 
Laporan tugas project pemograman web
Laporan tugas project pemograman webLaporan tugas project pemograman web
Laporan tugas project pemograman web
 
Web
WebWeb
Web
 
1210651097 css
1210651097 css1210651097 css
1210651097 css
 
Pemrograman Web - Pengenalan HTML
Pemrograman Web - Pengenalan HTMLPemrograman Web - Pengenalan HTML
Pemrograman Web - Pengenalan HTML
 
BAB IV - FORMAT TABEL DAN HALAMAN WEB
BAB IV - FORMAT TABEL DAN HALAMAN WEBBAB IV - FORMAT TABEL DAN HALAMAN WEB
BAB IV - FORMAT TABEL DAN HALAMAN WEB
 
HTML dan CSS
HTML dan CSSHTML dan CSS
HTML dan CSS
 
Laporan Praktikum Basis Data Modul VI-Membuat Website
Laporan Praktikum Basis Data Modul VI-Membuat WebsiteLaporan Praktikum Basis Data Modul VI-Membuat Website
Laporan Praktikum Basis Data Modul VI-Membuat Website
 
Laporan css 1210651099
Laporan css 1210651099Laporan css 1210651099
Laporan css 1210651099
 
DOWNLOAD CARA MEMBUAT HTML
DOWNLOAD CARA MEMBUAT HTMLDOWNLOAD CARA MEMBUAT HTML
DOWNLOAD CARA MEMBUAT HTML
 

Último

1.3.a.3. Mulai dari Diri - Modul 1.3 Refleksi 1 Imajinasiku tentang Murid di ...
1.3.a.3. Mulai dari Diri - Modul 1.3 Refleksi 1 Imajinasiku tentang Murid di ...1.3.a.3. Mulai dari Diri - Modul 1.3 Refleksi 1 Imajinasiku tentang Murid di ...
1.3.a.3. Mulai dari Diri - Modul 1.3 Refleksi 1 Imajinasiku tentang Murid di ...MetalinaSimanjuntak1
 
POWER POINT MODUL 1 PEBI4223 (PENDIDIKAN LINGKUNGAN HIDUP)
POWER POINT MODUL 1 PEBI4223 (PENDIDIKAN LINGKUNGAN HIDUP)POWER POINT MODUL 1 PEBI4223 (PENDIDIKAN LINGKUNGAN HIDUP)
POWER POINT MODUL 1 PEBI4223 (PENDIDIKAN LINGKUNGAN HIDUP)PUNGKYBUDIPANGESTU1
 
ppt-modul-6-pend-seni-di sd kelompok 2 ppt
ppt-modul-6-pend-seni-di sd kelompok 2 pptppt-modul-6-pend-seni-di sd kelompok 2 ppt
ppt-modul-6-pend-seni-di sd kelompok 2 pptArkhaRega1
 
presentasi lembaga negara yang ada di indonesia
presentasi lembaga negara yang ada di indonesiapresentasi lembaga negara yang ada di indonesia
presentasi lembaga negara yang ada di indonesiaNILAMSARI269850
 
Sosialisasi PPDB SulSel tahun 2024 di Sulawesi Selatan
Sosialisasi PPDB SulSel tahun 2024 di Sulawesi SelatanSosialisasi PPDB SulSel tahun 2024 di Sulawesi Selatan
Sosialisasi PPDB SulSel tahun 2024 di Sulawesi Selatanssuser963292
 
Materi Sosiologi Kelas X Bab 1. Ragam Gejala Sosial dalam Masyarakat (Kurikul...
Materi Sosiologi Kelas X Bab 1. Ragam Gejala Sosial dalam Masyarakat (Kurikul...Materi Sosiologi Kelas X Bab 1. Ragam Gejala Sosial dalam Masyarakat (Kurikul...
Materi Sosiologi Kelas X Bab 1. Ragam Gejala Sosial dalam Masyarakat (Kurikul...asepsaefudin2009
 
Perumusan Visi dan Prakarsa Perubahan.pptx
Perumusan Visi dan Prakarsa Perubahan.pptxPerumusan Visi dan Prakarsa Perubahan.pptx
Perumusan Visi dan Prakarsa Perubahan.pptxadimulianta1
 
RENCANA + Link2 Materi Pelatihan/BimTek "PTK 007 Rev-5 Thn 2023 (PENGADAAN) &...
RENCANA + Link2 Materi Pelatihan/BimTek "PTK 007 Rev-5 Thn 2023 (PENGADAAN) &...RENCANA + Link2 Materi Pelatihan/BimTek "PTK 007 Rev-5 Thn 2023 (PENGADAAN) &...
RENCANA + Link2 Materi Pelatihan/BimTek "PTK 007 Rev-5 Thn 2023 (PENGADAAN) &...Kanaidi ken
 
PERAN PERAWAT DALAM PEMERIKSAAN PENUNJANG.pptx
PERAN PERAWAT DALAM PEMERIKSAAN PENUNJANG.pptxPERAN PERAWAT DALAM PEMERIKSAAN PENUNJANG.pptx
PERAN PERAWAT DALAM PEMERIKSAAN PENUNJANG.pptxRizkyPratiwi19
 
Kontribusi Islam Dalam Pengembangan Peradaban Dunia - KELOMPOK 1.pptx
Kontribusi Islam Dalam Pengembangan Peradaban Dunia - KELOMPOK 1.pptxKontribusi Islam Dalam Pengembangan Peradaban Dunia - KELOMPOK 1.pptx
Kontribusi Islam Dalam Pengembangan Peradaban Dunia - KELOMPOK 1.pptxssuser50800a
 
vIDEO kelayakan berita untuk mahasiswa.ppsx
vIDEO kelayakan berita untuk mahasiswa.ppsxvIDEO kelayakan berita untuk mahasiswa.ppsx
vIDEO kelayakan berita untuk mahasiswa.ppsxsyahrulutama16
 
PELAKSANAAN + Link-Link MATERI Training_ "Effective INVENTORY & WAREHOUSING M...
PELAKSANAAN + Link-Link MATERI Training_ "Effective INVENTORY & WAREHOUSING M...PELAKSANAAN + Link-Link MATERI Training_ "Effective INVENTORY & WAREHOUSING M...
PELAKSANAAN + Link-Link MATERI Training_ "Effective INVENTORY & WAREHOUSING M...Kanaidi ken
 
Sesi 1_PPT Ruang Kolaborasi Modul 1.3 _ ke 1_PGP Angkatan 10.pptx
Sesi 1_PPT Ruang Kolaborasi Modul 1.3 _ ke 1_PGP Angkatan 10.pptxSesi 1_PPT Ruang Kolaborasi Modul 1.3 _ ke 1_PGP Angkatan 10.pptx
Sesi 1_PPT Ruang Kolaborasi Modul 1.3 _ ke 1_PGP Angkatan 10.pptxSovyOktavianti
 
Salinan dari JUrnal Refleksi Mingguan modul 1.3.pdf
Salinan dari JUrnal Refleksi Mingguan modul 1.3.pdfSalinan dari JUrnal Refleksi Mingguan modul 1.3.pdf
Salinan dari JUrnal Refleksi Mingguan modul 1.3.pdfWidyastutyCoyy
 
Keterampilan menyimak kelas bawah tugas UT
Keterampilan menyimak kelas bawah tugas UTKeterampilan menyimak kelas bawah tugas UT
Keterampilan menyimak kelas bawah tugas UTIndraAdm
 
Modul Ajar Pendidikan Pancasila Kelas 5 Fase C
Modul Ajar Pendidikan Pancasila Kelas 5 Fase CModul Ajar Pendidikan Pancasila Kelas 5 Fase C
Modul Ajar Pendidikan Pancasila Kelas 5 Fase CAbdiera
 
UT PGSD PDGK4103 MODUL 2 STRUKTUR TUBUH Pada Makhluk Hidup
UT PGSD PDGK4103 MODUL 2 STRUKTUR TUBUH Pada Makhluk HidupUT PGSD PDGK4103 MODUL 2 STRUKTUR TUBUH Pada Makhluk Hidup
UT PGSD PDGK4103 MODUL 2 STRUKTUR TUBUH Pada Makhluk Hidupfamela161
 
Pendidikan-Bahasa-Indonesia-di-SD MODUL 3 .pptx
Pendidikan-Bahasa-Indonesia-di-SD MODUL 3 .pptxPendidikan-Bahasa-Indonesia-di-SD MODUL 3 .pptx
Pendidikan-Bahasa-Indonesia-di-SD MODUL 3 .pptxdeskaputriani1
 
Modul Projek - Batik Ecoprint - Fase B.pdf
Modul Projek  - Batik Ecoprint - Fase B.pdfModul Projek  - Batik Ecoprint - Fase B.pdf
Modul Projek - Batik Ecoprint - Fase B.pdfanitanurhidayah51
 
MODUL AJAR MATEMATIKA KELAS 6 KURIKULUM MERDEKA
MODUL AJAR MATEMATIKA KELAS 6 KURIKULUM MERDEKAMODUL AJAR MATEMATIKA KELAS 6 KURIKULUM MERDEKA
MODUL AJAR MATEMATIKA KELAS 6 KURIKULUM MERDEKAAndiCoc
 

Último (20)

1.3.a.3. Mulai dari Diri - Modul 1.3 Refleksi 1 Imajinasiku tentang Murid di ...
1.3.a.3. Mulai dari Diri - Modul 1.3 Refleksi 1 Imajinasiku tentang Murid di ...1.3.a.3. Mulai dari Diri - Modul 1.3 Refleksi 1 Imajinasiku tentang Murid di ...
1.3.a.3. Mulai dari Diri - Modul 1.3 Refleksi 1 Imajinasiku tentang Murid di ...
 
POWER POINT MODUL 1 PEBI4223 (PENDIDIKAN LINGKUNGAN HIDUP)
POWER POINT MODUL 1 PEBI4223 (PENDIDIKAN LINGKUNGAN HIDUP)POWER POINT MODUL 1 PEBI4223 (PENDIDIKAN LINGKUNGAN HIDUP)
POWER POINT MODUL 1 PEBI4223 (PENDIDIKAN LINGKUNGAN HIDUP)
 
ppt-modul-6-pend-seni-di sd kelompok 2 ppt
ppt-modul-6-pend-seni-di sd kelompok 2 pptppt-modul-6-pend-seni-di sd kelompok 2 ppt
ppt-modul-6-pend-seni-di sd kelompok 2 ppt
 
presentasi lembaga negara yang ada di indonesia
presentasi lembaga negara yang ada di indonesiapresentasi lembaga negara yang ada di indonesia
presentasi lembaga negara yang ada di indonesia
 
Sosialisasi PPDB SulSel tahun 2024 di Sulawesi Selatan
Sosialisasi PPDB SulSel tahun 2024 di Sulawesi SelatanSosialisasi PPDB SulSel tahun 2024 di Sulawesi Selatan
Sosialisasi PPDB SulSel tahun 2024 di Sulawesi Selatan
 
Materi Sosiologi Kelas X Bab 1. Ragam Gejala Sosial dalam Masyarakat (Kurikul...
Materi Sosiologi Kelas X Bab 1. Ragam Gejala Sosial dalam Masyarakat (Kurikul...Materi Sosiologi Kelas X Bab 1. Ragam Gejala Sosial dalam Masyarakat (Kurikul...
Materi Sosiologi Kelas X Bab 1. Ragam Gejala Sosial dalam Masyarakat (Kurikul...
 
Perumusan Visi dan Prakarsa Perubahan.pptx
Perumusan Visi dan Prakarsa Perubahan.pptxPerumusan Visi dan Prakarsa Perubahan.pptx
Perumusan Visi dan Prakarsa Perubahan.pptx
 
RENCANA + Link2 Materi Pelatihan/BimTek "PTK 007 Rev-5 Thn 2023 (PENGADAAN) &...
RENCANA + Link2 Materi Pelatihan/BimTek "PTK 007 Rev-5 Thn 2023 (PENGADAAN) &...RENCANA + Link2 Materi Pelatihan/BimTek "PTK 007 Rev-5 Thn 2023 (PENGADAAN) &...
RENCANA + Link2 Materi Pelatihan/BimTek "PTK 007 Rev-5 Thn 2023 (PENGADAAN) &...
 
PERAN PERAWAT DALAM PEMERIKSAAN PENUNJANG.pptx
PERAN PERAWAT DALAM PEMERIKSAAN PENUNJANG.pptxPERAN PERAWAT DALAM PEMERIKSAAN PENUNJANG.pptx
PERAN PERAWAT DALAM PEMERIKSAAN PENUNJANG.pptx
 
Kontribusi Islam Dalam Pengembangan Peradaban Dunia - KELOMPOK 1.pptx
Kontribusi Islam Dalam Pengembangan Peradaban Dunia - KELOMPOK 1.pptxKontribusi Islam Dalam Pengembangan Peradaban Dunia - KELOMPOK 1.pptx
Kontribusi Islam Dalam Pengembangan Peradaban Dunia - KELOMPOK 1.pptx
 
vIDEO kelayakan berita untuk mahasiswa.ppsx
vIDEO kelayakan berita untuk mahasiswa.ppsxvIDEO kelayakan berita untuk mahasiswa.ppsx
vIDEO kelayakan berita untuk mahasiswa.ppsx
 
PELAKSANAAN + Link-Link MATERI Training_ "Effective INVENTORY & WAREHOUSING M...
PELAKSANAAN + Link-Link MATERI Training_ "Effective INVENTORY & WAREHOUSING M...PELAKSANAAN + Link-Link MATERI Training_ "Effective INVENTORY & WAREHOUSING M...
PELAKSANAAN + Link-Link MATERI Training_ "Effective INVENTORY & WAREHOUSING M...
 
Sesi 1_PPT Ruang Kolaborasi Modul 1.3 _ ke 1_PGP Angkatan 10.pptx
Sesi 1_PPT Ruang Kolaborasi Modul 1.3 _ ke 1_PGP Angkatan 10.pptxSesi 1_PPT Ruang Kolaborasi Modul 1.3 _ ke 1_PGP Angkatan 10.pptx
Sesi 1_PPT Ruang Kolaborasi Modul 1.3 _ ke 1_PGP Angkatan 10.pptx
 
Salinan dari JUrnal Refleksi Mingguan modul 1.3.pdf
Salinan dari JUrnal Refleksi Mingguan modul 1.3.pdfSalinan dari JUrnal Refleksi Mingguan modul 1.3.pdf
Salinan dari JUrnal Refleksi Mingguan modul 1.3.pdf
 
Keterampilan menyimak kelas bawah tugas UT
Keterampilan menyimak kelas bawah tugas UTKeterampilan menyimak kelas bawah tugas UT
Keterampilan menyimak kelas bawah tugas UT
 
Modul Ajar Pendidikan Pancasila Kelas 5 Fase C
Modul Ajar Pendidikan Pancasila Kelas 5 Fase CModul Ajar Pendidikan Pancasila Kelas 5 Fase C
Modul Ajar Pendidikan Pancasila Kelas 5 Fase C
 
UT PGSD PDGK4103 MODUL 2 STRUKTUR TUBUH Pada Makhluk Hidup
UT PGSD PDGK4103 MODUL 2 STRUKTUR TUBUH Pada Makhluk HidupUT PGSD PDGK4103 MODUL 2 STRUKTUR TUBUH Pada Makhluk Hidup
UT PGSD PDGK4103 MODUL 2 STRUKTUR TUBUH Pada Makhluk Hidup
 
Pendidikan-Bahasa-Indonesia-di-SD MODUL 3 .pptx
Pendidikan-Bahasa-Indonesia-di-SD MODUL 3 .pptxPendidikan-Bahasa-Indonesia-di-SD MODUL 3 .pptx
Pendidikan-Bahasa-Indonesia-di-SD MODUL 3 .pptx
 
Modul Projek - Batik Ecoprint - Fase B.pdf
Modul Projek  - Batik Ecoprint - Fase B.pdfModul Projek  - Batik Ecoprint - Fase B.pdf
Modul Projek - Batik Ecoprint - Fase B.pdf
 
MODUL AJAR MATEMATIKA KELAS 6 KURIKULUM MERDEKA
MODUL AJAR MATEMATIKA KELAS 6 KURIKULUM MERDEKAMODUL AJAR MATEMATIKA KELAS 6 KURIKULUM MERDEKA
MODUL AJAR MATEMATIKA KELAS 6 KURIKULUM MERDEKA
 

Pengenalan internet 13

  • 1. Pengenalan HTML - 4 Membagi Halaman Web dengan Frame Matakuliah Pengenalan Internet STMIK Palangkaraya Oleh : Suparno Email : endustong@yahoo.com Blog : www.digdoyo.com
  • 2. HTML – Frame • Agar lebih menarik maka halaman web dibagi menjadi beberapa bagian yang digunakan untuk menampilkan konten yang berbeda dalam satu halaman • Pembagian halaman dilakukan dengan mendefinisikan masing-masing bagian yang diinginkan • Element yang terdapat dalam Frame adalah : Frameset, Frame, dan Noframe
  • 3. Element Frameset • Element ini berfungsi untuk membagi isi jendela web browser menjadi beberapa bagian. • Element ini memiliki attribute cols (membentuk kolom), rows (membentuk baris), border, bordercolor, frameborder (utk menampilkan border frame), dan framespacing (jarak antara frame). • Element FRAMESET terletak di antara element HEAD dan BODY.
  • 4. Element Frameset Syntax: <frameset cols="list” rows="list” border="pixel” bordercolor="color” frameborder="yes"|"no” framespacing="pixel"> ........................... </frameset> list = jumlah kolom/baris dengan lebar masingmasing dlm persen (%) Misalnya “40%, 60%” atau “30%, 25%, 45%
  • 5. Element Frame • Element FRAME untuk mendefinisikan frame yang terdapat dalam frameset. • Element ini mempunyai attribute name (nama frame), marginheight, marginwidth, bordercolor, frameborder, noresize, scrolling, src (isi yang ditampilkan pada frame). • Element ini tidak mempunyai tag penutup.
  • 6. Element Frame Syntax: <frame name="name” marginheight="pixel” maginwidth="pixel” bordercolor="color” frameborder="yes"|"no” noresize scrolling="yes"|"no” src="uri"> uri =alamat file (script html) yang akan ditampilkan sebagai isi frame dimaksud
  • 7. Element Noframes • Element Noframes mendefinisikan isi yang akan ditampilkan jika sebuah frame tidak dapat diakses. Syntax: <noframes> ..................... </noframes>
  • 8. File Pembentuk Frame • File script html utama : yang digunakan untuk mendefiniskan web dengan bentuk frame, juga mengatur jumlah frame yang diinginkan • File script html pengisi frame yang ada. Jika ada sebanyak 3 bagian frame dalam satu halaman maka file script html pengisi frame juga harus ada 3 file script yang ditampilkan pada masing-masing bagiannya. • Biasanya file frame utama digunakan sebagai homepage-nya
  • 10. Bagaimana…? • Buatlah sebuah halaman dengan element frameset sebanyak 4 (empat) frame • Frame 1 untuk Header yang berisi judul/nama webnya • Frame 2 untuk daftar/map link • Frame 3 untuk menampilkan isi dari daftar • Frame 4 untuk Footer yang berisi identitas Anda sebagai pembuatnya