Rabu, 08 Januari 2014

Cara mudah membuat Link di Dreamweaver

sama dengan artikel MEMBUAT DESAIN FORM CONTACT-US TANPA DATABASE, artikel inipun kelanjutan dari artikel sebelumnya yaitu Membuat Web Sederhana Dengan Macromedia Dreamweaver. artikel ini akan membahas bagai mana cara mudah untuk membuat link supaya halaman satu bisa terhubung dengan halaman lainya,

ok sekarang buka projectnya lalu blok Label contact-us seperti gambar dibawah ini :

apabila sesudah di blok, sekarang kalian aktifkan propertis disebelah kanan bawah ada link lalu kalian ikuti langkah seperti gambar di bawah ini :
1. klik icon folder yang ditandai warna merah seperti ini :
2. pilih file  contact
3. Ok
ok selesai deh project membuat link pada website. untuk label yang lainya lakukan hal yang sama seperti contoh di atas. apa bila sudah coba tes di Browser kalian dan lalukan pengetesan. apakah berjalan atau tidak linknya…
sumber : http://satyainform.wordpress.com/

Dreamweaver 8 sering crash pada Windows 7? Ini solusinya

Dreamweaver 8 tiba-tiba menutup sendiri (crash) ketika Anda melakukan browsing file pada Windows Vista atau Windows 7. Beberapa contoh kasus :
  • Menggunakan menu File > Open untuk membuka sebuah file pada media penyimpanan (harddisk maupun flashdisk).
  • Menyisipkan gambar dengan menggunakan file browser untuk memilih gambar tersebut.
  • Membuat hyperlink dengan menggunakan file browser untuk memilih file target.
  • Membuat site definition dengan menggunakan file browser untuk memilih local root folder atau remote folder.

Biasanya, Dreamweaver 8 juga dapat crash dikarenakan hal-hal berikut :
  • Kotak dialog file browsing muncul.
  • Membuka dua tingkat folder atau lebih (sub folder).
  • Menyisipkan 4 (empat) buah gambar.
  • Anda meninggalkan kotak dialog file browsing dalam keadaan terbuka dalam kurun waktu tertentu.
Alasannya :
Masalah-masalah Dreamweaver 8 di atas terjadi karena adanya konflik antara Dreamweaver 8 dengan komponen Groove dari Microsoft Office 2007 yang di install pada Windows Vista atau Windows 7 (untuk Windows XP tidak ditemukan masalah). Microsoft Office Groove tersebut hanya disertakan pada MS Office Ultimate 2007 dan MS Office Enterprise 2007.
Solusinya :
Masalah tersebut dapat di atasi dengan cara men-uninstall Microsoft Office Groove 2007 pada PC Anda.
Langkah-langkah Uninstall MS Office Groove 2007 :
  1. Klik Start > Control Panel.
  2. Pilih Uninstall a program

  1. Pilih Microsoft Office Enterprise 2007, kemudian klik Change.

  1. Pilihan yang dipilih adalah Add or Remove Features, kemudian klik tombol Continue

  1. Anda akan menjumpai jendela seperti di bawah ini, dimana Anda bisa menginstall semua paket yang ada di MS Office 2007, kecuali Microsoft Office Groove (ditandai silang).

Untuk memilih semua paket installasi, klik tombol dropdown pada Microsoft Office, pilih Run all from My Computer.

Untuk menghilangkan paket installasi Microsoft Office Groove, klik tombol dropdown pada Microsoft Office Groove, pilih Not Available.


  1. Terakhir klik tombol Continue, tunggu sampai proses konfigurasi selesai (klik tombol Close, restart PC Anda jika diperlukan).


Sumber : http://helpx.adobe.com/dreamweaver/kb/dreamweaver-8-crashes-browsing-files.html

Membuat Web Sederhana Dengan Macromedia Dreamweaver

Yaa kali ini penulis akan mencoba membuat sebuah artikel mengenai pembuatan website dengan tema :  MEMBUAT WEB SEDERHANA DENGAN MACROMEDIA DREAMWEAVER. Artikel ini penulis peruntukan buat tingkat pemula atau yang masih newbie dan ingin belajar mengenai pembuatan sebuah website  dengan Dreamweaver.disini penulis akan membahas step by step pembuatan web sederhana dengan full image, supaya pembaca bisa lebih memahami penjelasan yang akan penulis terangkan. Ok kalo begitu kita langsung ke TKP.

Sebelum memulai proyek, kalian sebaiknya mempersiapkan terlebih dahulu foldernya agar file-file project bisa terorganisir secara rapih.coba kalian buat folder seperni ini.

