Sabtu, 09 Januari 2016

Tutorial Membuat Web Simple Menggunakan Dreamweaver Cs6

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