Cara Membuat Website Menggunakan Dreamwaver step by step

By boni on Rabu, 16 Mei 2012 with 0 comments

Cara Membuat Website Dreamwaver
Pada postingan kali ini saya mau berbagi sedikit ilmu saya mengenai cara membuat website menggunakan macromedia dreamwaver. Pada dasar pembuatan tampilan web kita akan menggunakan software yang namanya macromedia dreamwaver atau bisa juga adobe dreamwaver.
Biasanya saat saya mendesain tampilan web saya menggambar terlebih dahulu pola web saya, tapi kali ini kita memulai dari yang dasar dulu saja ya biar gak bingung nanti saya lanjutkan ke tingkat yang lebih oke ditambah-tambah sedikit pakai photoshop biar webnya makin woookee. Baiklah pada part ini perhatikan dengan seksama ya gan.


  1. Buka Terlebih dahulu aplikasi macromedia dreamwaver atau adobe dreamwaver. Lalu ada bagian tulisan Create New pilih HTML.
    Cara Membuat Website Dreamwaver

  2. Pastikan tampilan dreamwaver anda seperti gambar dibawah ini.
    Cara Membuat Website Menggunakan Dreamwaver

    Pilih mode Split pada menu bar diatas atau ikuti gambar berikut.
    Cara Membuat Website Menggunakan Dreamwaver

  3. Pada tahap tiga ini kita langsung saja membuat table biar langsung keliatan hasilnya Klik pada menu yang ada diatas pilih insert >> Table atau bisa menekan Ctrl+Alt+T.
    cara membuat website menggunakan macromedia dreamwaver

    Isilah persis seperti gambar diatas pada Rows 3  Columns 3 kalau sudah klik OK.
  4. Lalu klik bagian sudut kiri atas pada table seperti yang ada pada gambar.
    cara membuat website menggunakan macromedia dreamwaver
  5. Apabila sudah anda klik sudut table tersebut, pada menu properties yang ada di bagian bagian bawah isilah W (width) dengan 800 dan H (height) 600.
    cara membuat website menggunakan macromedia dreamwaver

  6. Setelah itu aturlah agar table-tabel tersebut membentuk seperti tampilan website, anda bisa menyesuaikan sendiri untuk sebuah halaman anda kali ini saya buat 3 collumn saja.
    cara membuat website menggunakan macromedia dreamwaver

  7. Ketujuh berilah warna pada table anda agar  terlihat lebih menarik caranya klik pada bagian table lalu pada menu properties yang ada di bawah terdapat tulisan BG lalu klik dan pilih warna sesukamu.
    cara membuat website menggunakan macromedia dreamwaver

  8. Lanjutkan pada tahap pewarnaan tersebut agar menjadi seperti yang anda suka. Dan pada bagian kotak yang tengah isilah dengan kata-kata sambutan seperti “welcome to my web” dll..
  9. Setelah selesai tahap-tahap di atas savelah di manapun anda mau dengan nama index.html, lalu tekan F12 untuk melihat web anda di firefox.

Dan inilah tampilan web sederhana yang telah kita buat pada tutorial kali ini dengan menggunakan macromedia dreamwaver8.

cara membuat website menggunakan macromedia dreamwaver
 Hehe baru tau kan serunnya membuat website, tanpa harus hafal script html. dan ini salah satu website saya yang telah saya upload http://boniakbar.co.cc

Maaf apabila artikel ini kurang jelas maka anda bisa bertanya melalui kotak komentar dibawah :D

Category: Dreamwaver Tutorial , Tutorial Bikin Web , Web Basic

Be the First one to Response to this Post!

Post a Comment