Minggu, 28 April 2013

Cara Membuat Website menggunakan Dreamweaver


Cara membuat website menggunakan Dreamweaver ternyata mudah dipelajari lho, yuk kita lihat tutorial nya.
Setelah semua bahan untuk design dan content web sudah siap, langkah membuat website berikutnya adalah menerjemahkan design yang telah kita buat kedalam bahasa pemrograman. Ada 2 cara untuk membuat script website, yaitu :
  • Dengan cara Instant, Instan disini kita bisa dengan mudah menerjemahkan design kita kedalam bahasa pemrograman dengan bantuan software – software semacam dreamweaver, frontpage dan lain – lain.
  • Dengan cara manual, Apabila anda lebih prefer membangun website anda secara manual, maka baca ulasan berikut ini: untuk text Anda harus merubahnya ke dalam file yang berformat HTML (umumnya berakhiran .htm atau .html) agar dapat dibaca oleh program Internet Explorer/Firefox (browser Anda). Apabila Anda belum mempelajari bahasa HTML, CSS, Javascript dan lain –lain anda bisa baca – baca artikel yang sudah kami sediakan di web prothelon.com. Untuk pembuatan web secara manual hanya membutuhkan notepad atau notepad++
Nah, untuk kali ini yang akan kita bahas adalah cara membuat website menggunakan dreamweaver. Adobe Dreamweaver memberi kemudahan untuk merancang dan menata halaman demi halaman website, dengan menyediakan berbagai Tools yang siap pakai. Sangat mudah untuk menyisipkan elemen-elemen apapun yang kita perlukan, seperti Text, Gambar, atau Media lain sekalipun (suara, film, animasi flash, dll.)
Dengan cara ini kita bisa membuat halaman website yang canggih dan dilengkapi dengan berbagai media masa kini, tanpa harus tahu sedikitpun pemrograman di dalamnya. Adobe Dreamweaver telah menyiapkan berbagai perangkat siap pakai dan akan menuliskan kode-kode yang diperlukan ketika kita menggunakan perangkat tersebut.

Nah, berikut ini kita akan latihan cara membuat website sederhana dengan bantuan macromedia dreamweaver :
Try This: 4 Langkah Mudah Belajar Cara Membuat Website, Langsung Praktek! KLIK DI SINI!.
  • Buka aplikasi dreamweaver, klik html.
  • Membuat table, dengan cara insert – Table – Isikan Rows = 1, Columns = 1, Table Width = 100 %
  • Setelah membuat table, arahkan Kursor ke dalam tabel yang kita buat tadi.
  • Buat table yang kedua yang nantinya akan digunakan sebagai layout website kita, seperti contoh : Rows = 4, Columns=2 dan Table Width = 900 Pixel, Tabel ini bisa anda atur sesuai dengan kebutuhan anda
  • Atur table mulai dari Header, Footer dll
  • Membuat menu dengan cara, Insert – Spry – Spry Menu Bar
  • Menu ini bisa kita pilih, apakah akan horizontal atau vertical.
  • Save!
Catatan Penting : Pembuatan website diatas merupakan salah satu cara perancangan web yang berbasis Table. selain menggunakan table sebetulnya ada cara lain yaitu dengan menggunakan Div atau campuran keduanya Div+Table. kedua cara memiliki plus minus masing-masing dan anda akan mengerti dengan sendirinya seiring dengan pengetahuan dan pengalaman anda dalam membuat website.
Lihat kan? Ternyata cara membuat website menggunakan dreamweaver tidak sedulit yang dibayangkan. Selamat mencoba.

9 komentar:

  1. gan kalo kita udah desain, biar web kita bisa online gimana?

    BalasHapus
    Balasan
    1. @agan Juan Vlandimir : Agan harus membeli domain dulu di situs penyedia domain, setelah membeli domain agan juga harus sewa tempat hosting yang nantinya akan dijadikan tempat untuk upload file-file website yang sudah dibuat.

      untuk membeli domain dan sewa hosting agan bisa mengunjungi qwords.com

      mungkin penjelasan saya cukup memberi gambaran pada agan. salam nuugler.blogspot.com

      Hapus
  2. tenkssss yaaaa,.,., abis saya pemula,.,., biasa buat desain blog,.,. makasih yaaa

    BalasHapus
  3. thanks buat sharingnya...
    mau sharing jg, untuk tman2 yang sedang cari pekerjaan bisa dijadikan referensi di blog www.kompasloker.blogspot.com

    BalasHapus
  4. disuruh bikin desain web tapi pake kode ,, cuma diksih tau bentuknya gak dikasih tau cara bikinnya, bingung mau gimna besok dikumpulin,, :(

    BalasHapus
  5. thanks yaa..
    bisa coba* nii,,hehe

    BalasHapus
  6. wahh mantap gann semoga bisa bermanfaat buat semuanya visit back ya,, http://jamalcyber.com

    BalasHapus