Pemrograman Basis Data Berbasis Web Pertemuan Ke-4 (HTML ) S1 Teknik Informatika - Unijoyo
S1 Teknik Informatika - Unijoyo Sub Pokok Bahasan: Frame Nama dan target frame Frame Vertikal Frame Horisontal Gabungan Frame Vertikal-Horisontal Entitas Karakter HMTL Spasi Tambahan dan Simbol “<“ “>” S1 Teknik Informatika - Unijoyo
S1 Teknik Informatika - Unijoyo FRAME Fungsi: Untuk membagi jendela browser menjadi beberapa bagian dan masing-masing bagian terdiri dari dokumen HTML tersendiri Atribut-atribut: Atribut Fungsi frameset cols Membuat frame vertikal dengan lebar kolom tertentu frameset rows Membuat frame horisontal dengan tinggi baris tertentu frame src Memasukkan dokumen HTML ke dalam frame scrolling=["yes"|"no"] Menentukan fitur scrolling noresize Membuat frame tidak dapat diubah ukurannya name Memberi nama untuk frame frameborder=["0"|"1“] Menentukan batas antara frame S1 Teknik Informatika - Unijoyo
S1 Teknik Informatika - Unijoyo Nama dan Target Frame Frame dapat diberi nama dan diatur targetnya dengan menggunakan tag base target. Contoh: Frame menu dapat digunakan sebagai link untuk mengakses halaman di frame content. Script HTML: <html> <head></head> <frameset rows=“15%,*"> <frame name=“judul" src=“judul.html"> <frameset cols="30%,*"> <frame name="menu" src="menu.html"> <name="content" src="content.html"> </frameset> </html> Potongan kode file menu.html: <html> <head> <base target="content"> </head> ... </html> S1 Teknik Informatika - Unijoyo
S1 Teknik Informatika - Unijoyo Frame Vertikal Tampilan: Contoh: <html> <head> <title> Membuat Frame Vertikal </title> </head> <frameset cols="25%,*"> <frame name="kiri" src="kiri.html" scrolling="no"> <frame name="kanan“ src="kanan.html"> </frameset> </html> S1 Teknik Informatika - Unijoyo
S1 Teknik Informatika - Unijoyo Frame Horisontal Contoh: <html> <head> <title> Membuat Frame Horisontal </title> </head> <frameset rows="40%,*"> <frame name="atas" src="atas.html“ scrolling="no"> <frame name="bawah“ src="bawah.html"> </frameset> </html> Tampilan: S1 Teknik Informatika - Unijoyo
Gabungan Frame Vertikal-Horisontal Contoh: <html> <head> <title> Membuat Frame Vertikal-Horisontal </title> </head> <frameset rows="20%,*"> <frame name="atas" src="atas.html“ scrolling="no"> <frameset cols="40%,*"> <frame name="kiri" src="kiri.html"> <frame name="kanan" src="kanan.html"> </frameset> </html> Tampilan: S1 Teknik Informatika - Unijoyo
S1 Teknik Informatika - Unijoyo Entitas Karakter HMTL Beberapa entitas (atau simbol) tidak dapat ditulis langsung di halaman web karena tidak ada di keyboard. Oleh karena itu diperlukan kombinasi entitas. Terdapat tiga bagian untuk setiap entitas, yaitu: Dimulai dengan sebuah ampersand [“&”] Diberi nama entitas, misalnya [“copy”] Diakhiri dengan semicolon [“;”] S1 Teknik Informatika - Unijoyo
S1 Teknik Informatika - Unijoyo Contoh: <html> <head><title>Entitas karakter</head> <body> Simbol "copyright" : "©" <br/> Simbol "alpha" : "α" <br/> </body> </html> Tampilan: S1 Teknik Informatika - Unijoyo
Spasi Tambahan dan Simbol “<“ “>” Spasi tambahan (“ “) dapat dibuat dengan kombinasi entitas Contoh: <html> <head><title>Spasi Tambahan</title></head> <body> <p>Setelah ini ada lima spasi tambahan:" ". Sekarang lanjut kalimat lagi.</p> </body> </html> Tampilan: S1 Teknik Informatika - Unijoyo
S1 Teknik Informatika - Unijoyo Kombinasi entitas untuk menampilkan simbol“<“ dan “>” di dalam halaman web: “<“ < [less than] “>” > [greater than] Contoh: <html> <head><title>Simbol "<" dan ">"</title></head> <body><p>Karakter "Kurang dari" : "<" <br/> Karakter "Lebih dari" : ">"</p> </body> </html> Tampilan: S1 Teknik Informatika - Unijoyo
Tugas kelompok Anggota : 3 orang Buat tampilan web dengan menggunakan html Topik : bidang industri, pendidikan, kesehatan, jasa, pemerintahan, dll Minimal 3 halaman Dikumpulkan pada minggu ke 5 ke yenik04@plasa.com, tuliskan nama dan nim, bidang dan kelas anda Syarat halaman webnya harus ada : Penggunaan Tag dalam body : warna latar belakang, heading, paragraf, preformatted text, blockquote, break, font, format dokumen, garis pemisah horisontal, list/daftar, memuat gambar, hypertext link, memuat gambar Penggunaan Tabel,form :Textbox, Submit dan Reset, Checkbox, Radio button, Daftar Drop Down, Text Area Penggunaan Frame, link dan image S1 Teknik Informatika - Unijoyo
S1 Teknik Informatika - Unijoyo Daftar Pustaka Chris Bates [2006]. Web Programming: Building Internet Applications, Third Edition, John Wiley & Sons Ltd, England. Husni [2007]. Pemrograman Database Berbasis Web, Graha Ilmu, Yogyakarta. Sebesta, R.W. [2002], Programming the World Wide Web, Addison Wesley. Sutarman, S.Kom [2003]. Membangun Aplikasi Web dengan PHP dan MySQL, Graha Ilmu, Yogyakarta. S1 Teknik Informatika - Unijoyo