Informatika Pertemuan ke-4
Nama : Hafiz Anindya Arryasuta
Kelas : XII MIPA 1
Tanggal : 31 Agustus 2021
Halo, kali ini saya akan membuat resume pertemuan ke-4 informatika SMAN 1 Kota Bekasi. Pada pertemuan ke-4, Bu Deswati memberikan materi tentang frame pada HTML. Frame ini berfungsi agar pada halaman HTML yang kita buat, terdapat beberapa kolom atau bagian. Masing-masing bagian akan menampilkan tulisan yang berbeda pula.
Dalam satu layar sebenarnya kita menampilkan tiga file yang berbeda, yaitu file judul.html, file menu.html dan file isi.html. Lalu, seperti apa frame yang akan kita buat? Mari simak baik-baik
Langkah pertama yang harus kita lakukan adalah membuat warna background dan judul pada html. Pastikan juga kita membuat program nya dalam notepad, dan disimpan dalam format .html
gunakan format:
<HTML> <HEAD></HEAD> <BODY BGCOLOR="solid green"> <FONT SIZE=80 color="black"><CENTER><B>TEKNOLOGI HOMEPAGE</b> </CENTER></FONT> </BODY></HTML>
di mana bgcolor : warna background sesuai yang kita inginkan
fontsize : ukuran font yang akan menjadi penentu size font kita berapa
color pada fontsize : warna yang akan menjadi warna font kita
"teknologi homepage" bisa kalian ganti sesuka kalian menjadi judul frame yang kalian inginkan
Hasilnya akan seperti ini ketika dibuka di web
Nah, tadi kita sudah berhasil untuk membuat frame judul, sekarang kita membuat menu nya
gunakan format :
<HTML> <HEAD></HEAD> <BODY BGCOLOR="yellow"> <FONT SIZE=5 COLOR="red"> Menu pilihan :<BR> Alpha<BR> Beta<BR> Charlie </FONT> </BODY></HTML>
di mana:
body color disesuaikan dengan keinginanmu
fontsize dan color disesuaikan juga dengan keinginanmu
<BR> digunakan di setiap baris agar kalimat selanjutnya yang kamu tulis bisa berada di baris selanjutnya
Maka, hasilnya akan seperti ini
Setelah berhasil membuat menu, saatnya kita membuat frame, agar menu dan judul yang kita buat bisa dimasukkan dalam 1 halaman yang sama
gunakan format:
<HTML> <HEAD> <TITLE>Percobaan Membuat frame</TITLE> </HEAD> <FRAMESET ROWS="20%,80%"> <FRAME SRC="judul homepage.html"> <FRAMESET COLS="25%,75%"> <FRAME SRC="menu homepage.html"> </FRAMESET> </FRAMESET> </HTML>
di mana :
angka persen untuk setiap ukuran frame yang akan kita buat
src artinya adalah program untuk memanggil program yang sudah kita buat sebelumnya, sedangkan "judul hompage" adalah nama file yang saya save sebelumnya.
Hasilnya akan seperti ini
Sekian yang dapat saya buat dari hasil pembelajaran dengan Bu Deswati, semoga bermanfaat bagi kita semua. Terima kasih sudah membaca dan menyimak sampai selesai!
Komentar
Posting Komentar