BAB III

TABLE DENGAN HTML

A. KOMPETENSI DASAR

3.3 Menerapkan format tabel pada halaman web

4.3 Membuat kode html untuk menampilkan tabel pada halaman web

B. MATERI PEMBELAJARAN

Tabel terdiri dari baris dan kolom. Didalam HTML pembuatan table menggunakan tag <TABLE>...</TABLE>. Adapun struktur dasar tag <TABLE> adalah sebagai berikut :

Tag utama pada table :

Atribut table adalah :

Atribut Tabel Data

Atribut Table Row

Berikut contoh table tanpa border / garis tepi :

Tampilan pada browser:

Jika tabel diatas di beri border sebesar 1 pixel maka perintah HTML

sebagai berikut :

Dan tampilan pada browser adalah:

Dibawah ini merupakan contoh tabel dengan caption, heading, dan pewarnaan latar belakang:

Maka tampilan pada browser adalah :

Jika pada tabel tidak diatur lebarnya maka lebar tabel menyesuaikan isi sel

Jika pada baris 1 kolom 1 digabungkan dengan baris 2 kolom 1 sehingga menjadi tampilan seperti gambar berikut :

Maka perintah HTML nya adalah :

Sedangkan jika kita ingin menggabungkan kolom 1 dengan kolom 2 pada baris pertama seperti gambar berikut :

Maka perintah HTML nya adalah :

Contoh penerapan tabel dengan cellpadding:

Tampilan pada halaman browser:

Pada tampilan di browser terlihat ada jarak antara isi tabel dengan tepi tabel. Karena pada tag <table> diberi tambahan perintah cellpadding=5px. Semakin besar angka yang diberikan maka akan semakin besar juga jarak antara isi tabel dengan tepi tabel tersebut.

Contoh tabel dengan cellspacing adalah

Tampilan pada browser adalah :

Dari tampilan di atas terlihat ada jarak / spasi pada tiap cell <table> diberi tambahan perintah cellspacing=5px. Semakin besar angka yang maka akan semakin besar juga jarak antar tiap cell pada tabel tersebut.

Tabel dalam Tabel

Teknik tabel bersarang adalah salah satu cara untuk menghasilkan layout tabel yang kompleks tanpa membuat tabel yang sangat kompleks. Sehingga ketika harus membuat tabel yang kompleks, maka cara sederhananya adalah membuat tabel di dalam sebuah sel (<td></td>).

Contoh table bersarang:

Tampilan pada web browser :

Desain Halaman Web dengan Tabel

Pada kegiatan belajar desain Web dengan Konsep Tabel dapat disimpulkan menjadi beberapa point penting seperti berikut

a. Tabel pada umumnya digunakan untuk menampilkan data tabular dalam bentuk baris dan kolom. perpotongan baris dan kolom di dalam tabel disebut dengan sel.

b. HTML menyediakan beberapa elemen yang dikhususkan untuk memenuhi beberapa hal yang disebutkan sebelumnya, yaitu elemen table,tr,td,th, caption.

c. Secara garis besar anatomi atau susunan dari suatu halaman web terdiri dari containing block, Logo, navigation, content, white space.

d. Desain layout suatu halaman web meliputi penyusunan:

• pembagian tempat pada halaman

• pengaturan jarak sepasi

• pengelompokan teks dan grafik

• serta penekanan pada suatu bagian tertentu

Beberapa model layout yang biasa digunakan dalam mendesain suatu halaman web, diantaranya adalah top index, bottom index, left index, layout split, alternating index.

C. TUGAS MANDIRI (5 SOAL URAIAN)

Jawablah pertanyaan-pertanyaan di bawah ini dengan benar !

1. Didalam web, table merupakan salah satu unsur yang sangat penting untuk mendesain halaman web supaya tertata rapi. Buatlah analisis untuk konsep tabel dalam web desain !

