Assalamu'alaikum..
Hai rekan-rekan ? selamat datang di blog saya, kali ini saya akan membuat tutorial pembuatan web sederhana menggunakan Dreamweaver.
Langsung saja cekcikdottt !!! :-D
Langkah pertama kalian harus punya softwarenya dulu yaaa hehe.
Jika belum terinstal, silahkan kalian instal sendiri yaa ? :-D
Stelah terinstal, langsung saja kita open Dreamweavernya, Lalu pilih menu HTML seperti pada gambar dibawah ini :
![]() |
Tampilan awal Dreamweaver |
Setelah anda memilih menu HTML, maka akan muncul tampilan seperti berikut :
![]() |
Gambar diatas adalah form untul anda membuat desain web |
Selanjutnya jika anda ingin mengatur konfigurasi huruf, background image, dll yang harus anda lakukan adalah masuk ke menu page propertie
![]() |
Menu page properties |
Klik menu Page properties, maka akan muncul tampilan seperti gambar berikut :
![]() |
Tampilan menu Page Prperties |
Kelamaan yah tutorialnya ??
hehehe, ya udah lansung saja kita buat web sederhananya, yukk ahh cekcikdottt !!!
Oke, sebelumnya kita sudah mengetahui bagaimana mengatur konfigurasi halaman web lewat page properties, selanjutnya yang anda lakukan adalah membuat tabel. Unutk apa ? Tabel tersebut berguna untuk anda menyimpan gambar sebagai header, advertisement dan lain-lain.
Unutk membuat tabel, pilih menu insert pada menu bar, kemudian pilih menu table, atau dengan shortcut ctrl+alt+t
![]() |
Membuat table |
Maka akan muncul tampilan seperti gambar berikut :
![]() |
Tampilan menu table |
Selanjutnya, setelah anda meng-klik menu Table, anda bisa mengatur kolom, baris, ketebalan rangka table, dll.
Ubah border thickness menjadi Nol, agar saat web di publish web anda terlihat rapih.
Setelah anda selesai mengaturnya, kemudian akan muncul tampilan seperti berikut :
![]() |
Tampilan table setelah kita atur |
Tapi kenapa yah table di atas posisinya ada ditengah ? sedangkan yang kalian buat ada di samping ?
nah, kita tinggal klik align menjadi centre di menu properties.
Selanjutnya, jika anda ingin memasukan gambar, pilih menu insert kemudian images
![]() |
Memasukan gambar |
Kemudian tinggal anda cari dan pilih gambar yang ingin anda masukan.
Sebelum anda menyisipkan gambar, blok terlebih dahulu table dimana tempat anda ingin meletakan gambar, kemudian di merge dengan mengklik shortcut ctrl+alt+m.
Kemudian baru masukan gambar
Lalu pada saat anda memasukan gambar, maka gambar yang anda masukan tergantung resolusinya, tebel tersebut akan melar, anda harus mengaturnya agar raih, dan inilah repotnya pake table. hehehe
Sisanya anda dapat mengembangkannya sendiri, seperti membuat body, footer, atau yang lainnya sesuai desain yang anda inginkan.
Selanjutnya saya akan menjelaskan bagaimana caranya mempreview blog yang sudah dibuat.
Caranya pilih menu file, lali preview in browser
Dan inilah previeuw karya yang sudah kita buat
Nahhh sekilah tentang bagaimana cara membuat web menggunakan dreamweaver, dan tutorial ini dibuat se sederhana mungkin :-D anda bisa mengembangkannya sendiri di mana saja dan dengan siapa saja :-)
Hatur nuhun rekan-rekan..
Wassalamu'alaikum..wr.wb