bab 9 menggunakan tabel -...

Download Bab 9 Menggunakan Tabel - jak-stik.ac.idjak-stik.ac.id/saefudin/files/microsoft-frontpage-xp[8].pdfkeduanya

Post on 18-May-2019

216 views

Category:

Documents

0 download

Embed Size (px)

TRANSCRIPT

Bab 9

Menggunakan Tabel

Webmaster Pro Front Page XP

282

Daftar Isi Bab 9 1 Membuat sebuah tabel .................................................................................284 1.1 Cara pertama membuat tabel......................................................................... 284 1.2 Cara kedua membuat tabel............................................................................. 286 1.3 Cara ketiga membuat tabel............................................................................. 287

2 Mengatur properti .......................................................................................289 2.1 Properti tabel................................................................................................ 289 2.2 Mengatur properti sel................................................................................... 292

3 Mengatur susunan tabel...............................................................................294 3.1 Menyisipkan sel............................................................................................. 294 3.2 Menyisipkan baris dan kolom......................................................................... 294 3.3 Membagi Sel................................................................................................. 295 1.1 Memasang Caption (judul)............................................................................. 296 1.2 Menerapkan AutoFormat............................................................................... 297

2. Mengatur tata letak dengan tabel ...............................................................299

3. Tabel di dalam tabel ........................................... Error! Bookmark not defined.

Bab 9 Menggunakan Tabel

283

Tabel adalah sarana penampung data yang efektif. Dengan tabel, kita bisa menampung banyak data sekaligus, bahkan menyusunnya secara sistematis dengan organisasi tertentu. Data dikelompokkan ke dalam dua kategori utama yaitu baris dan kolom. Baris adalah susunan mendatar dan kolom adalah susunan menurun, keduanya akan membentuk segi empat dengan unsur persilangan dinamakan sel.

Gambar 9.1 Susunan sebuah tabel

Di dalam satu sel tersimpan sebuah data. Data bisa berupa sebuah teks, sebuah gambar atau data lainnya termasuk sebuah tabel. Jadi sebuah tabel bisa menjadi data dari tabel lain yang lebih besar. Tabel demikian dinamakan tabel bersarang (nested table). Lihat Gambar 9.2 yang menunjukkan sebuah tabel sederhana, terdiri dari sebuah baris dan dua kolom sehingga terbentuk dua sel. Sel pertama mengandung data gambar dan sel kedua mengandung data tabel.

Gambar 9.2 Tabel bersarang

Tabel sering dibutuhkan pada dokumen ilmiah, karena fungsinya sebagai penyimpan data. Untuk membuat tabel dengan FrontPage XP ada tiga macam cara, yaitu dengan perintah Insert Tabel (untuk tabel sederhana), tombol Insert Table dan Draw Table (untuk tabel kompleks).

Cara kerja tabel HTML sama dengan tabel pada program pengolah kata atau sebuah program desktop publishing, ya itu sarana. penampung data.

Webmaster Pro Front Page XP

284

Pada halaman web, tabel tidak hanya sarana penampung data, namun juga sebagai pengatur tata letak. Kalau Anda sempat melongok situs di World Wide Web. Anda mungkin berpikir "Bagaimana mereka dapat membuatnya seperti itu"? Jawabanya seringkali menggunakan tabel.

Tanpa tabel, HTML akan membatasi cara menampilkan sesuatu. Tidak ada kolom dengan teks banyak, tidak ada jenis kolom spread-sheet, tidak ada campuran teks dan gambar pada halaman dengan konfigurasi tertentu.

Bekerja dengan tabel sangatlah mudah, terutama pada FrontPage XP. Tabel bisa membuat halaman-halaman Anda tampil lebih menarik.

1 Membuat sebuah tabel Pada FrontPage XP ada tiga metode yang dapat digunakan untuk membuat tabel. Masing-masing memiliki kelebihan dan kekurangannya sendiri.

Untuk membuat tabel, ketiga metode menggunakan langkah awal yang sama, yaitu klik lokasi penempatan tabel di dalam dokumen.

Kemudian gunakan salah satu dari tiga cara berikut ini.

1.1 Cara pertama membuat tabel 1. Tampilkan toolbar Tables dengan mengaktifkan View _ Toolbars _ Tables

atau klik kanan bar lalu klik Tables. Gambar 9.3 menampilkan toolbar Tables.

Gambar 9.3 Toolbar Tables

2. Klik tombol Draw Table ( ), kemudian klik pada halaman, titik awal tabel, lalu geser ke arah kanan bawah. FrontPage XP akan menampilkan bentuk tabel sebagai garis putus-putus yang merupakan garis bimbingan. Gambar 9.4 kiri.

Bab 9 Menggunakan Tabel

285

Gambar 9.4 Garis bimbingan dan hasilnya

3. Setelah mencapai ukuran yang diinginkan lepaskan tombol mouse, maka terbentuklah bangun persegi panjang. Gambar 9.4 kanan.

4. Untuk menambahkan kolom dan baris, gunakan tombol Draw Table.FrontPage XP tidak menampilkan bentuk kotak melainkan hanya garis yang akan menjadi garis batas kolom ataupun baris. Caranya, klik titik awal lalu geser ke arah titik akhir, untuk membuat garis kolom berarti arah pergeseran adalah vertikal, yaitu dari atas ke bawah atau sebaliknya. Sedangkan untuk membuat garis baris, arah pergeserannya horizontal, yaitu dari kiri ke kanan atau sebaliknya. Gambar 9.5 menunjukkan hasil pembuatan garis kolom.