2. Dalam pembuatan table dengan HTML ada tag-tag yang harus digunakan. Tuliskan struktur dasar tabel dengan HTML dan analisislah tiap-tiap bagian tersebut!

3. Tag <table> memiliki beberapa atribut, sebutkan dan analisislah kegunaan dari tiap atribut tersebut !

4. Diberikan tag HTML seperti dibawah ini :

Buatlah analisis arti dari tag HTML diatas !

5. Tag <tr> pada table memiliki beberapa atribut. Dibawah ini merupakan tag <tr>

beserta atribut-atributnya :

Buatlah analisis untuk tiap-tiap atribut dari tag <TR> diatas!

D. TUGAS KELOMPOK (5 SOAL PRAKTIK URAIAN)

Buatlah kelompok dengan jumlah anggota 2 siswa setiap kelompoknya, dan bacalah petunjuk lalu kerjakan soal-soal di bawah ini dengan cermat dan teliti!

1. Disajikan perintah HTML di bawah ini, amatilah, ketiklah pada text editor anda, simpan dengan nama table1.html, analisislah tiap tag HTML yang ada dan screenshootlah tampilan pada web browser 1

table.html

2. Dengan menambahkan atribut border, bgcolor, cellpadding=10, dan cellspacing=10, tulislah file HTML untuk memodifikasi file table1.html diatas menjadi gambar dibawah ini! (warna background bebas boleh tidak sama dengan gambar), simpan dengan nama tabelmodif.html.

3. Disajikan tampilan tabel seperti di bawah ini:

Buatlah tabel tersebut menggunakan tag-tag HTML pada web editor, lalu tuliskan pada buku anda perintah HTML tersebut !

4. Pada pembuatan tabel dengan HTML, kita banyak mengenal istilah-istilah, diantaranya adalah:

a. CellPadding

b. CellSpacing

c. Rowspan

d. Colspan

Jelaskan 4 istilah diatas berdasarkan kegunaan nya lengkap dengan contoh penggunaanya!

5. Disajikan tampilan web dengan menggunakan tabel seperti di bawah ini :

Buatlah tampilan web di atas pada editor text lalu salinlah di buku anda!

E. UJI KOMPETENSI

PILIHAN GANDA

Berilah tanda silang (X) pada pilihan jawaban yang benar!

1. HTML mendukung pembuatan table untuk desain web. Pengertian Tabel yang tepat adalah...

A. Informasi dalam bentuk baris dan kolom

B. Tulisan berjalan

C. teks berjalan

D. efek suara

E. background

2. Tabel merupakan salah satu unsur yang sangat penting dalam membuat desain web. Dengan HTML maka struktur dasar pembuatan tabel yang benar adalah ...

A.

B.

C.

D.

E.

3. Perhatikan table di bawah ini:

Pernyataan yang benar untuk table di atas yaitu ...

A. Tabel terdiri dari 2 baris 1 kolom

B. Tabel terdiri dari 3 baris 2 kolom

C. Tabel terdiri dari 2 baris 3 kolom

D. Pada baris ke dua ada penggabungan 3 baris

E. Pada baris pertama kolom pertama dilakukan penggabungan 3 kolom

4. Untuk mengawali pembuatan table pada HTML, tag yang tepat adalah........

A. <table>..<</table>

B. </table>..<table>

C. </table>..</table>

D. <table>..<table>

E. <table/>..<table>

5. Dibawah ini disajikan bermacam-macam tabel, tentukan tabel yang benar yang terdiri dari 2 kolom 3 baris!

A.

B.

C.

D.

E.

6. Tabel terdiri dari baris dan kolom. Pada HTML, tag yang tepat untuk menentukan baris dalam table adalah...

A. <hr>

B. <br>

C. <p>

D. <b>

E. <tr>

7. Untuk memperindah table, terkadang web designer memberikan perintah bgcolor di dalam tag <TABLE>. Fungsi bgcolor pada tag <TABLE> adalah ...

