Bab 9 Menggunakan Tabel

dokumen-dokumen yang mirip
MENGGUNAKAN TABEL DAN FORMULA

Mencari Text 2) 3) KTI A : Week 02 (Pembuatan Dokumen)

Kumpulan Tutorial Pengolahan Tabel Pada Microsoft Word 2010 OLEH RIZKIA NUR FAJRIYATI NIM: J1B114030

Pokok Bahasan Membuat dan Menempatkan Tabel Menempatkan Footnotes Menempatkan Komentar (Comment) Mencetak Dokumen

Area kerja. Gambar 1. Tampilan awal MS FrontPage

PEMBUATAN BAHAN AJAR KIMIA BERBASIS WEB MENGGUNAKAN MICROSOFT FRONTPAGE

MODUL II TABEL. 3. Blok grid tabel sebanyak kolom dan baris yang anda inginkan. Baris x kolom

MEMBUAT/ MENYISIPKAN TABEL

Tabel, List. Tempatkan kursor pada dokumen windor, kemudian pilih salah satu cara berikut : Insert Table

Gambar 3.1 Kotak Dialog Font & Character Spacing

MEMBUAT WEBSITE PERSONAL

DEPARTEMEN AGAMA MADRASAH TSANAWIYAH NEGERI NGABLAK Jalan Ngablak-Mangli Km. 0 Ngablak Telepon KABUPATEN MAGELANG 56194

BAB III MICROSOFT WORD

Microsoft Word Mengenal Microsoft Word 2003

MODUL VI OPERASI DASAR MS-EXCELL

Membuat Buku Kerja dengan Microsoft Excel

PERTEMUAN 8: MENGOPERASIKAN DASAR DASAR MICROSOFT OFFICE EXCEL 2007

Bab 10 Pemakaian Frame

Modul ke: Aplikasi komputer. Microsoft Excel 2010 Bagian 1. 09Fakultas FASILKOM. Wardhana., S.Kom., S.T., MM. Program Studi MKCU

Modul ke: Aplikasi Komputer. Microsoft Word. Fakultas TEKNIK. Muhammad Rifqi, S.Kom, M.Kom. Program Studi. Ilmu Komputer.

Aplikasi Komputer. Pengenalan tentang Ms. Word 2010 serta fungsi-fungsi dasarnya (1) Ita Novita, S.Kom, M.T.I. Modul ke: Fakultas Ilmu Komputer

Aplikasi Komputer. Ms. Powerpoint 2010 MODUL PERKULIAHAN. Fakultas Program Studi Tatap Muka Kode MK Disusun Oleh

Spreadsheet dan Diagram

Macromedia Dreamweaver. Tatik Retno Murniasih, S.Si., M.Pd.

Membangun Web Statis Menggunakan Dreamweaver Oleh : Mochamad Subecha, SE

PemudaPemudi. Copyright From Created by ary212

Modul ke: Aplikasi Komputer. Microsoft Word 2010 Bagian 1. Fakultas FASILKOM. Nurhaida, ST. MT. Program Studi MKCU

ULANGAN UMUM SEMESTER GASAL TAHUN

II. Bekerja dengan Microsoft Excel

Komunikasi Multimedia

LATIHAN SOAL MATA PELAJATAN : TIK

MEMBUAT TABEL, CAPTION PADA GAMBAR DAN TABEL, MEMBUAT DAFTAR GAMBAR DAN TABEL SERTA MENGGUNAKAN FORMULA PADA TABEL

Spreadsheet dan Diagram

Microsoft Excel 2007

Microsoft Excel. I. Pendahuluan

Modul Praktikum 4 Dasar-Dasar Teknologi Informasi dan Komunikasi

MENGELOLA TEKS DALAM KOLOM DAN TABEL

oleh : idrus, A.Md

2. What s the name of picture or symbol in desktop which has fuction to open Program? a. toolbar b. icon c. shortcut d. menu

Cara Mengelola Isi Halaman Web

Mengenal Microsoft Word

MEMBUAT DAN MENGATUR DOKUMEN

Microsoft Word. Klik menu File Pilih Open (atau klik tombol open pada toolbars) Klik nama dokumen yang akan dibuka Klik Open

Biro Teknologi & Sistem Informasi Universitas Kristen Satya Wacana

Tua Namora Nainggolan dan Team Kursus Komputer Trainee Jepang

Pengantar. Word Processor. Rino A Nugroho, S.Sos, M.T.I Updated

Membuat dan Menyimpan Dokumen Sederhana

