Cara membuat table di dreamweaver


Cara membuat table di dreamweaver
Hai sobat edikomputer.com, kali ini saya akan menulis tutorial tentang cara membuat tabel di dreamweaver. caranya sangat mudah sekali, ini tidak perlu menggunakan kode css kamu cukup menekan beberapa tombol yang ada di dreamweaver kemudian mengatur tabel tersebut

Jadi sekarang silahkan buka program dreamweaver yang kamu miliki kemudian buatlah dokumen baru dengan format HTML, pilih mode split untuk menampilkan kode dan design :
Cara membuat table di dreamweaver

lalu letakkan kursor diantara <body> dan </body> tekan menu Insert > table
Cara membuat table di dreamweaver
Kemudian akan muncul kotak dialog sebagai berikut :
Cara membuat table di dreamweaver
Keterangan :
Rows : adalah jumlah cell kebawah
Columns : banyaknya cell yang kesamping
table width : adalah lebar table yang akan kamu buat
border thickness : adalah besar garis dari table tersebut

Silahkan isi sesuai keinginan kamu, kemudian klik tombol OK, maka akan muncul table pada panel design kamu seperti gambar di bawah ini :
Cara membuat table di dreamweaver
Untuk memasang di website kamu bisa mengcopy code yang ada di html code :


<table width="560" border="1">
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
Semoga tutorial Cara membuat table di dreamweaver bisa bermanfaat untuk para pembaca dan bisa dipraktekan di rumah

Related Posts

No comments:

Post a Comment

Blog Ini Dofollow Ya bro tapi jangan nyepam komentar secara bijak dan sesuai dengan postingan