Tuesday, September 24, 2013

Tutorial Macromedia Dreamweaver 2

Membuat Web Sederhana dengan Macromedia Dreamweaver


Pada postingan yang lalu kita telah membicarakan tentang dreamweaver, tetapi baru sebatas perkenalan. Saya minta maaf pada para pengunjung Blog Persahabatan, karena baru kali ini kami dapat melanjutkan kembali topik tersebut. Ada pepatah mengatakan, lebih baik terlambat dari pada tidak sama sekali. Ha ha ha tetapi saya sarankan kita tidak boleh membiasakan diri terlambat, tepat waktu adalah paling tepat kita lakukan dalam segala hal.

Pada kesempatan yang berbahagia ini kami akan memberikan tutorial / memandu Anda bagaimana cara membuat web sederhana dengan menggunakan aplikasi Macromedia Dreamweaver versi 8. Anda pasti sudah tidak asing lagi dengan Macromedia dreamweaver. Jika Anda belum punya, Anda dapat mendownloadnya di internet. Macromedia Dreamweaver adalah aplikasi yang sangat populer di kalangan praktisi developer web. Dibandingkan dengan aplikasi sejenis lainya, Macromedia Dreamweaver memiliki sejumlah keunggulan, diantaranya kemampuan menangani layout halaman web, fasilitas untuk membuat web interaktif yang lengkap, serta kemudahan dalam penggunaan programnya. Untuk lebih jelasnya buka saja google atau baca kembali postingan pertama kami.


Baiklah, agar tidak terlalu bertel-tele, kita langsung mulai saja. Pastikan Dreamweaver 8 telah terinstall di komputer Anda. Jangan lupa siapkan gambar-gambar yang akan Anda pasang di website Anda. Setelah Anda siapkan, pertama-tama Anda harus membuat site baru. Setiap Anda memulai membangun website, sebaiknya Anda mendefinisikan terlebih dahulu nama website dengan cara membuat site baru. Kenapa? Tujuannya agar file-file Html yang Anda buat dengan Dreamweaver dapat dikemas dalam satu tempat dengan nama site tertentu di dalam local site, yaitu alamat website yang ada di dalam komputer lokal (local disk atau local server). Dalam pembuat website, halaman-halaman web yang diedit berada pada loacal site. Pada tutorial kali ini kami akan menggunakan XAMPP server untuk menempatkan sitenya. 

Selain local site Anda juga bisa menggunakan remote site, yaitu alamat website yang ada di internet. File-file html diletakkan pada server atau web hosting server di dalam jaringan internet. Untuk mengakses remote site ini harus melalui media internet. Di dalam Dreamweaver, Anda dapat memindahkan file-file pada local site ke remote site agar website tersebut dapat diakses oleh siapa saja melalui jaringan internet.
Oke, marilah kita mulai saja cara membuat site baru di server local (XAMPP Server). Langkah-langkah untuk membuat site baru adalah sebagai berikut.


  • Buka terlebih dahulu Dreamweaver sehingga jendela Start Page ditampilkan
  • Klik menu site  ManageSites. Kotak dialog Manage Sites akan ditampilkan seperti gambar berikut ini.




Jika sudah ada site yang didefinisikan pada dialog tersebut akan ditampilkan nama-nama site yang pernah dibuat. Jika belum maka akan kosong. Jika hal ini adalah untuk pertama kalinya Anda lakukan, maka di dalam kotak dialog Manage Sites masih kosong. Untuk membuat site baru, klik tombol new, kemudian klik site seperti tampak pada gambar di atas. Selanjutnya akan ditampilkan Site Definition seperti terlihat pada gambar di bawah ini. Baiklah, agar tidak terlalu membingungkan, ikuti saja video tutorialnya di bawa ini. Dalam bab cara memanage site atau cara mendifinisikan site kami bagi dalam tiga bagian. Maksudnya agar teman-teman yang jaringannya lemot dapat mengunduhnya. Oleh, silahkan simak video tutorial di bawah ini:

VIDEO TUTORIAL BAGIAN PERTAMA
 

VIDEO TUTORIAL BAGIAN KE 2

VIDEO TUTORIAL BAGIAN KEG TIGA


Nah, bagaimana? Mudahkan? Tutorial ini saya buat dengan bahasa dan cara penyajian yang mudah dipahami. Namun demikin, jika Anda belum jelas, saya minta maaf. Saran saya baca kembali dan tonton videonya. Hanya itu yang dapat saya sarankan. Jika sudah beres semua, silahkan lanjutkan pada Tutorial yang lainnya!