Our social:

Jumat, 14 Agustus 2015

Pengenalan Dreamweaver | aMeoBa Graphics


Dreamweaver

Dreamweaver

   Adalah salah satu program pembuatan website yang mempunyai banyak sekali menu-menu dan tool-tool  yang dapat dipergunakan untuk mendesain website yang lebih kreatif dan membuat sebuah site yang komplit.

WorkSpace


Keterangan :
1. Application Bar atau Menu Bar.
2. Document Bar.
3. Document Window.
4. Insert Panel.
5. Property Inspector.
6. File Panel. 

Menu Bar

   Berisi menu-menu standard seperti File, Edit, View, dll.

Document Window

   Document Window merupakan bagian yang digunakan untuk mendesain halaman situs. Dalam Document window, kita dapat menyisipkan teks, gambar serta objek lain yang mendukung pembuatan situs atau tempat untuk membuat desain Web.

Insert Panel

   Pada Insert panel terdapat icon-icon yang dapat diklik untuk memasukkan object pada dokumen dan untuk mengedit pembuatan halaman web. 

Document Bar



  • Untuk menampilkan dan menyembunyikan Toolbar, pilih menu View > Toolbar.
  •  Untuk tampilan dokumen secara kode atau HTML , klik button Code View pada toolbar. Disini dapat diedit atau dibuat halaman web  secara HTML
  • Untuk tampilan dokumen secara kode dan desain, klik button Code & Design View
  • Untuk tampilan dokumen secara desain, klik button Design View, disini dapat diedit atau dibuat halaman web secara visual.
  • Untuk merubah nama dokumen, klik pada title lalu rubah nama dokumen sesuai dengan keinginan.
  • Untuk melihat halaman web secara browser (Internet Explorer) dengan mengklik button Preview Browser.


PROPERTY INSPECTOR


Dengan Property inspector object atau teks dapat diedit dengan cepat.(misalnya ingin merubah jenis fonts teks yang sudah dibuat dengan shadding teks lalu mengganti jenis font, atau pada object dapat merubah alamat URL atau link yang dituju).
Tampilan Property inspector sangat bervariasi tergantung elemen yang dipilih. Untuk informasi properties yang spesifik, pilih elemen yang diinginkan pada dokumen window lalu klik icon Help pada pojok kanan atas pada Property inspector.

Files Panel 

    Bagian dari Grup Panel Files . Bagian ini berfungsi mengatur file dan folder yang membentuk situs kita. Panel ini memiliki fungsi lain yang cukup penting karena memungkinkan kita untuk bekerja dan mengatur file-file dari situs dengan efisien.

Menjalankan dan membuat Adobe Dreamweaver CS3


  1. Klik tombol Start pada windows taskbar.
  2. Klik menu All Programs.
  3. Pilih Adobe Design Premium CS3.
  4. Klik Adobe Dreamweaver CS3.
  5. Akan tampil jendela awal program Adobe Dreamweaver CS3. 
Atau
  1. Klik tombol>all programs> adobe Dreamweaver.
  2. Langsung ketik Dreamweaver di search menu (untuk WINDOWS 10).

  3. Buka aplikasi>klik HTML Document atau document lain sesuai keperluan anda.


Menyimpan dokumen

  • Pilih menu File > Save.
  • Ketik nama file dan tentukan dimana file tersebut akan disimpan.
  • Catatan : Dreamweaver akan secara otomatis menyimpan file tersebut dalam bentuk htm  atau html.
  • Klik button Save untuk menyimpan file tersebut.

 

Merubah judul halaman

   Judul dari halaman HTML memberitahu pengunjung situs apa yang sedang pengunjung buka,  yang dapat dilihat pada menu bar windows dibawah. Untuk mengganti judul halaman.
Caranya :
  • Pilih menu Modify > Page Properties.
  • Klik kursor anda pada daerah kosong di halaman web. Lalu pilih PageProperties.
  • dengan mengklik kanan mouse anda. Masukkan judul untuk halaman tersebut pada title text box.
Sekian postingan kali ini, Terima Kasih. 
Silakan materinya di download.Download

0 comments:

Posting Komentar