IF202_PR09.ppt
IF202_2011_Lecture_08_2.ppt
Minggu, 22 Mei 2011
Minggu, 15 Mei 2011
Senin, 09 Mei 2011
Jumat, 15 April 2011
Senin, 04 April 2011
Materi Progweb : Frame
¨Frame digunakan untuk membagi suatu halaman web menjadi beberapa bagian. Beberapa bagian tersebut dapat digunakan untuk berbagai keperluan.
Karakteristik Frame:
¨Lebih dari satu dokumen dapat ditampilkan secara bersamaan dalam satu tampilan dokumen
¨Setiap ditampilkan dalam sebuah frame, jadi minimal satu frame memiliki 1 file dokumen
¨Dibutuhkan satu dokumen tersendiri yang berisi definisi frameset.
¨Frameset ini yang akan membungkus keseluruhan file frame.
Syntax dasar Frame:
<frameset frameborder="x" border="y" framespacing>
<frame src="namafile1.html" name="...">
<frame src="namafile2.html" name="...">
<frame src="namafile-n.html" name="...">
<noframes>
<!-- bagian ini akan dipanggil jika browser tidak support frame -->
</noframes>
</frameset>
Selasa, 22 Maret 2011
Jumat, 18 Maret 2011
Materi Pemrograman Web Tanggal 12 Maret 2011
FORM
Kegunaan Form :
• Memperoleh data-data user baik nama,
alamat dan data lainnya untuk mendaftar
pada service yang disediakan
• Memperoleh informasi pembelian secara
form
• Memperoleh feedback dari user mengenai
website
Elemen Input : Text Field
z Digunakan untuk memasukan huruf, angka, karakter, dll ke dalam sebuah
form.
Elemen Input : Password
z Digunakan untuk menyembunyikan karakter masukan.
Elemen Input : Radio Button
z Digunakan untuk melakukan satu pemilihan diantara 2 atau lebih data.
Elemen Input : Checkbox
z Digunakan untuk melakukan satu atau lebih dari banyak pemilihan data.
Elemen Input : Combo box
z Digunakan untuk melakukan satu pemilihan diantara 2 atau lebih data
menggunakan drop‐down.
Elemen Input : Listbox
z Digunakan untuk melakukan satu atau lebih pemilihan diantara 2 atau
lebih data menggunakan listbox.
Elemen Text Area
z Sebuah area yang dapat menampung teks yang tidak terbatas ukurannya.
Elemen Input : File
z Digunakan untuk memilih atau membuka file.
TABLE
Menampilkan data dalam bentuk tabel
Tabel didefinisikan dengan cara menyatakan baris-baris dan kolom-kolom.
Table dibuat dengan table tag (<tag>). Table terbuat dari baris (<tr>) dan kolom (<td>). Tr artinya table row dan td artinya table data.
<table border="1">
<tr>
<td rowspan="5">Kotak 1-5</td>
<td>Kotak 1</td>
</tr>
<tr>
<td>Kotak 2</td>
</tr>
<tr>
<td>Kotak 3</td>
</tr>
<tr>
<td>Kotak 4</td>
</tr>
<tr>
<td>Kotak 5</td>
</tr>
</table>
Kegunaan Form :
• Memperoleh data-data user baik nama,
alamat dan data lainnya untuk mendaftar
pada service yang disediakan
• Memperoleh informasi pembelian secara
form
• Memperoleh feedback dari user mengenai
website
Elemen Input : Text Field
z Digunakan untuk memasukan huruf, angka, karakter, dll ke dalam sebuah
form.
Elemen Input : Password
z Digunakan untuk menyembunyikan karakter masukan.
Elemen Input : Radio Button
z Digunakan untuk melakukan satu pemilihan diantara 2 atau lebih data.
Elemen Input : Checkbox
z Digunakan untuk melakukan satu atau lebih dari banyak pemilihan data.
Elemen Input : Combo box
z Digunakan untuk melakukan satu pemilihan diantara 2 atau lebih data
menggunakan drop‐down.
Elemen Input : Listbox
z Digunakan untuk melakukan satu atau lebih pemilihan diantara 2 atau
lebih data menggunakan listbox.
Elemen Text Area
z Sebuah area yang dapat menampung teks yang tidak terbatas ukurannya.
Elemen Input : File
z Digunakan untuk memilih atau membuka file.
TABLE
Menampilkan data dalam bentuk tabel
Tabel didefinisikan dengan cara menyatakan baris-baris dan kolom-kolom.
Table dibuat dengan table tag (<tag>). Table terbuat dari baris (<tr>) dan kolom (<td>). Tr artinya table row dan td artinya table data.
- Untuk mulai membuat table anda perlu table tag pembuka yaitu <table> dan untuk mengakhiri anda tutup dengan table tag penutup yaitu </table>.
- Untuk memulai membuat baris table horizontal anda perlu tag pembuka <tr> dan setelah memasukkan beberapa kolom anda perlu menutupnya kembali dengan tag penutup </tr>.
- Untuk memulai membuat kolom table, seperti biasa anda juga memerlukan tag pembuka <td> dan setelah memasukkan data- data anda perlu menutupnya kembali dengan tag penutup </td>.
- Jika hendak membuat kolom baru lagi dalam satu baris, anda tinggal ulang langkah cara membuat kolom yang sudah dijelaskan diatas sebelum menutupnya dengan tag penutup baris yaitu </tr>.
Colspan dan rowspan adalah html attribute yang digunakan untuk memperlebar atau menggabungkan beberapa kolom atau row menjadi satu, sehingga satu unit kolom atau row ini menjadi lebih lebar. Colspan adalah kependekan dari “column span” yang bisa mengartikan sebagai “berapa kotak kesamping” sedangkan rowspan mengartikan “berapa kotak kebawah”.
Attribute colspan diletakkan dalam tag <td> dan anda bisa mengatur “value”nya berapa kotak yang akan di span. Berikut saya kasih contohnya:
<table border="1">
<tr>
<td colspan="5">Gabungan Kotak 1-5</td>
</tr>
<tr>
<td>Kotak 1</td>
<td>Kotak 2</td>
<td>Kotak 3</td>
<td>Kotak 4</td>
<td>Kotak 5</td>
</tr>
</table>
<table border="1">
<tr>
<td rowspan="5">Kotak 1-5</td>
<td>Kotak 1</td>
</tr>
<tr>
<td>Kotak 2</td>
</tr>
<tr>
<td>Kotak 3</td>
</tr>
<tr>
<td>Kotak 4</td>
</tr>
<tr>
<td>Kotak 5</td>
</tr>
</table>
Langganan:
Postingan (Atom)