alexa-tracking
Selamat Guest, Agan dapat mencoba tampilan baru KASKUS Masih Kangen Tampilan Sebelumnya
Kategori
Kategori
Home / FORUM / All / Tech / Computer Stuff /
Adobe Dreamweaver CS5
1024
1024
KASKUS
51
244
https://www.kaskus.co.id/thread/5acccb589a095112218b4568/adobe-dreamweaver-cs5

Adobe Dreamweaver CS5

emoticon-Wow

Dreamweaver adalah software aplikasi yang digunakan HTML editor professional untuk mendesain web secara visual. Dreamweaver dapat berinterasi dengan beberapa bahasa pemograman seperti PHP, ASP, dan JavaScript.

Menjalankan Dreamweaver CS5

Untuk menjalankan dreamweaver CS5, klik tombol Start -> All Programs -> Adobe Dreamweaver CS5 setelah itu akan tampil halaman awal.
Pada halaman awal terdapat tool dan bar.
1.      Application Bar : berisi tombol workspace, CS live, menu, dan aplikasi lainnya.
2.      Toolbar Document : berisi tombol yang digunakan untuk mengubah tampilan jendela dokumen.
3.      Jendela Dokumen : lembar kerja tempat membuat dan mengedit desain halaman web.
4.      Workspace Switcher : untuk mengubah tampilan ruang kerja.
5.      Grup panel : kumpulan panel yang saling berkaitan. Digunakan untuk memonitor dan memodifikasi pekerjaan.
6.      Panel-panel dalam grup panel dapat dibuka dan ditutup. Untuk membuka panel, klik pada judul panel. Klik kembali pada judul panel untuk menutup panel.
7.      Tag Selector : digunakan untuk memilih objek pada jendela desain berdasarkan jenis atau kategori objek tersebut. Tag selector juga menampilkan informasi format dari bagiaan yang sedang aktif pada lembar kerja desain.
8.      Jendela Properties : digunakan untuk melihat da mengubah berbagai properti objek atau teks pada jendela design.
9.      Toolbar Standard : baris tollbar yang berisi tombol yang mewakili perintah pada menu file dan edit.
10.  Toolbar Style Rendering : berisi tombol untuk menampilkan desain dalam media yang berbeda. Digunakan untuk mengaktifkan dan menonaktifkan style CS5.
11.  Toolbar Coding : digunakan untuk melakukan operasi kode standar.
12.  Toolbar Browser Navigation : berisi tombol yang digunakan sebagai navigasi didalam browser.
 
Mengolah tampilan Dreamweaver CS5

a.      Mengenal tampilan jendela dokumen
1.      Jendela Design : ruang tempat membuat layout halaman web, melakukan pengeditan dan mengembangkan aplikasi secara cepat.
2.      Jendela Code : menampilkan kode HTML dari halaman yang sedang aktif.
3.      Jendela Split : dapat bekerja dengan tampilan code dan design dalam waktu yang bersamaan.
4.      Jendela Live Code : untuk melihat kode pada saat halaman web diuji.
5.      Jendela Live View : untuk mengamati hasil akhir dari halaman web sekaigus hasil design.
6.      Jendela Inspect : untuk mengamati kode dalam jendela code berdasarkan design yang ditunjuk dalam jendela.
Adobe Dreamweaver CS5Adobe Dreamweaver CS5Adobe Dreamweaver CS5Adobe Dreamweaver CS5

b.     Memahami panel insert
1.      Common : untuk menyisipkan objek yang paling umum digunakan.
2.      Layout : untuk menyisipkan objek table,, div tag, frame, atau objek spry.
Beri apresiasi terhadap thread ini Gan!
kalo bisa kasih pemanis gambar gan. dan agak dirapihin lagi tulisan nya.
cuma saran. ane juga masih belajar nulis


×
GDP Network
© 2018 KASKUS, PT Darta Media Indonesia. All rights reserved
Ikuti KASKUS di