About JavaScript behaviors

Adobe ® Dreamweaver ® CS3 behaviors tempat kode JavaScript dalam dokumen sehingga pengunjung dapat mengubah halaman web dengan berbagai cara atau memulai tugas-tugas tertentu . Sebuah behavior adalah kombinasi dari suatu peristiwa dan tindakan dipicu oleh peristiwa itu. Pada panel Behaviors , Anda menambahkan behavior ke sebuah halaman dengan menentukan tindakan dan kemudian menentukan peristiwa yang memicu tindakan itu.

Catatan : Kode behavior adalah sisi klien kode JavaScript , yaitu, berjalan di browser , bukan pada server .
Secara yang efektif , pesan yang dihasilkan oleh browser menunjukkan bahwa pengunjung ke halaman Anda telah melakukan sesuatu . Sebagai contoh, ketika pengunjung menggerakkan pointer ke suatu link , browser menghasilkan event onMouseOver untuk link tersebut; browser kemudian memeriksa apakah harus memanggil beberapa kode JavaScript ( ditentukan dalam halaman yang dilihat ) di respon. Berbagai aktivitas yang ditetapkan untuk elemen halaman yang berbeda , misalnya , di hampir semua browser onMouseOver dan onClick adalah event yang berkaitan dengan link , sedangkan onLoad merupakan event yang berhubungan dengan gambar dan dengan bagian tubuh dokumen .

Read More

Insert bar overview

Insert bar berisi tombol untuk membuat dan memasukkan objek seperti tabel , elemen AP , dan gambar . Ketika Anda roll pointer di atas tombol , tooltip akan muncul dengan nama tombol .
Tombol tersebut akan disusun dalam beberapa kategori , yang Anda dapat beralih dengan mengklik tab di bagian atas Insert bar . Kategori tambahan muncul ketika dokumen aktif berisi kode server, seperti ASP atau CFML dokumen . Ketika Anda memulai Dreamweaver , kategori Anda kerja terakhir dalam terbuka.

Beberapa kategori memiliki tombol dengan menu pop - up . Bila Anda pilih opsi dari menu pop - up , menjadi aksi default untuk tombol . Misalnya, jika Anda memilih gambar Placeholder dari menu pop - up tombol Gambar itu , pada saat Anda klik tombol Gambar , Dreamweaver menyisipkan placeholder gambar . Setiap kali Anda pilih opsi baru dari menu pop - up , aksi default untuk perubahan tombol .

Read More

Ikhtisar Dokumen window

Ikhtisar Dokumen window

Dokumen window menunjukkan dokumen saat ini . Anda dapat memilih salah satu tampilan berikut :

Desaign View

Lingkungan desain untuk tata letak visual yang halaman , editing visual, dan pengembangan aplikasi yang cepat . Dalam pandangan ini , Dreamweaver menampilkan sepenuhnya dapat diedit , representasi visual dari dokumen , mirip dengan apa yang akan Anda lihat ketika melihat halaman di browser . Anda dapat mengkonfigurasi Design view untuk menampilkan konten dinamis saat Anda sedang bekerja pada dokumen .

Code View

Lingkungan tangan - coding untuk menulis dan mengedit HTML , JavaScript , kode - seperti server bahasa PHP atau ColdFusion Markup Language ( CFML ) dan jenis lain kode .

Code and Design view 

Memungkinkan Anda melihat kedua Kode melihat dan Desain tampilan untuk dokumen yang sama dalam satu jendela .

Ketika jendela dokumen memiliki judul bar , bar judul menampilkan judul halaman dan , dalam tanda kurung , path file dan nama file . Setelah nama file , Dreamweaver menampilkan tanda jika Anda telah membuat perubahan yang Anda belum menyimpan yet .

Ketika jendela dokumen dimaksimalkan dalam tata letak ruang kerja terpadu ( Windows saja ) , tidak memiliki bar judul , dalam hal bahwa judul halaman dan path file dan nama file muncul di bar judul jendela ruang kerja utama .

Ketika jendela dokumen dimaksimalkan , tab muncul di bagian atas jendela dokumen yang menunjukkan nama file dari semua dokumen yang terbuka . Untuk beralih ke dokumen , klik tab tersebut .

Read More

Alur kerja dan Ruang kerja pada Dreamweaver

Ikhtisar Alur kerja dan ruang kerja Dreamweaver

1.Ikhtisar Alur kerja Dreamweaver

Anda dapat menggunakan beberapa pendekatan untuk membuat website , ini adalah salah satu pendekatan :
Merencanakan dan mengatur situs Anda
Tentukan dimana file akan pergi dan memeriksa persyaratan situs , profil penonton , dan tujuan situs . Selain itu , pertimbangkan persyaratan teknis seperti akses pengguna , serta browser plug-in , dan pembatasan download. Setelah Anda telah mengatur informasi Anda dan menentukan struktur , Anda dapat mulai membuat situs Anda . ( Lihat Bekerja dengan situs Dreamweaver . )
Mengatur dan mengelola file situs Anda
Pada panel Files Anda dapat dengan mudah menambah, menghapus , dan mengubah nama file dan folder untuk mengubah organisasi yang diperlukan . Panel Files juga memiliki banyak alat untuk mengelola situs Anda , mentransfer file ke dan dari server jauh , menyiapkan Check In / Check-out proses untuk mencegah file dari sedang ditimpa , dan sinkronisasi file pada situs lokal dan remote . Dari panel Aset , Anda dapat dengan mudah mengatur aset dalam sebuah situs , Anda kemudian dapat drag sebagian aset secara langsung dari panel Aset ke dalam dokumen Dreamweaver . Anda juga dapat menggunakan Dreamweaver untuk mengelola aspek Adobe ® Anda Sumbang ® situs . ( Lihat Mengelola file dan folder dan Mengelola aset dan perpustakaan . )

Read More

10 Langkah Sebelum Membuat Website

Sebelum membuat website sebaiknya perlu diperhatikan hal2 berikut seperti di diagram dibawah ini. Diagram Langlah-langkah ini mempermudah dalam pembuatan web.

Penjelasan sebagaimana diagram diatas :

Read More

Tombol Navigasi

Bagaimana membuat table navigasi?mungkin kita perlu tahu dulu apa fungsi dari tombol navigasi, adalah apabila kita klik button navigasi maka kita akan diarahkan dari isi web kita/ atau kebuka dari page layout lainnya, tombol navigasi halaman pertama biasanya diberi nama home

Berikut Contoh lainnya spt blog, about us, contact us, gallery dll. Letak posisi tombol navigasi

biasanya dibawah tittle web kita dan diatas sidebar contents contoh spt gambar dibawah :

 

Read More

Definisi situs

Perlunya definisi situs dlm dreamweaver :

1. memudahkan dalam memanage website
2. website tersusun secara hierarki
3. memudahkan mempublish halaman website
4. menentukan teknologi server side yg digunakan
5. memudahkan pengaturan CSS ( cascading syle sheet )

Berikut langkah-langkahnya :

Buka aplikasi dreamweaver maka akan tampil tampilan pertama sbb :

Read More