A. warna latar belakang table

B. warna desktop

C. warna latar belakang monitor

D. warna latar belakang html

E. warna latar belakang teks

8. Perhatikan tabel dibawah ini:

Perintah yang benar untuk membuat sel A untuk tabel diatas adalah...

A. <td colspan=3>

B. <td colspan="3">

C. <td rowspan=3>

D. <td rowspan="3">

E. <td rowspan='three'>

9. Perhatikan tabel di bawah ini :

Perintah yang benar untuk membuat sel D untuk tabel diatas adalah...

A. <td colspan=3>

B. <td colspan="3">

C. <td rowspan=3>

D. <td rowspan="3">

E. <td rowspan= 'three'>

10. Penulisan Tag HTML yang benar untuk membuat table dengan menggabungkan 3 kolom dan menggabungkan 3 baris pada text editor adalah...

A. <table border=2 colspan=3 rowspan=3>

B. <table border="2" colspan="3" rowspan="3">

C. <table border:2 colspan:3 rowspan:3>

D. <table border"2" colspan"3" rowspan"3">

E. <table border2 colspan3 rowspan3>

11. Untuk menggabungkan baris dalam tabel digunakan atribut...

A. rowspacing

B. Cellspacing

C. Cellpadding

D. Colspan

E. Rowspan

12. Untuk memberikan garis tepi pada sebuah table digunakan perintah/sintaks adalah...

A. pagar

B. line

C. garis

D. border

E. list

13. Untuk menggabungkan kolom dalam tabel digunakan atribut ...

A. colspan

B. rowspan

C. Cellpadding

D. Cellspacing

E. rowspacing

14. Berikut ini yang merupakan atribut pada tabel data, kecuali...

A. Align

B. Valign

C. Width

D. Height

E. Bgcolor

15. Atribut pada tabel yang digunakan untuk perataan vertical adalah...

A. Align

B. Valign

C. Width

D. Height

E. Bgcolor

16. Jika ingin mengatur perataan ditengah secara vertikal maka atribut yang benar adalah

A. valign="middle"

B. valign="center"

C. align="middle"

D. align="center"

E. vertical align="center"

17. Mana pernyataan berikut ini yang benar untuk tag tabel di dalam tabel?

A. <table>..</table> diletakan di luar

B. <table>..</table> diletakan di dalam sel

C. <table>..</table> diletakan di dalam <tr>..</tr>

D. <table>..</table> diletakan di dalam <td>..</td>

E. <table>...</table> diletakan di dalam <th>..</th>

18. Fungsi tag <th> adalah untuk...

A. Membuat garis tepi pada sebuah tabel

B. Mendefinisikan judul tiap kolom

C. Menampilkan data pada tiap cel

D. Membuat baris pada tabel

E. Menghapus baris pada tabel

19. Jika kita ingin mengatur perataan pada tabel berupa kanan, kiri, tengah maka menggunakan atribut...

A. Height

B. Width

C. Align

D. Border

E. Table

20. Satuan untuk mengukur tinggi dan lebar tabel yang sering digunakan pada HTML adalah...

A. %

B. mm

C. cm

D. m

E. inc

MENJODOHKAN

Perhatikan tampilan tabel HTML pad browser di bawah ini, lalu lengkapilah list HTML nya dengan memilih jawaban pada kotak jawaban yang tersedia :

Tampilan tabel pada browser

List HTML:

Kotak Jawaban

BAB VII

PENGGABUNGAN GAMBAR DAN TEKS YANG BERBASIS BITMAP

Kompetensi Dasar

3.7 Menganalisis penggabungan gambar dan teks yang berbasis bitmap.

4.7 Menggabungkan gambar dan teks yang berbasis bitmap.

A. Gambar Bitmap

1. Pengertian Gambar Bitmap

