Rabu, 16 Februari 2011

sekilas tentang dreamweaver


Dreamweamer merupakan tool pembuat homepage yang menggabungkan antara GUI (Graphical User Interface) dan text based. Dreamweamer (mulai versi 4) boleh dibilang merupakan editor HTML pertama dengan fitur - fitur yang sangat lengkap.
 
Beberapa fungsi-fungsi penting pada Dreamweaver antara lain:
  1. Layout View.
  2. Team collaboration.
  3. Peningkatan kemampuan multimedia.
 
Element-Element Window Pada Dreamweaver:
·     Document Window: menampilkan dokumen atau halaman web yang sedang kita buat.
Insert Bar: terdiri dari beberapa macam icon untuk memasukkan berbagai macam objek web seperti gambar, layer, dan tabel.
·     Property Inspector: menampilkan property dari objek yang kita pilih didalam dokument.
·     Site Panel: menampilkan semua file dan folder yang merupakan bagian dari website.

  Dreamweaver dapat menampilkan dokumen dalam tiga cara, yaitu:
  1. Design View: menampilkan dan mengedit dokumen secara visual.
  2. Code View:Fasilitas ini memungkinkan kita untuk  bisa    mengedit    langsung
     halaman web kita dengan menuliskan kode HTML.
  3. Code and Design View: kita bisa  melihat  Code  View dan  Design View  secara
     bersamaan dalam satu tampilan window.


  Membuat SITE
  ------------
·     Hal yang pertama kali harus kita lakukan adalah membuat SITE.Klik menu Site --> New Site
·     Anda akan diberi  pilihan apakah anda akan  menggunakan server technology (ASP, JSP, PHP, dll) atau tidak.
·     Kotak dialog berikutnya, anda  akan diminta untuk menentukan di directory mana situs anda akan disimpan.
·     Next, anda diminta memasukkan informasi tentang bagaimana cara andaterkoneksi ke server.


  Bekerja dengan FILE
  -------------------
 
Suatu website bisa terdiri dari satu atau lebih halaman web.Untuk membuat file pada Dreamweaver:
·     Klik kanan pada folder site kita (misal: websiteku) kemudian pilih [New File].
·     Beri nama file yang kita buat.
·     Untuk mengaktifkan suatu file, dobel klik pada nama file pada [Site Panel].
·     Untuk mengganti title website kita, kita bisa mengisikan pada edit box title yang berada dideretan icon pada toolbar di bagian atas Dreamweaver.
·     Memasukkan teks: setelah dokumen kita buka, tempatkan kursor pada Document Window dan kita bisa langsung mengetikkan teks ke dalam dokumen tersebut.
·     Memformat teks: pilih (blok) teks yang akan diformat, kemudian ubah properti pada Property Inspector. Beberapa properti dari teks yang bisa diatur antara lain: format teks,ukuran huruf,bentuk huruf,warna, ketebalan, alignment, bullet dan numbering, dan lain-lain.
·     Kita bisa memasukkan objek-objek kedalam halaman situs kita. Objek-objek yang bisa kita masukkan antara lain: gambar, tabel, frame,form, flash, dan lain - lain. Ada beberapa cara memasukkan objek pada dreamweaver yaitu:
      1. Pada Insert Bar, pilih objek yang ingin kita masukkan. Kemudian  ikutilah
         instruksi yang ada.
      2. Pilih menu Insert kemudian pilih objek yang ingin  anda  masukkan.  Perlu
         anda ketahui bahwa pada Dreamweaver, teks juga dianggap sebagai objek.
   
·     Untuk mengubah format dari suatu objek:
1. Pilih objek yang akan diformat.
2. Pada  Property  Inspector,  atur property   yang  ada  sesuai dengan yang
    diinginkan.
 
·     Page Properties
Secara default, halaman web kita mempunyai title Untitle Document dan tidak mempunyai background. Untuk mengeditnya, bisa dilakukan dengan mengakses Page Properties --> klik menu Modify, kemudian pilih Page Properties. Atau bisa juga dengan cara meletakkan kursor mouse pada dokumen, kemudian klik kanan dan pilih Page Properties. Beberapa property yang bisa diedit: warna latar belakang dokumen, warna teks, gambar pada latar belakang, level transparan dari gambar, dan lain-lain.
 
·     Membuat Tabel
    1. Klik menu Insert --> Table
    2. Pilih icon Insert Table pada panel Insert Bar --> Tables.
 
·     11. Membuat Link
    1. Pilih  teks, gambar, atau objek  yang  ingin  kita jadikan sebagai
       link.
    2. Pilih menu Modify --> Make Link. Akan muncul kotak dialog  Select
       File.
    3. Ketikkan   alamat URL  dari tujuan link kita kedalam teks box URL
       atau dengan memilih file menggunakan kotak browser yang ada.
       Setelah selesai klik OK.
    Catatan:   Bila file yang kita pilih berada di luar dari folder root
    website   kita   maka akan muncul dialog yang menanyakan apakah kita
    akan mengcopy file tersebut kedalam folder root dari website kita.










Tidak ada komentar:

Poskan Komentar