Gambar 9.5 Pembuatan garis kolom

5. Gambar 9.6 menunjukkan hasil akhir, setelah penggambaran garis kolom dan garis baris sekaligus.

Webmaster Pro Front Page XP

286

Gambar 9.6 Hasil Penggambaran Tabel

6. Untuk menghapus garis yang telah kita pasangkan, gunakan tombol Eraser ( ). Dengan cara drag untuk membentuk bidang yang melingkupi garis yang akan kita hapus. Setelah garis tersebut berubah warna, lepaskan drag, maka garis akan terhapus.

7. Untuk menyelesaikan penggambaran tabel, klik di area manapun di luar tabel. Atau tekan ESC, bentuk pointer mouse akan kembali ke bentuk semula.

1.2 Cara kedua membuat tabel Untuk membuat tabel, selain menggambar langsung pada halaman, kita bisa menggunakan tombol Insert Table .

1. Klik tombol Insert table pada toolbar Standard, muncul pilihan jumlah kolom dan baris.

2. Lalu drag pointer mouse untuk memilih sejumlah kolom dan baris yang Anda inginkan (lihat Gambar 9.7). Drag yang Anda lakukan akan menentukan ukuran baris dikali kolom, area yang terpilih akan berwarna gelap dan angkanya ditampilkan pada baris paling bawah

Bab 9 Menggunakan Tabel

287

Gambar 9.7 Drag pointer mouse untuk membuat tabel

3. Setelah mendapatkan ukuran yang Anda inginkan, lepaskan drag. Misalnya Anda memilih 2x3, hasilnya akan seperti Gambar 9.8.

Gambar 9.8 Tabel 2X3

1.3 Cara ketiga membuat tabel Metode ketiga adalah menggunakan kotak dialog, dengan langkah:

1. Aktifkan Table _ Insert Table . Kotak dialog Insert Table akan terbuka (Gambar 9.9).

Gambar 9.9 Kotak dialog Insert Table

Webmaster Pro Front Page XP

288

2. Isikan jumlah baris (Rows ) dan kolom (Columns ).

3. Lalu tentukan pilihan Anda pada item-item berikut ini:

Alignment, adalah pilihan penjajaran tabel dengan nilai Default, Left, Right dan Center.

Border size, untuk menentukan angka ketebalan garis. Angka 0 berarti tidak muncul garis. Ukuran 0 inilah yang akan digunakan sebagai sarana tata letak (lay out).

Cell padding, untuk menentukan ruang antara isi sel dan garis batas sel. Ruang ini berada di sekeliling bagian dalam sebuah sel.

Cell spacing, untuk menentukan ruang antar sel.

Specify width, untuk menentukan lebar tabel. Lalu tentukan apakah dalam satuan piksel (pilihan In pixels ) atau sebagai persentase ukuran tabel (In percent).

Misalnya kita isikan data sebagai berikut:

Rows = 2

Columns = 2

Border size = 2

Cell padding = 2

Cell spacing = 2

4. Kemudian klik OK. Hasilnya seperti Gambar 9.10

Bab 9 Menggunakan Tabel

289

Gambar 9.10 Hasil pemasangan tabel

Kalau Anda agak bingung tentang pengertian Cell Padding dan Cell Spacing, perhatikan Gambar 9.11.

Gambar 9.11 Pemakaian Cell Padding dan Cell Spacing

Gambar sebelah kiri adalah tabel dengan Cell Padding = 5 dan Cell Spacing = 10. Sedangkan gambar sebelah kanan adalah tabel dengan Cell Padding = 10 dan Cell Spacing = 5.

2 Mengatur properti Setelah tebal terbentuk, selanjutnya kita bisa mengatur propertinya, termasuk properti sel, yang merupakan unsur terkecil tabel.

2.1 Properti tabel Untuk mengatur properti tabel Anda, klik kanan pada tabel lalu aktifkan Table _ Table Properties. Kotak dialog Table Properties akan muncul (Gambar 9.12).

Webmaster Pro Front Page XP

290

Gambar 9.12 Kotak dialog Table Properties

Berikut adalah pengaturan yang dapat Anda lakukan:

Alignment, di sini Anda dapat menentukan bagaimana tabel tersebut dijajarkan dalam sebuah halaman. Jika Anda membiarkan pengaturan Default-nya, maka tabel tersebut akan ditempatkan pada dokumen tersebut tanpa mengubah posisinya - tabel itu akan ditempatkan di sisi kiri dari window. Jika Anda menggunakan salah satu pengaturan lainnya, FrontPage akan menggunakan tag untuk menjajarkan tabel tersebut. Tag ini relatif baru dan berfungsi mirip dengan tag paragraf

, hanya saja tag tersebut tidak menambahkan sebuah baris kosong sesudahnya. Hal ini mungkin saja tidak disengaja, karena terdapat atribut penjajaran yang dapat digunakan di dalam tag ; dan konsekwensinya adalah Anda tidak dapat mengelilingi tabel itu dengan teks. (Lihat "Membuat Teks Mengelilingi Tabel " pada bagian lain bab ini). Anda

Recommended

View more >