Gambar Bitmap adalah sebuah gambar digital yang tersusun dari sekumpulan titik-titik atau juga disebut juga dengan pixel dengan warna-warna tertentu pada masing-masing pixel sehingga membentuk sebuah gambar yang dapat

ditampilkan pada sebuah komputer atau media kertas. Berbeda dengan gambar vektor, gambar bitmap mampu untuk menampilkan gambar secara natural hal ini dikarenakan file gambar bitmap dapat secara langsung ditampilkan ke layar monitor. Akan tetapi

apabila kita memperbesar tampilan dari gambar bitmap, maka akan terlihat dengan jelas kotak-kotak pixel yang menyusun gambar tersebut, sehingga apabila sobat komputer ingin menghasilkan gambar yang halus sobat perlu memperbesar ukuran resolusi dari gambar

tersebut.

Berdasarkan ulasan di atas berikut disajikan ciri-ciri gambar bitmap:

a. Gambar bitmap tersusun dari kumpulan titik-titik pixel yang memiliki warna pada masing-masing pixelnya.

b. Apabila kita memperbesar tampilan dari gambar bitmap maka gambar tersebut

akan terlihat pecah.

c. Memiliki gradiasi warna yang lebih nyata dan luwes.

d. Gambar bitmap memiliki ukuran file lebih besar dari pada gambar vektor.

e. Semakin besar resolusi dari gambar bitmap maka kualitas gambar akan semakin

baik.

f. Tidak memerlukan proses yang lama untuk dapat ditampilkan ke layar monitor.

2. File Ekstensi pada Gambar Bitmap

a. PSD (Photoshop Document)

Format file ini adalah format asli dokumen Adobe Photoshop. Format ini bisa menyimpan informasi layer dan alpha channel yang terdapat pada sebuah gambar, sehingga suatu saat dapat dibuka dan diedit kembali. Format ini juga bisa menyimpan gambar dalam beberapa mode warna yang 'disediakan Photoshop. Format ini sangat cocok untuk editing foto karena menyimpan layer yang bisa digunakan di edit ulang pada efek yang bisa di berikan layer.

b. BMP (Bitmap Image)

Format file ini adalah format grafis yang fleksibel untuk platform Windows sehingga dapat dibaca oleh program grafis manapun. Format ini bisa menyimpan informasi dengan kualitas tingkat 1 bit samapi 24 bit. Kelemahan format file ini adalah tidak bisa menyimpan alpha channel serta ada kendala dalam pertukaran platform. Untuk membuat sebuah objek sebagai desktop wallpaper, simpanlah

dokumen dengan format file ini. Anda dapat mengkompres format file ini dengan kompresi. Sehingga bisa kapasitas yang lebih kecil, format file ini bisa menyimpan gambar dalam mode warna RGB, Grayscale, Indexed Color, dan Bitmap.

c. JPG/JPEG (Joint Photographic Expert Group)

Format file ini bisa mengkompres objek dengan tingkat kualitas sesuai dengan pilihan yang disediakan. Format file sering dimanfaatkan untuk menyimpan gambar yang akan digunakan untuk keperluan halaman web, multimedia, dan publikasi elektronik lainnya. Gunakan file ini karena bisa untuk halaman web, multimedia, dan publikasi elektronik baik mobile atau desktop. Format file ini bisa menyimpan gambar dengan mode warna RGB, CMYK, dan Grayscale. Format file ini juga bisa menyimpan alpha channel. Namun karena orientasinya ke publikasi elektronik maka format ini berukuran relatif lebih kecil dibandingkan dengan format file lainnya.

d. GIF (Graphic Interchange Format)

Format file ini hanya bisa menyimpan dalam 8 bit (hanya mendukung mode warna Grayscale, Bitmap dan Indexed Color). Format file ini adalah format standar untuk publikasi elektronik dan internet. Format file bisa menyimpan animasi dua dimensi di publikasi elektronik. Format file ini bis mengkompres dengan ukuran kecil menggunakan kompresi LZW.

e. PNG (Portable Network Graphic)

