• Dreamweaver trial(http://www.macromedia.com/software/dreamweaver/)
• Joomlasolution (http://www.joomlasolutions.com/joomla_dreamweaver/joomla_dreamweaver_extension_1.0.mxp)

Langkah pertama , jalan dreamweaver kesayangan anda dan installah Joomlasolution

• Bukalah dreamweaver, pada menu pilihlah ‘commands’ dan pilihlah ‘extention manage’
• Pada extention manager, pilihlah ‘file’ kemudian ‘install extention’. Carilah lokasimambosolutions451a2.mxp dan installah.
• Setelah menginstalnya, keluarlah dari dreamweaver
• Sekarang jalankan dreamweaver dan anda dapat melihat joomlasolution1

• Jalankan Dreamweaver dan pilihlah ‘create new’->’php’
• Pilihlah panel ‘code’, Tampilan kode harusnya seperti ini:

• Hapuslah kode keatas
• Kemudian Sisipkanlah Joomlasolution head

Langkah ketiga, membuat tabel

• Buatlah tabel (Ctrl+Alt+T) dengan seting berikut :
  

• Ulangi langkah diatas sampai Anda memiliki tiga tabel yang tersusun vertical
• Kliklah tabel yang berada ditengah
• Kemudian masukanlah tabel dengan 3 buah kolom.

• Kliklah pada sel sebelah kiri dan aturlah property witdhnya menjadi 18 % percent, align vertical=top.jangan lupa lakukan juga pada sel disebelah kanan.
• Pada sel tengan aturlah menjadi rata tengah

Langkah ketiga, memasukan kode.

• Kliklah pada sel tengah, kemudian sisipkan kode komponen ‘main body’ yang berada pada pallete joomlasolution1
• Kliklah pada sel kiri dan sisipkan komponen ‘left’ disusul dengan ‘user1’ yang juga masih berada pada joomlasolution1
• Kliklah pada sel kanan dan sisipkan komponen ‘search’, komponen ‘right’ disusul dengan ‘user2’ yang juga masih berada pada joomlasolution1
• Kliklah tabel bagian bawah dan sisipkanlah komponen ‘banner’
• Kembali ke table bagian atas kemudian masukanlah table dengan jumlah kolom=2.
• Kliklah pada sel bagain kanan dan ubahlah property witdhnya menjadi 30%
• Kemudian masukanlah komponen ‘date’
• Klik pada sel desebelah kanannya dan masukanlah komponen ‘pathway’

Bersambung.....