Upload presentasi
Presentasi sedang didownload. Silahkan tunggu
1
Pemrograman Basis Data Berbasis Web
Pertemuan Ke-4 (HTML ) S1 Teknik Informatika - Unijoyo
2
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
3
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
4
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
5
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
6
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
7
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
8
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
9
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
10
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
11
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
12
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 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
13
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
Presentasi serupa