Format file ini berfungsi sebagai alternatif lain dari format file GIF. Format file ini digunakan untuk menampilkan objek dalam halaman web. Kelebihan dari format file ini dibandingkan dengan GIF adalah kebisaannya menyimpan file dalam bit depth hingga 24 bit, serta bisa menghasilkan latar belakang (background) yang transparan dengan pinggiran yang halus. Format file ini bisa menyimpan alpha channel.

f. TIFF

Merupakan format gambar terbaik dengan pengertian bahwa semua data dan informasi (data RGB, data CMYK, dll) yang berkaitan dengan koreksi atau manipulasi terhadap gambar tersebut tidak hilang. Format ini biasa digunakan

untuk kebutuhan pencetakan dengan kualitas gambar yang sangat tinggi sehingga ukuran berkas untuk format ini sangat besar karena tidak dikompresi. Serta mampu menyimpan gambar dengan kualitas hingga 32 bit.

B. Penggabungan Gambar dan Teks yang Berbasis Bitmap

Layer digunakan untuk menggabungkan beberapa gambar menjadi satu gambar, Bisa dikatakan saat mengabungkan gambar satu dengan yang lainya akan terbentuk lebih dari satu layer (multi layer). Artinya beberapa gambar tersebut seakan akan bertumpuk sehingga akan terlihat menjadi sebuah objek atau gambar. Gambar yang berada pada layer atas maka akan berada pada tumpukan yang paling atas dan bisa menutupi tumpukan gambar yang berada dibawahnya, seperti yang ditunjukkan gambar di bawah ini. Gambar di bawah merupakan gambar penggabungan teks dan gambar berbasis bitmap.

Gambar 7.1 Penggabungan Teks dan Gambar Berbasis Bitmap

Selanjutnya akan disajikan langkah-langkah untuk mengabungkan teks dan gambar dengan multi layer:

1. Buat file baru pada aplikasi pengolah gambar bitmap photoshop dengan perintah file > new (ctrl + N), kemudian akan muncul kotak sebagai berikut;

2. Beri nilai width = 400, height = 400, background contents: background color dan kemudian klik OK

3. Buka file gambar yang akan digabung dengan jalan klik menu file> open (ctrl + O), kemudian akan terbuka kotak dialog untuk memilih file.

4. Cari file yang akan digabungkan misalnya garfield1.jpg dan bart_simpson.jpg.

5. Sehingga pada lembar kerja photoshop akan terbuka 3 file.

Gambar 7.2 File- File pada Lembar Kerja Photoshop

6. Klik dan drag file bart_simpson.jpg ke file yang berisi background warna kuning,

sehingga gambar bart_simpson akan tercopy di file ber-background kuning.

Gambar 7.3 Layer Bertambah Saat Gambar Disisipkan

Layer baru, layed basid bart simpson.jpg

7. Saat bart_simpson.jpg tergandakan di file baru maka otomatis akan terbentuk layer baru yang bernama layer 1.

8. Kemudian klik dan drag file garfield1.jpg ke file yang berisi background warna kuning, sehingga gambar garfield1.jpg akan tercopi di file ber-background kuning.

Gambar 7.4 Muncul Layer 2 Ketika Gambar Ke-2 Digabungkan

9. Klik horizontal type tool dan ketikkan teks untuk judul gambar, misalnya the simpson

& garfield.

10. Maka akan muncul teks "the simpson & garfield" pada gambar gabungan dan otomatis akan muncul layer baru sehingga total layer yang terbentuk adalah 4.

Gambar 7.5 Hasil Penggabungan Dua Gambar dan Objek Teks

Pada contoh penggabungan gambar dan teks di atas terbentuk empat layer yang

terdiri dari:

1. Layer background: berisi background

2. Layer 1: gambar simpson

3. Layer 2: gambar garfield

4. Layer T: berisi teks the simpson & garfield"

Penilaian mandiri