Membuat Bahan Ajar berbasis Web dengan Adobe Dreamweaver CS3. Bambang Adriyanto

Microsoft Words. Oleh : ANNISA RATNA SARI

Pemrograman Komputer B

BAB VII MENGOLAH TABEL

Kita dapat melihat dokumen dalam 4 tampilan yang berbeda, yaitu Normal View, Web Layout View, Print Layout View dan Outline View.

Menyusun Materi dalam Bentuk Buku dengan Adobe InDesign

Microsoft Excel 2000 For Siswa PKP-1 IPI-LEPPINDO Cab. Lampung Instruktur : Gusdiwanto. Pengenalan Ms Excel

Format dan Formula. Pada Bab ini anda akan mempelajari cara:

TUTORIAL PEMBUATAN WEBSITE DENGAN MACROMEDIA DREAMWEAVER

Bab 5 Mengedit Paragraf

Modul 3 MENGGUNAKAN MENU DAN IKON

MODUL XVI FRONTPAGE. A. MAKSUD DAN TUJUAN 1. MAKSUD Mahasiswa mengerti pembuatan halaman website. 2. TUJUAN Agar mahasiswa dapat membuat halaman web

MODUL PERKULIAHAN APLIKASI KOMPUTER. Microsoft Word. Fakultas Program Studi Tatap Muka Kode MK Disusun Oleh

Materi 1. Selamat Datang Di Frontpage 2000

A. TUJUAN PEMBELAJARAN

BAB I MENU DAN IKON PADA PERANGKAT LUNAK PENGOLAH KATA

LEMBARAN SOAL ULANGAN HARIAN 1

Membuat Word Art 1. Klik Insert 2. Klik Word Art 3. Pilih Jenis word Art 4. Ketik sesuai keinginan

Aplikasi Komputer. Microsoft Word 2010 MODUL PERKULIAHAN. Fakultas Program Studi Tatap Muka Kode MK Disusun Oleh. Teknik Industri

RUMAH BELAJAR CINTA ANAK BANGSA

MICROSOFT OFFICE EXCEL

MODUL PELATIHAN PROGRAM MS. OFFICE WORD 2007 DISUSUN OLEH YAYASAN KURNIA

Bab 3 Format dan Formula

MENGATUR FORMAT PARAGRAF Oleh Ade Sobandi Hendri Winata Rasto

PEMBUATAN DOKUMEN. Untuk mengubah ukuran kertas dan orientasi pencetakan dapat dilakukan langkah berikut:

Entri dan Modifikasi Sel

Daftar Isi Bab Membuat Link Bar Langkah membuat link bar Mengedit Link Bar

Bab 2 Entri dan Modifikasi Sel

Pengenalan Microsoft Excel 2007

Modul Praktikum 2 Dasar-Dasar Teknologi Informasi dan Komunikasi. Mengolah Kata Dengan Microsoft Word (1)

ULANGAN TENGAH SEMESTER Mata Pelajaran : Teknologi Informasi dan Komunikasi Kelas / Semester : VIII ( Delapan ) / 1 Hari / Tanggal : W a k t u :

Belajar Dasar Microsoft Word 2003

Modul 1 Pengenalan Perangkat Lunak Pengolah Kata Microsoft Word

2. Klik dua kali shortcut Microsoft Excel yang sudah terbuat di Desktop.

BAB 9. Membuat Equation, Hyperlink, Watermark Dan Mencetak Dokumen.

Pada bab sebelumnya kita sudah berkenalan dengan menu Home, maka pada pertemuan kali ini kita akan berkenalan dengan menu Insert.

DAFTAR ISI. LEMBAR PENGESAHAN PEMBIMBING... ii. LEMBAR PENGESAHAN PEMBIMBING... ii. LEMBAR PENGESAHAN PENGUJI... iii. LEMBAR PERNYATAAN KEASLIAN...

BAB 4 PEMBUATAN DOKUMEN WORD

EXCEL MENGEDIT DAN FORMAT TEKS/PARAGRAF

SIMPLE TUTORIAL - ADOBE DREAMWEAVER CS 5 Oleh: H. Heri Istiyanto, S.Si., M.Kom.

MICROSOFT WORD. Formating Toobar

Status bar. Toolbar gambar

KEMENTERIAN AGAMA MADRASAH TSANAWIYAH NEGERI NGABLAK Jalan Ngablak-Mangli Km. 0 Ngablak , KABUPATEN MAGELANG 56194