Penjelasan :  Buat folder utama dengan nama websederhana  folder ini nantinya berfungsi untuk menyimpan file project yang akan kita buat, sedangkan folder image nantinya berfungsi untuk menyimpan gambar – gambar yang akan dipakai dalam menunjang pembuatan web, jadi kalian harus mempersiapkan image yang akan di pakai dalam project kali ini. apabila kalian sudah siap langsung saja buka Macromedia Dreamweaver_nya. disini Penulis menggunakan Macromedia Dreamweaver 8. Karna menurut saya untuk tingkat pemula lebih baik menggunakan Macromedia ketimbang Adobe. Untuk caranya pertama pilih File -> New -> Html.
Oya..karna dalam pembuatan web sederhana ini  Full Design ( Tanpa Coding ) maka  kalian pilih menu Design seperti contoh dibawah ini :

Nah kalau  sudah dipilih menu design_nya, pertama tama untuk mendesign web kita memerlukan sebuah tabel.untuk itu ikuti langkah langkah dibawah ini :
  1. Insert -> Table
  2. Ubah settinganya menjadi seperti ini :

Apabila sudah selanjutnya akan tampil gambar seperti berikut :

Sekarang coba kalian letakan kursornya di rows yang pertama, kali ini kita akan membuat sebuah header, oyah  jangan lupa height_nya ubah dengan ukuran 200 px.  lihat contoh dibawah ini :

Untuk header kita akan menggunakan gambar yang telah kita buat dan telah kita simpan sebelumnya di folder image, untuk header bisa dibuat dengan Photoshop, CorelDraw, atau dengan Flash. Tinggal pilih mana yang kalian kuasai. adapun cara untuk memasukan sebuah gambar header adalah sebagai berikut :
  1. Insert -> Image

Apabila sudah memilih Insert -> Image nanti kalian akan disuruh memilih image mana yang akan digunakan sebagai header, tinggal pilih image_nya lalu pilih Ok

Nanti hasilnya akan seperti gambar dibawah, ingat untuk image header. Lebar dan tinggi imagenya harus sesuai dengan table yang sudah dibuat waktu pertama kali kita memasukan table. dalam gambar ditunjukan bahwa No 1 adalah header yang dibuat dengan Photoshop. Nah apabila pembuatan header sudah dirasa cukup. selanjutnya kita akan membagi sebuah tabel menjadi dua kolom,silahkan kalian ikuti langkah – langkah dibawah ini .

Apabila kalian sudah meletakan kursor di rows yang ke-2. Lihat gambar di atas. selanjutnya kalian focus ke properties, kalian ubah vertikalnya menjadi Top supaya posisinya selalu ada di atas. lalu pilih Split Cell, Iconya ditunjukan pada no 2, ketika kalian memilih Split Cell kalian akan diminta untuk memilih berapa kolom atau rows yang akan di tambahkan. karena kita akan menambahkan kolom maka kalian pilih kolom lalu numbernya ubah ke Nomor 2.

Selanjutnya kita akan membuat sebuah menu untuk Navigasi nantinya, hal yang harus kalian lakukan yaitu menyimpan kursor di row ke-2 dan kolom ke-1. Seperti biasa kita memerlukan sebuah table untuk membuat menu tersebut caranya sama seperti gambar diatas. yaitu dengan cara :
  1.  Insert – Table
  2. lalu ubah setiinganya seperti gambar dibawah ini lalu tekan
  3. Ok.

Apabila sudah. kita lanjutkan dengan membuat menunya itu sendiri, disini saya buat lima contoh menu, silahkan kalian tulis seperti contoh gambar dibawah
ini :
  1. Simpan kursor di coloms yang pertama lalu kalian tulis menu Home
  2. Lakukan hal yang sama seperti tadi sampai Menu Contact- Us
  3. Kali ini kita akan mengubah warna tulisan, warna background, lalu membuat copyright caranya :
3.1  simpan kursor di menu home lalu blok sampai menu contact seperti   gambar no satu.
3.2    Di propertis pilih Icon Bg ( untuk Background ), lalu pilih warna yang kalian suka.
3.3  Untuk Warna Text kalian pilih Text color, iconya ada berada tepat dibawah Button CSS
3.4      Pembuatan menu sudah beres, selanjutnya kalian isi conten( halaman ) yang ada di sebelah kanan menu, lihat gambar
3.4   Digambar selanjutnya di perlihatkan kalian harus menyimpan kursor di rows yang paling bawah,lalu kalian tulis CopyRight © by Administrator 2011.


Untuk membuat icon CopyRight langkah – langkahnya adalah seperti ini :

coba kalian Save terlebih dahulu Caranya :
  1.  Save As -> lalu cari Folder yang sudah dibuat Sebelumnya
 Simpan dengan nama file  index.html


Sekarang coba lihat di Browsernya dengan menekan tombol F+12.  dan hasilnya

sangat sederhana !! hehehehe…………..

Sumber : http://satyainform.wordpress.com