1. Jelaskan pengertian gambar bitmap!

2. Jelaskan keunggulan gambar bitmap!

3. Sebutkan perangkat lunak yang digunanakan untuk menghasilkan gambat bitmap!

4. Jelaskan perbedaan file ekstensi JPG dan TIFF!

5. Ketika kita mengerjakan tugas yang harus ada gambar, kita sering mengunduh gambar tersebut dari internet. Kadang gambar yang kita unduh ukurannya tidak sesuai dengan yang kita inginkan. Gambar ada yang berukuran kecil, sedang dan besar.

Semakin besar ukuran maka ketajaman dan detail gambar makin jelas. Bagaimana solusi agar memperoleh gambar yang jelas tetapi ukuran gambar tidak terlalu besar?

Penilaian kelompok

Setelah siswa mempelajari materi bab 7, di bawah ini terdapat tugas kelompok untuk dikerjakan!

1. Buatlah kelompok masing-masing 4 oran!

2. Pahamilah permasalahan berikut :

Pak Udin dan Bu Udin akan membuat undangan pernikahan anaknya. Mereka berencana membuat undangan pernikahan anaknya yang menarik. Dalam undangan tersebut terdapat pre wedding kedua mempelai yang berfoto di daerah pantai Yogyakarta. Diskusikan bersama anggota kelompok Anda,, bagaimana isi dan tampilan undangan yang harus dibuat

agar terlihat menarik dan dipahami orang lain?

3. Diskusikan bersama anggota kelompok Anda untuk membuat rencana desain undangan dengan menerapkan penggabungan gambar dan teks berbasis bitmap!

4. Buatlah undangan pernikahan berdasarkan rencana desain yang telah dibua!

5. Presentasikan hasil kerja kelompok Anda!

Uji Kompetensi

Pilihlah satu jawaban yang paling benar dengan cara memberi tanda silang (X) pada huruf A, B, C, Datau E!

1. Representasi dari grafis yang terdiri dari susunan raster/pixel/dot/titik/point koordinat yang tersimpan di memori komputer adalah ...

A. bitmap

B. citra

C. gambar

D. vektor

E. resolusi

2. Ciri-ciri dari gambar bitmap adalah sebagai berikut .....

A. bersifat resolution dependent artinya kualitas gambar tergantung pada resolusi, semakin besar resolusinya gambar yang dihasilkan semakin baik.

B. terdiri dari susunan persamaan matematika, gambar yang dibentuk oleh objek berupa garis dan kurva, tidak terlihat pecah saat diperbesar, kualitas hasil gambar tidak tergantung pada resolusi gambar, ukuran file gambar relatif kecil.

C. ukuran file gambar relatif kecil.

D. dalam penyimpanan file, type vektor hanya memerlukan

relative kecil.

ruang penyimpan yang

E. teknik pewarnaan gradasi membutuhkan kemampuan yang lebih agar menghasilkan gambar yang realistis.

3. Salah satu perangkat lunak yang dikhususkan untuk pengeditan foto/gambar dan pembuatan efek, yang sangat baik untuk membuat desain grafis dalam bentuk bitmap adalah ...

A. Coreldraw

B. Adobe After Efect

C. Adobe Audition

D. Adobe Premiere

E. Adobe Photoshop

4. Jendela yang berisi informasi program yang sedang dijalankan adalah pengertian dari

A. title bar

B. menu bar

C. toolbox

D. option bar

E. palet

5. Perintah utama seperti membuka file, menyimpan file, mengubah ukuran gambar, filter dan lain-lain adalah pengertian dari ....

A. title bar

B. menu bar

C. toolbox

D. option bar

E. palet

6. Tool yang digunakan untuk memotong bagian gambar tertentu. Penggunaan peranti ini akan berpengaruh pada gambar-gambar lain dalam semua layer, adalah fungsi dari tool ....

А. сгор

B. quick Selection

C. rectangular Marquee