MODUL PELATIHAN PROGRAM MS. OFFICE EXCEL 2007 DISUSUN OLEH YAYASAN KURNIA

merge to new document

MICROSOFT WORD. Berikut ini adalah beberapa istilah yang akan dipakai dalam mengoperasikan Microsoft Word 2007:

Modul 5 Mengoperasikan Perangkat Lunak Lembar Sebar (Open Source) 1 KEGIATAN BELAJAR 2

Bab 12 Mengatur Link

PENGANTAR MICROSOFT EXCEL

Microsoft Word I. Mengenal Microsoft Word

BAB X MENGATUR DAN MENYUNTING TAMPILAN DATA

Mengatur Sel. Pindah isi sel ke kuali

Bullet-Nomor dan Tabel

Transkripsi:

Bab 9 Menggunakan Tabel

Webmaster Pro Front Page XP 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. 282

Bab 9 Menggunakan Tabel 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, yaitu sarana. penampung data. 283

Webmaster Pro Front Page XP 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. 284

Bab 9 Menggunakan Tabel 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. 285

Webmaster Pro Front Page XP 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 286

Bab 9 Menggunakan Tabel 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 287

Webmaster Pro Front Page XP 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 288

Bab 9 Menggunakan Tabel 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). 289

Webmaster Pro Front Page XP 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 <div> untuk menjajarkan tabel tersebut. Tag<div> ini relatif baru dan berfungsi mirip dengan tag paragraf <p>, 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 <table>; dan konsekwensinya adalah Anda tidak dapat mengelilingi tabel itu dengan teks. (Lihat "Membuat Teks Mengelilingi Tabel " pada bagian lain bab ini). Anda dapat menjajarkan tabel tersebut ke sebelah kanan, di tengah, atau di sebelah kiri dengan pengaturan-pengaturan ini. Float, kotak pilihan untuk menentukan posisi tabel. Tersedia Default, Left dan Right. 290

Bab 9 Menggunakan Tabel Specify width, isikan lebar tabel pada kotak isian ini. Lalu tentukan apakah dalam satuan piksel (pilihan In pixels) atau sebagai persentase ukuran tabel (In percent). Cell Padding Adalah jarak dari isi sel ke garis tepi sel. Lalu tentukan apakah dalam satuan piksel (pilihan In pixels ) atau sebagai persentase ukuran tabel (In percent). Cell Spacing Ini adalah jarak antara sel dengan sel di sebelahnya di dalam tabel. Lalu tentukan apakah dalam satuan piksel (pilihan In pixels ) atau sebagai persentase ukuran tabel (In percent). Jika Anda menggunakan border, aturlah nilai Cell Spacing menjadi 0 agar garis tabel antar sel-sel menjadi solid. Anda dapat menggunakan cara yang sama untuk membuat kotak di sekeliling teks; buat saja sebuah tabel dengan sel tunggal, lalu terapkan nilai cell-spacing sehingga Anda bisa menghasilkan border eksternal tanpa border internal. Borders - kotak pilihan Size. Biarkan pilihan ini pada nilai 0 maka tabel tidak akan menampilkan border. Borders kotak cek Show both cells and table borders. Untuk menampilkan atau menghilangkan garis batas sel dan tabel sekaligus. Background Anda dapat menggunakan warna latar (pilihan Color) atau gambar latar belakang (Use background picture ) dengan kotak dialog Select background picture. Gambar 9.13 Kotak dialog Select background picture 291

Webmaster Pro Front Page XP Setelah melakukan pengaturan pada kotak dialog Table Properties, Anda bisa mencoba pengaturan tersebut tanpa harus menutup kotak dialog, yaitu dengan menekan tombol Apply. Kalau hasilnya masih kurang memuaskan Anda bisa meneruskan pengaturan. Sebaliknya jika Anda telah puas dan ingin menerapkannya, klik OK. Kotak dialog Table Properties akan ditutup. 2.2 Mengatur properti sel Anda dapat memodifikasi kolom-kolom tertentu pada sel, caranya dengan menggunakan kotak dialog Cell Properties. Untuk membuka kotak dialog tersebut ada dua cara, yaitu: Klik kanan di dalam tabel tersebut dan pilih Cell Properties. atau klik tabel itu dan pilih perintah Table fi Properties. Kotak dialog Cell Properties akan muncul (Lihat Gambar 9.14). Gambar 9.14 Kotak dialog Cell Properties Berikut ini keterangan ietm-item di dalam kotak dialog: Kotak pilihan Horizontal Alignment. Secara default, setiap isi sel akan diratakiri-kan (Align left). Anda dapat mengubah perataan, menjadi ratatengah (center) atau ratakanan (Align right). Setelah Anda mengaktifkan kotak cek Specify width, sebuah kotak isian juga akan aktif, tuliskan lebar tabel yang Anda inginkan pada kotak isian tersebut. Lalu tentukan satuan yang digunakan, apakah dalam piksel (In pixels) atau sebagai persentase ukuran tabel (In percent). 292

