Pengenalan Software DREAMWEAVER

Pengenalan Software DREAMWEAVER

Pengenalan Software DREAMWEAVER

Pengenalan Software DREAMWEAVER
Pengenalan Software DREAMWEAVER

Pengertian Dreamweaver

Dreamweaver adalah program untuk membuat, mendesain dan mengedit dokumen HTML secara visual dan mengelola halaman sebuah situs. Dreamweaver menyediakan banyak perangkat yang berkaitan dengan pengkodean dan fitur seperti HTML, CSS, JavaScript, PHP, ASP, ColdFusion, dan XML.

Insert Bar

Insert bar merupakan tempat semua perangkat kerja (tombol) tang digunakan untuk membuat halaman web. Insert bar mempunyai dua jenis tampilan, yaitu tampilan sebagai menu dan tampilan sebagai tab.

Open a Recent Item

Pada menu ini akan ditampilkan beberapa file yang sebelumnya pernah kita buka dengan menggunakan Dreamweaver 8. Atau di paling bawah ada Open yang dapat digunakan untuk membuka file yang lain.

Create New

Pada menu ini kita dapat memilih dokumen baru apa yang akan kita buat dengan menggunakan Dreamweaver. Ada banyak pilihan, diantaranya HTML, ColdFusion, PHP, ASP, JavaScript, CSS.

Create From Samples

Pada menu ini kita dapat membuat file berdasarkan contoh yang sudah diberikan oleh Dreamweaver.

  • Tab Common

Berisi semua tombol yang sering atau umum digunakan untuk membuat halaman web. Tombol yang ada di Tab Common antara lain Hyperlink, Email Link, Named Anchor, Table, Images.

  • Tab Layout

Tab layout digunakan untuk membuat layout halaman web. Terdapat tiga jenis layout yang dapat dipilih, yaitu Standard, Expanded dan Layout.

o    Untuk Standard view tampilan dokumen seperti biasa (berupa garis-garis tabel)

o    Untuk Expanded view menampilkan border tabel yang direnggangkan sehingga semua rancangan tabel dapat dilihat dengan jelas baik itu baris dan kolomnya.

o    Untuk Layout view rancangan tabel ditampilkan sebagai kotak-kotak yang dapat di-drag, dan diatur ulang ukurannya dengan mudah.

  • Tab Form

aplikasi video call acak terbaik seluruh dunia – Tab form digunakan untuk membuat elemen dalam form, misalnya : textarea, textfield, radio button, checkbox

v  Elemen-Elemen Form

  • Textfield
  • Berupa kolom isian satu baris yang digunakan untuk memasukkan data
  • Password Field
  • Prinsip kerjanya sama dengan textfield, hanya saja karakter yang diinput akan diubah mwnjadi ******
  • Textarea

Berupa kolom isian yang bisa lebih dari 1 baris

  • Checkbox

Kotak pilihan yang bisa diberi tanda “cek” dan bisa dipilih lebih dari 1

  • Radio Button

Lingkaran pilihan yang bisa diberi tanda “cek” dan hanya bisa dipilih 1 saja

  • List / Menu

Digunakan untuk membuat daftar pilihan menu yang bisa dipilih oleh user

  • File Field

Digunakan untuk memilih file pada saat proses upload

  • Button

o  Submit Button

Digunakan untuk mengirimkan data yang diinputkan

o  Reset Button

Digunakan untuk mengembalikan isian form seperti semula (kosong)

o  Button

  • Tab Text

Tab text digunakan untuk membuat pengaturan text. Misalnya saja membuat text italic, strong, underline, h1.

  • Tab HTML

Tab HTML digunakan untuk membuat garis  horizontal, menambahkan meta tag dalam tag <head>, dan frame.

  • Tab Application

Tab application digunakan jika aplikasi kita sudah berhubungan dengan suatu bahasa pemrograman dan sebuah database.

  • Tab Flash elements

Tab flash elements digunakan untuk memasukkan elemen flash dalam dokumen yang kita  buat.

  • Code View

Code View digunakan untuk melihat kode HTML dari halaman web yang sedang kita buat.

  • Panel Properties

Panel properties merupakan panel yang digunakan untuk melihat dan mengubah property dari semua objek yang ada di area kerja. Masing-masing objek mempunyai property yang berbeda. Untuk melihat property dari objek yang diinginkan, seleksi dulu objek tersebut.

  • Design View

Design View digunakan untuk melihat tampilan web dari kode HTML yang kita buat.