D. magnetic Lasso

E. magic Wand

7. Tool yang digunakan untuk menutup noda dengan cara tekan Alt dan klik area gambar yang masih baik dan klik area gambar yang bernoda adalah fungsi dari tool ...

A. spot Healing Brush

B. patch

C. healing Brush

D. slice Select

E. clone Stamp

8. Tool yang digunakan untuk menutup noda dengan cara mengambil area gambar lain untuk menutup area yang bernoda adalah fungsi dari tool.

A. spot Healing Brush

B. patch

C. healing Brush

D. slice Select

E. clone Stamp

9. Lapisan transparan yang saling bertumpuk antara satu lapisan dengan lapisan yang lain sehingga membentuk sebuah gambar baru. Setiap layer mempunyai objek-objek sendiri sehingga meskipun terlihat saling bertumpuk, tetapi objek-objeknya tidak mengganggu satu sama lain adalah pengertian dari ...

A. palet Actions

B. palet Layer

C. palet Channel

D. payer

E. palet Styles

Gambar berikut untuk soal nomer 10,11, dan 12!

10. Icon no 12 yang ditunjukkan pada gambar yang di atas adalah...

A. add layer vector mask

B. create new fill or adjusment layer

C. create a new group

D. create a new layer

E. delete layer

11. Icon no 8 yang ditunjukkan pada gambar di atas adalah .......

A. add layer vector mask

B. create new fill or adjusment layer

C. create a new group

D. create a new layer

E. delete layer

12. Icon no 11 yang ditunjukkan pada gambar di atas adalah .....

A. add layer vector mask

B. create new fill or adjusment layer

C. create a new group

D. create a new layer

E. delete layer

13. Fungsi dari Flatten > Image yaitu ...

A. digunakan untuk mengubah gambar vector menjadi raster

B. digunakan untuk mengubah gambar raster menjadi vector

C. digunakan untuk membuat image baru.

D. digunakan untuk membuat image tidak pecah

E. digunakan untuk menggabungkan beberapa layer menjadi 1

14. Langkah untuk mengubah ukuran kanvas adalah ...

A. layer> Canvas Size

B. tentukan Width dan Height

C. image> Canvas Size

D. edit > Canvas Size

E. file> Canvas Size

15. Menyeleksi gambar secara otomatis dengan membuat seleksi pada warna kontras digunakan...

A. magic Wand Tool

B. magnetic Lasso Tool

C. polygonal Lasso Tool

D. lasso Tool

E. rectangular Marquee Tool

16. Polygonal Lasso Tool digunakan untuk menyeleksi gambar...

A. secara bebas

B. memiliki banyak sudut dan garis lurus

C. memiliki banyak warna

D. memiliki banyak distorsi

E. secara terbatas

17. Tool yang digunakan untuk menggeser bidang kerja yaitu ...

A pointer Tool

B. hand Tool

C. move Tool

D. marquee tool

E. crop Tool

18. Untuk menjadi gambar bitmap, gambar yang dibuat di CorelDraw harus dikonversikan terlebih dahulu. Ketika akan mengkonversikan gambar, semua objek gambar harus di grup terlebih dahulu. Alasan harus di grup dahulu yaitu....

A. menjadikan gambar bitmap dengan resolusi kecil

B. tidak dapat dikonversikan ke gambar bitmap

C. antara objek yang satu dengan objek yang lainnya tidak dapat menjadi utuh

D. resolusi gambar yang dihasilkan akan lebih kecil daripada sebelum dikonversikan

E. gambar yang seharusnya berdekatan akan menjadi bergesar

19. Grafis dibagi menjadi dua yaitu vektor dan bitmap. Keduanya sama-sama berupa gambar digital. Tetapi, memiliki komponen yang berbeda dan berpengaruh pada pembuatan, tampilan, dan penerapan. Tampilan gambar bitmap menunjukkan gradasi warna dan bayangan dimana penerapannya banyak digunakan pada ...