Bab 9 Menggunakan Tabel Kotak pilihan Vertical Alignment. Secara default, isi sel tersebut akan berada di tengah secara vertikal; Anda dapat mengubahnya ke atas atau ke bawah. Kalau Anda klik kotak cek Specify width, maka kotak isiannya akan aktif dan Anda bisa mengisikan lebar tabel pada kotak isian ini. Lalu tentukan satuan yang digunakan, apakah dalam piksel (In pixels) atau sebagai persentase ukuran tabel (In percent). Kotak pilihan Rows spanned. Untuk memodifikasi rentang baris atau menggabungkan satu baris ke beberapa baris berikutnya. Kalau Anda klik kotak cek Specify width, maka kotak isiannya akan aktif dan Anda bisa mengisikan lebar tabel pada kotak isian ini. Lalu tentukan satuan yang digunakan, apakah dalam piksel (In pixels) atau sebagai persentase ukuran tabel (In percent). Kotak pilihan Columns spanned. Pada kotak pilihan ini Anda dapat memodifikasi rentang kolom atau menggabungkan satu kolom ke beberapa kolom berikutnya. Kalau Anda klik kotak cek Specify width, maka kotak isiannya akan aktif dan Anda bisa mengisikan lebar tabel pada kotak isian ini. Lalu tentukan satuan yang digunakan, apakah dalam piksel (In pixels ) atau sebagai persentase ukuran tabel (In percent). Kotak cek Header Cell. Jika Anda memilih kotak cek ini, sel tersebut akan menjadi sebuah header yaitu teks di dalam sel akan ditebalkan. (Sel-sel ini dihasilkan oleh tag HTML khusus, <th>). Kotak cek No Wrap. Teks pada sel biasanya akan dipenggal jika ruangannya tidak cukup. Aktifkan kotak cek ini agar tidak dipenggal. Kelompok Background. Anda dapat menggunakan warna latar untuk table dengan menentukan warnanya pada kotak pilihan Color. Kalau Anda ingin menggunakan gambar sebagai latar belakang, klik kotak cek Use background picture lalu tuliskan nama file gambar dan teampat menyimpannya pada kotak isian yang tersedia. Jika Anda tidak yakin, Anda bisa mencari gambar dengan kotak dialog background picture, yang muncul ketika Anda klik tombol Browse. Setelah melakukan pengaturan pada kotak dialog Cell Properties, Anda bisa mencoba pengaturan tersebut tanpa harus menutup kotak dialog, yaitu dengan menekan tombol Apply. Kalau hasilnya masih kurang memuaskan, Anda bisa meneruskan pengaturan. Sebaliknya jika Anda telah puas dan ingin menerapkannya ke sel, klik tombol OK. Kotak dialog Cell Properties akan ditutup. 293

Webmaster Pro Front Page XP Anda bisa melakukan pengaturan beberapa sel sekaligus, caranya dengan memilih beberapa sel tersebut sekaligus lalu membuka kotak dialog Cell Properties ini dan melakukan pengaturan. Anda dapat menggabungkan beberapa sel, dengan cara: 1. Pilihlah beberapa sel atau pilihlah sebuah baris (Table Select Row) atau pilihlah seluruh kolom (Table Select Column). 2. Kemudian aktifkan Table Merge Cells. Hati-hati pada saat menggunakan pengaturan Cell Span dan Minimum Width. Kedua pengaturan tersebut seringkali memberikan hasil yang tidak dapat diperkirakan, jadi Anda harus mencoba-coba dulu hasilnya dengan Apply. Dan Anda harus lebih berhati-hati untuk tidak memasukkan nilai rentang melebihi jumlah sel pada baris atau kolom. Setelah melakukan pengaturan dan menutup kotak dialog Cell Properties, ternyata pengaturan yang Anda lakukan tidak sesuai dan Anda ingin kembali ke kondisi semula, bagaimana caranya? Aktifkan Edit Undo. 3 Mengatur susunan tabel Pembahasan berikutnya adalah tentang pengaturan susunan sel. 3.1 Menyisipkan sel Cara meyisipkan sel langsung pada tabel. 1. Tempatkan kursor ke dalam sebuah sel 2. Aktifkan Table Insert Cell. Sebuah sel akan disisipkan di sebelah kanan sel aktif. Dan akan mendorong sel-sel lainnya ke sebelah kanan. 3.2 Menyisipkan baris dan kolom Berikut ini cara penyisipan baris dan kolom dengan kotak dialog: 1. Tempatkan kursor di lokasi penambahan baris atau kolom baru. 2. Lalu aktifkan perintah Table Insert Rows or Columns. Kotak dialog seperti Gambar 9.15 akan terbuka. 294

