Tutorial pembuatan website, SEO, Dreamweaver, Photoshop, brush, vector, font untuk desain kamu.

MY NAME

Sabtu, 28 Maret 2009

Apa Itu Dreamweaver 8?

Macromedia Dreamweaver 8, atau biasa disebut “Dreamweaver 8”,
adalah sebuah perangkat lunak aplikasi untuk mendesain dan mem-
buat halaman web. Dengan menggunakan Dreamweaver 8, ketika
membuat sebuah halaman web, Anda tidak perlu lagi mengetik kode-
kode HTML atau kode-kode lainnya secara manual. Anda cukup
melakukan klik beberapa kali, maka simsalabin, halaman web yang
Anda inginkan sudah jadi.

Ketika Anda mempelajari buku SGS Pemrograman Web dengan
HTML, CSS, dan JavaScript, Anda harus menuliskan beberapa baris
kode HTML yang panjang, hanya untuk sekadar membuat sebuah
Tabel. Namun, dengan Dreamweaver 8, Anda dapat membuat tabel
hanya dengan melakukan dua kali klik saja. Dreamweaver 8 akan
menciptakan kode-kode HTML yang sesuai untuk membuat tabel yang
Anda inginkan tersebut.

Selain HTML, Dreamweaver 8 juga mendukung CSS, JavaScript, PHP,
ASP, dan bahasa pemrograman lainnya untuk membuat web. Hal ini
akan sangat menguntungkan Anda. Sebagai contoh, jika dahulu Anda
harus mengetikkan kode-kode CSS untuk membuat Style tertentu,
maka dengan Dreamweaver 8, Anda cukup melakukan klik beberapa
kali saja.

Buku ini akan menuntun Anda mempelajari bagaimana menggunakan
Dreamweaver 8 dalam membuat dan mendesain halaman web. Bagi
para pembaca yang pernah mempelajari buku SGS Pemrograman
Web dengan HTML, CSS, dan JavaScript, akan menjadi nilai
tambah tersendiri bagi Anda karena akan membuat Anda lebih mudah
memahami kode-kode HTML, CSS, atau kode lainnya yang muncul.
Dreamweaver 8 adalah versi terbaru dari keluarga Dreamweaver.
Versi pertamanya sendiri diluncurkan sekitar tahun 1994 oleh
Macromedia Inc. Dalam versi terbaru ini, banyak sekali fasilitas baru
yang ditambahkan. Contohnya, Anda akan dapat membuat dan
menggunakan Style dalam CSS dengan mudah dan fleksibel. Panel
untuk pengolahan CSS juga sudah diperbarui dan lebih mudah digu-
nakan. Dreamweaver 8 juga menyediakan beberapa template halaman web baru, termasuk fasilitas Starter Pages.

Akhirnya, selamat
memulai mempelajari Dreamweaver 8.
Anda dapat mengklik Start > All Programs > Macromedia >
Macromedia Dreamweaver 8 untuk mulai menjalankan
Dreamweaver 8. Lihat contohnya pada gambar di bawah ini.
Jika Anda menjalankan Dreamweaver 8 untuk pertama kali, Anda
akan menemui jendela Workspace Layout seperti di bawah ini. Pada
jendela tersebut, Anda dapat memilih Workspace Layout atau
susunan antarmuka Dreamweaver 8 yang diinginkan.
Ada dua susunan antarmuka yang dapat dipilih, yaitu Designer atau
Coder. Pilihan Designer biasanya dipilih oleh para web designer.
Sedangkan pilihan Coder umumnya dipilih oleh para pembuat kode
program atau web programmer.
Kali ini, Anda klik saja opsi Designer, kemudian klik tombol OK.
Sehingga akan muncul jendela Start Page seperti gambar selanjutnya.

Student Guide Series 1: Macromedia Dreamweaver 8

Jendela Start Page akan selalu muncul ketika Anda menjalankan
Dreamweaver 8. Jendela ini menyediakan berbagai macam fasilitas,
misalnya fasilitas untuk membuka file yang pernah dibuat, fasilitas
untuk membuat file baru, fasilitas untuk membuat halaman web
berdasarkan template yang ada, dan lain-lain.

Mengenal Macromedia Dreamweaver 8

Klik kotak ceklist Don’t show again agar
jendela Start Page tidak muncul lagi setiap Anda menjalankan
Dreamweaver 8. Kemudian jika muncul jendela konfirmasi seperti di
bawah ini, klik saja tombol OK. Selanjutnya, kali ini klik saja pilihan HTML pada bagian Create New.Sehingga muncul susunan antarmuka Dreamweaver 8, berikut ini
penjelasan singkatnya.
Document Window adalah bagian yang merupakan area kerja
Anda. Di sinilah proses mendesain dan membuat halaman web Anda
lakukan. Ada 3 tampilan Document Window, yaitu Code View,
Code and Design View, dan Design View. Oleh karena di awal
tadi Anda memilih susunan antarmuka Designer, maka yang akan
ditampilkan adalah Design View. Anda dapat mengubah tampilan
Document Window dengan cara mengklik tombol-tombol berikut
pada bagian Document Toolbar.Document Toolbar memiliki berbagai macam tombol yang dapat digunakan untuk mengatur tampilan Document Window.

Student Guide Series 2: Macromedia Dreamweaver 8

Insert Bar digunakan untuk memasukkan atau membuat berbagai
macam objek ke dalam halaman web yang sedang Anda buat pada
Document Window.
Menu Bar berisi berbagai macam menu untuk mengatur halaman
web yang sedang Anda buat. Misalnya menu File, Edit, View, dan
lain-lain.
Property Inspector berisi berbagai macam atribut dari elemen yang
sedang terpilih dalam Document Window. Misalkan Anda sedang
mengklik sebuah tabel pada bagian Document Window, maka
Property Inspector akan menampilkan berbagai macam atribut dari
tabel tersebut. Anda juga dapat mengubah nilai-nilai atributnya pada
bagian ini.