A. brosur yang menawarkan berbagai produk

B. poster untuk mempromosikan film

C. gambar lukisan yang dibuat di kain kanvas

D. banner yang banyak ditemukan di pinggir jalan

E. foto dan lukisan digital yang terdapat perpaduan warna yang rumit

20. Gambar bitmap terdiri dari beberapa ekstensi. Ekstensi gambar bitmap yang sangat baik untuk grafis internet yaitu berekstensi ...

A. JPG

B. TIFF

C. PNG

D. BMP

E. GIF

Kerjakan soal-soal di bawah ini sesuai petunjuk berikut!

Pilihlah jawaban A jika jawaban (1), (2), (3) benar.

Pilihlah jawaban B jika jawaban (1) dan (3) benar.

Pilihlah jawaban C jika jawaban (2) dan (4) benar.

Pilihlah jawaban D jika jawaban (4) yang benar.

Pilihlah jawaban E jika semua jawaban (1), (2), (3), dan (4) benar.

1. Berikut ini hal-hal yang berkaitan dengan gambar bitmap...

(1) Jika gambar diperbesar akan pecah

(2) Bergantung pada resolusi

(3) Tersusun dari pixel

(4) Dapat dicetak pada tingkat resolusi sebesar apapun

Jawaban: ...

2. Keunggulan gambar bitmap:

(1) gambar bitmap merupakan gambar yang

terlihat sangat nyata

(2) sangat cocok apabila diterapkan pada background wallpaper di komputer

(3) memiliki kompatibilitas yang cukup tinggi pada proses editing gambar

(4) ukuran filenya relatif kecil

Jawaban: ...

3. Berikut yang merupakan file ekstensi pada gambar vektor ...

(1) .GIF

(2) .AI

(3) .BMP

(4) .EPS

Jawaban: ...

4. Tool yang terdapat pada menu Bitmap antara lain ...

(1) convert to bitmap

(2) edit bitmap

(3) crop bitmap

(4) auto adjust

Jawaban: ...

5. Pilihan pada Marque Tool yaitu ...

(1) rectangular Marquee Tool

(2) elliptical Marquee Tool

(3) single Row Marquee Tool

(4) single Coloumn Marquee Tool

Jawaban: ...

6. Berikut ini hal-hal yang berkaitan dengan file ekstensi PNG ...

(1) kompresinya bersifat permanen

(2) salah baik untuk grafis internet

(3) mendukung animasi gambar

(4) gabungan dari format JPG dan GIF

Jawaban: ...

7. Perangkat lunak pengolah gambar bitmap yaitu ...

(1) Corel Photopaint

(2) CorelDraw

(3) Macromedia Fireworks

(4) Adobe ilustrator

Jawaban: ...

8. Dalam menggunakan perintah bitmap perlu memperhatikan ...

(1) objek harus dikonversi ke dalam tipe bitmap

(2) efek bitmap hanya dapat digunakan pada gambar bitmap

(3) tiap efek bitmap akan diproses dalam memori RAM

(4) penerapan efek bitmap pada image yang berukuran besar butuh waktu lama dakam prosesnya

Jawaban: ...

9. Berikut ini hal-hal yang berkaitan dengan file ekstensi .JPG ...

(1) Kompresinya bersifat permanen

(2) salah baik untuk grafis internet

(3) memiliki banyak warna

(4) gabungan dari format JPG dan GIF

Jawaban: ...

10. Ciri-ciri gambar bitmap yaitu ...

(1) gambar bitmap tersusun dari kumpulan titik-titik pixel yang memiliki warna pada masing-masing pixelnya.

(2) apabila kita memperbesar tampilan dari gambar bitmap maka gambar tersebut akan terlihat pecah.

(3) memiliki gradiasi warna yang lebih nyata dan luwes.

(4) banyak dimanfaatkan di dunia percetakan

Jawaban: ...