Bab 9 Menggunakan Tabel Gambar 9.15 Menyisipkan Sebuah Baris atau Kolom 3. Mulailah dengan memilih apakah Anda akan menyisipkan baris (pilihan Rows) atau kolom (pilihan Colums ). 4. Kemudian tentukan jumlah yang Anda inginkan pada Number of rows. 5. Kemudian tentukan apakah Anda ingin menempatkan kolom baru di sebelah kiri kolom terpilih (aktifkan pilihan Left of Selection) atau di sebelah kanan kolom terpilih (Right of Selection). 6. Untuk baris baru tersedia du pilihan penempatan juga, yaitu di atas baris terpilih (Above Selection) atau di bawah baris terpilih (Below Selection). 7. Klik OK. Kolom atau baris baru akan disisipkan di lokasi yang Anda inginkan. 3.3 Membagi Sel Cara lain untuk menambah sel yaitu dengan membagi sel-sel yang sudah ada. 1. Klik sel yang ingin Anda bagi. 2. Aktifkan perintah Tabel Split Cells. 3. Kemudian pada kotak dia log yang muncul (lihat Gambar 9.16), tentukan apakah Anda ingin membagi sel-sel ke dalam kolom (Split into columns ) atau baris (Split into rows ). 295

Webmaster Pro Front Page XP Gambar 9.16 Anda dapat membagi sel-sel horisontal atau vertikal. 4. Lalu tentukan jumlah yang Anda inginkan pada kotak Number of columns. 5. Klik OK. 3.4 Memasang Caption (judul) Anda dapat memasang caption, yaitu teks sederhana di bagian atas atau bawah tabel. Caption bukanlah teks biasa yang di tempatkan di atas atau di bawah suatu tabel, melainkan di buat khusus menggunakan tag HTML, <caption>. Cara teks tersebut ditampilkan bergantung pada browser; pada Internet Explorer teks dicetak tebal dan ditampilkan dengan warna latar yang sama dengan tabelnya. Sedangkan pada Netscape Navigator teks itu tidak dicetak tebal dan tidak ditampilkan dengan warna latar tabel, ditempatkan lebih atas. Anda dapat menggunakan tools format teks seperti color, bold, italic, size dan lainlain untuk memodifikasi caption. Cara membuat Caption adalah: 1. Klik saja pada sembarang tempat pada tabel. 2. Lalu aktifkan Table Caption. FrontPage akan membuat sebuah ruang kecil pada bagian atas tabel untuk caption tersebut. 3. Ketikkan caption yang diinginkan. 4. Lakukan pemformatan yang diperlukan. 296

Bab 9 Menggunakan Tabel. Gambar 9.17 Captin tabel Untuk memindahkan caption, klik caption itu dan pilih Table Caption. Sebuah kotak dialog muncul, berguna untuk menentukan pilihan Top of Table atau Bottom of Table. Untuk menghilangkan caption: 1. Hapuslah semua teksnya 2. Lalu dengan kursor pada ruang caption, tekan Backspace. Untuk menghapus isi sebuah sel, klik pada sel itu lalu tekan Backspace. Sedangkan untuk menghapus seluruh tabel, pilih perintah Table Select Table lalu tekan Delete. 4 Menerapkan AutoFormat Meskipun FrontPage XP telah menyediakan sarana untuk mem-format tabel, bisa jadi Anda tidak punya waktu untuk memperindah tampilan tabel tersebut. Padahal, Anda tidak ingin menggunakan tabel yang polos seperti itu. FrontPage XP menyediakan solusi untuk menghadapi hal ini. FrontPage XP menyediakan tabel dengan berbagai variasi yang disebut Autoformat. Dengan Autoformat Anda bisa mem-format tabel secara cepat. Langkah yang diperlukan adalah: 1. Tempatkan kursor pada tabel. 2. Dari menu Table, klik Table AutoFormat. Tampil kotak dialog Table AutoFormat. 297

