Cara Mudah Menambahkan “Table” pada Adobe Dreamweaver

1.      Buka program Adobe Dreamweaver pada laptop/komputer kamu, klik “Site” lalu klik “New Site”

2.      Muncul kotak dialog seperti ini, lalu ketikkan nama situs kamu pada local site folder yang merupakan letak penyimpanan seluruh file website kamu. Lalu, klik “Save”

3.      Klik “HTML” pada kolom “Create New”

4.      Maka, akan muncul kolom seperti dibawah ini.

5.      Untuk memasukkan “Table” , klik “Insert” pilih “Table” . Saran buat kamu nih agar memakai parameter seperti berikut. Tetapi, bisa disesuaikan sesuai kebutuhan kamu.

6.      Muncul kolom “Table” seperti dibawah ini.

                                                                                                                                          

7.      Untuk “Header” pada kolom 1 bisa kamu sorot kesamping, klik “kanan mouse/kursor laptop” , pilih “Table” lalu pilih “Merge Cells”

8.      Maka setelah merge cells, akan muncul seperti tampilan kolom dibawah.

9.      Untuk menyisipkan gambar pada kolom pertama, kamu bisa sorot kesamping pada kolom pertama, klik “Insert” lalu “Image” .

10.  Muncul kolom pilihan gambar seperti dibawah. Kamu tinggal pilih gambar, lalu klik “Ok”

11.  Muncul seperti tampilan kolom dibawah ini.

12.  Untuk membuat gambar ditengah, kamu bisa klik “Format” , “Align” , lalu pilih “Center”

13.  Selanjutnya, pada kolom kedua kamu sorot kesamping, klik kanan mouse/kursor laptop, pilih “Table” lalu “Merge Cells” .

14.  Akan muncul seperti tampilan kolom dibawah ini.

15.  Pada kolom kedua yang telah di “Merge Cells” , bisa sisipkan “Table” kembali dengan menyorot kesamping pada kolom kedua. Lalu klik “Insert” , pilih “Table” dan sesuaikan “Table Size” sesuai kebutuhan kamu.

16.  “Table” telah disisipkan pada kolom kedua.

17.  Kamu bisa memasukkan nama pada setiap kolom, seperti kolom dibawah.

18.  Untuk mengganti background pada kolom kedua, kamu bisa meng-klik “Bg” pada bagian bawah kolom. Pilih warna yang kamu kehendaki.

19.  Warna kolom akan berubah seperti dibawah ini.

Nah, cukup sekian cara mudah buat kamu yang ingin menambahkan “Table” pada pembuatan website di Adobe Dreamweaver. Jangan lupa juga untuk menyimpan file kamu dengan meng-klik “File” , “Save As” , lalu masukkan nama file kamu dengan format belakang nama file ditambahkan “.html” . Semoga Bermanfaat Ya!