Webmaster Pro Front Page XP Gambar 9.18 Kotak dialog Table AutoFormat 3. Pada daftar Formats to Apply maupun Apply special formats, tentukan item untuk penerapan AutoFormat. Item tersebut antara lain Border, Font, AutoFit, Shading, Color, Heading rows, First Column, Last row dan Last Column. 4. Pada daftar Formats, pilihlah salah satu format yang paling Anda sukai, pilihan Anda akan ditampilkan pada kotak Preview di sampingnya. 5. Klik OK. 6. Setelah AutoFormat Anda terapkan pada tabel, Anda masih bisa mengedit format sesuai keperluan Anda. Setelah memasang dan mengatur suatu tabel, Anda bisa mengisi sel dengan teks atau gambar. Teks bisa menggunakan daftar atau bullet atau perlengkapan teks lainnya. Gambar 9.19 menunjukkan contoh pemakaian tabel yang berisi berbagai objek. 298

Bab 9 Menggunakan Tabel Gambar 9.19 Tabel dengan isi yang beragam dalam jenis dan format 5 Mengatur tata letak dengan tabel Membuat halaman web tidak sepenuhnya sama dengan membuat dokumen pengolah kata. Ada beberapa keterbatasan, terutama dalam hal pengaturan tata letak. Anda tidak akan bisa membuat teks dengan susunan kolom pada halaman web, tidak seperti pada MS Word misalnya. Hal seperti ini disebabkan oleh minimnya tag HTML untuk keperluan seperti itu. Sebagai penggantinya, Anda bisa menggunakan tabel untuk membagi halaman menjadi beberapa area. Dengan tabel Anda dapat menghasilkan beragam jenis tata letak, mencampur gambar dan teks dalam berbagai komposisi. 299

Webmaster Pro Front Page XP Dan untuk menghilangkan kesan kaku, Anda bisa menyembunyikan garis-garis tabel, dengan cara membuat nilai border tabel menjadi (0) nol. Selanjutya Anda tinggal menempatkan objek-objek lain di dalam sel yang kini berupa suatu area. Aturlah sel itu agar Anda dapat menempatkan semua objek, seperti teks, gambar atau objek lainya pada posisi yang Anda inginkan. Ubahlah perataannya, sesuaikan ukuran sel, kalau perlu pecahlah sel menjadi beberapa bagian, satukan beberapa sel menjadi sebuah sel, hapuslah sel yang tidak diperlukan, atau tambahkan sel baru, dan sebagainya. Anda dapat menempatkan objek- objek tersebut di dalam sel tanpa membuat pemakai menyadari bahwa dia sedang melihat sebuah tabel. Perhatikan contoh berikut ini (Gambar 9.20), sebuah halaman yang sedang dibuka oleh Internet Explorer. Susunan tersebut dihasilkan oleh sebuah tabel dengan nilai border = 0 sehingga tidak tampak garis tabelnya. Gambar 9.20 Tata letak dengan tabel tidak tampak Jika garis tabel dimunculkan, maka hasilnya akan seperti Gambar 9.20. 300

Bab 9 Menggunakan Tabel Gambar 9.21 Tata letak dengan tabel tampak Untuk memunculkan garis tabel, tentu saja kita harus mengedit halaman tersebut. Dengan FrontPage XP tentunya. Setelah mengedit simpanlah dan kembali ke Internet Explorer. Tekan tombol Refresh, ops muncullah Gambar 9.20 di atas. Anda dapat membuat tabel di dalam tabel lain, dan menyediakan fleksibilitas yang lebih tinggi dalam pengaturan tataletak halaman. Contohnya perhatikan Gambar 9.20, garis terluar yang mengelilingi tabel adalah juga sebuah tabel. Untuk membuat tabel di dalam sebuah tabel, caranya klik saja area pada sebuah sel, kemudian buatlah tabel baru dengan tombol Insert Table atau menu Table Insert Table. Gambar 9.21 juga menunjukkan contoh tabel di dalam tabel. Selanjutnya Anda bisa memformat tabel tersebut seperti biasa. Perhatikan, bahwa pada saat Anda menentukan lebar tabel dengan ukuran persentase, pengaturan ini juga berlaku pada sel yang ada pada tabel itu. Artinya ukuran sel akan mengikuti ukuran tabel. 301

Webmaster Pro Front Page XP Gambar 9.22 Tabel di dalam tabel 302