IndeksFAQPendaftaranLoginbtaman bacaanForum TdBlog Semut Nungging

Pengunjung
page counter
Latest topics
» Download software organ tunggal gratis
by Nana80 Wed 29 May 2013, 16:40

» Membuat Background foto sendiri pada Facebook anda
by Tamu Mon 18 Mar 2013, 14:48

» Hosting Download/Upload File mudah, cepat, efisien dan gratis
by Om Jin Sun 17 Mar 2013, 12:57

» Popup Facebook Like Box Dengan Timer CountDown Untuk Blogger
by Om Jin Sat 16 Mar 2013, 17:29

» activator Sim Aquarium 3
by Om Jin Sat 16 Mar 2013, 13:09

» solfware
by sryvika Tue 05 Mar 2013, 08:08

» organ di computer
by nur idris Fri 25 Jan 2013, 17:24

» organ game tunggal
by awex bae Sat 19 Jan 2013, 12:44

Web / Blog Teman
User Yang Sedang Online
Total 1 user online :: 0 Terdaftar, 0 Tersembunyi dan 1 Tamu :: 1 Bot

Tidak ada

User online terbanyak adalah 309 pada Wed 07 Dec 2011, 13:06
Info Forum

Page Ranking Tool





Share | 
 

 Tutorial Macromedia Dreamweaver

Topik sebelumnya Topik selanjutnya Go down 
PengirimMessage
Om Jin
Owner
Owner


Jumlah posting : 4120
Points : 8494
Join date : 21.09.09
Age : 35
Lokasi : muara tebo / Jambi

PostSubyek: Tutorial Macromedia Dreamweaver   Sat 22 May 2010, 09:58




Mendefinisikan local site

1. Setelah masuk ke Dreamwever, dari menu Site pilih New Site.
2. Pada bagian Site Name, tuliskan nama web Anda. Misalnya Gratisan. Sedangkan Local Root Folder adalah folder tempat Anda akan menyimpan semua file untuk web yang Anda buat, termasuk file images, audio, javascript, css, dan sebagainya. Klik pada icon untuk mem-browse.



3. Setelah selesai klik OK.



4. Maka akan muncul window baru. Setelah Anda mencapai langkah ini berarti Anda sudah bisa memulai membuat halaman web baru.

Membuat halaman web pertama

1. Dari menu File pilih New.
2. Tentukan title, warna background dan link untuk halaman web Anda. Dari menu Modify, pilih Page Properties.
Untuk mengganti warna background dan link, klik pada icon . Sedangkan untuk mengganti background image, klik pada tombol Browse.



Title = title atau judul halaman web
Background image = image yang digunakan sebagai background
Text = warna teks
Links, Visited Links, Active Links = warna link

3. Untuk mengakhiri klik tombol OK.
4. Supaya aman simpan dulu file tersebut dengan mengklik menu File - Save.

Membuat tabel

Langkah ini sangat penting untuk dicermati karena hampir semua halaman web memakai tabel. Anda tidak akan dapat membuat halaman web yang warna-warni tanpa unsur tabel. Anda juga tidak dapat membuat halaman web seperti halaman yang sedang Anda baca ini tanpa tabel. Untuk membuat dan memodifikasi tabel pada Dreamweaver caranya adalah sebagai berikut :
(Supaya tutorial ini lebih maksimal hasilnya ada baiknya Anda membaca artikel [You must be registered and logged in to see this link.] terlebih dahulu)

1. Dari menu Insert, pilih Table. Atau tekan Ctrl + Alt + I.



  • Rows Jumlah baris
    Columns Jumlah kolom
    Width Lebar tabel yang bisa dinyatakan dalam persen maupun dalam pixel
    Border Ukuran border tabel


2. Hasilnya adalah seperti gambar di bawah ini.



3. Untuk mengganti warna background pada tabel, letakkan pointer mouse pada cell (kolom atau baris --pada gambar di bawah ditandai dengan tanda silang warna merah--) yang akan Anda ganti warnanya lalu klik icon yang terletak pada Properties.
Untuk mengganti warna background lebih dari satu baris atau kolom drag pointer mouse dari cell yang satu ke cell selanjutnya.



Membuat rollover image

Kalau Anda rajin menjelajah internet tentu sering menemui situs yang memakai efek rollover image. Efek tersebut dibuat dengan menggunakan javascript. Untuk membuat efek tersebut Anda harus menuliskan kode javascript tersebut. Tapi dengan bantuan Macromedia Dreamweaver Anda dapat membuat rollover image tanpa harus menuliskan sebaris pun kode javascript. Penasaran ? Ikuti langkah di bawah ini :

1. Untuk Dreamweaver 3, dari menu Insert, pilih Rollover Image.
Untuk Dreamweaver 4, dari menu Insert, pilih Interactive Images - Rollover Image. Maka akan muncul kotak dialog seperti di bawah ini :



Lalu isi pada kotak yang tersedia yang meliputi :

Image Name Nama image
Original Image Gambar asli
Rollover Image Gambar yg dijadikan sebagai rollover
Go to URL Halaman web yang akan dituju

2. Hasilnya dapat dilihat Di sini

Mendeteksi browser yang dipakai pengunjung web

Seperti kita ketahui bersama antara Netscape Navigator dan Internet Explorer terdapat sedikit ketidakcocokan. Maksudnya ada kalanya suatu halaman web jika dilihat dengan IE dapat tampil dengan bagus sementara jika dilihat dengan NN agak sedikit acak-acakan. Atau sebaliknya.

Anda sebagai seorang designer web tentunya ingin mendapatkan tampilan web yang sempurna, baik jika dilihat dengan IE maupun NN. Untuk mengatasi masalah tersebut sebenarnya tidak susah-susah amat, salah satu caranya adalah dengan mendeteksi browser yang dipakai oleh client atau orang yang melihat web kita. Lalu halaman web yang akan ditampilkan disesuaikan dengan browser tersebut. Misalnya jika yang dipakai adalah IE maka yang ditampilkan adalah file satu.html, sedangkan jika yang dipakai adalah NN yang ditampilkan adalah file dua.html.

Kita akan mencoba membuat pendeteksi browser dengan menggunakan Macromedia Dreamweaver. Ikuti langkah-langkah berikut ini :

1. Dari menu Window, pilih Behaviors atau dengan menekan F8.

Dari combo box Events For, pilih IE 4.0. Tekan tombol lalu pilih Check Browser.


2. Maka akan muncul window Check Browser seperti terlihat pada gambar di samping. Di sini Anda harus melakukan beberapa pengisian.

Jika yang digunakan adalah NN 4.0 maka .... Terdapat 3 pilihan yaitu, Stay on this Page, Go to URL, dan Go to Alt URL.

Jika Anda memilih Stay on this Page maka halaman inilah yang akan ditampilkan jika pengunjung web Anda memakai NN 4.0.
Sebaliknya pada bagian IE 4.0 Anda harus mengisinya dengan Go to URL dan pada bagian URL Anda harus mengisi dengan halaman web yang akan ditampilkan jika si pengunjung memakai IE 4.0.

3. Untuk mengaplikasikannya tekan tombol OK. Nah sekarang halaman web Anda sudah siap untuk mendeteksi browser yang digunakan oleh pengunjung web Anda.

Membuat jump menu







Pernah melihat jump menu seperti di atas ? Menu seperti itu biasa digunakan sebagai navigasi yang akan "mengantar" pengunjung web untuk menuju halaman yang lainnya. Dengan Macromedia Dreamweaver kita dapat membuat jump menu dengan mudah. Langkahnya adalah sebagai berikut :

1. Dari menu Insert, pilih Form Object - Jump Menu
2. Pada bagian Text ketikkan nama item yang akan muncul pada menu list.
3. Pada bagian When selected, Go to URL pilih file yang akan dibuka.

Caranya dengan mengklik tombol Browse dan memilih file yang diinginkan, atau langsung ketikkan path file yang akan dibuka. Untuk file yang akan dibuka Anda bisa memilih file pada situs yang sama atau bisa juga berupa alamat web, misalnya [You must be registered and logged in to see this link.]

4. Jika Anda ingin menambahkan tombol Go maka beri tanda check pada Insert Go Button After Menu.
5. Tekan tombol untuk memasukkan menu item ke dalam daftar.
6. Ulangi langkah 2-5 untuk menu item yang lain.

Mengecek link pada situs Anda

Bagus tidaknya sebuah situs tidak hanya ditentukan oleh bentuk desainnya, tapi juga oleh "kebenaran" link yang terdapat pada situs tersebut. Suatu situs dengan desain yang yahud tapi linknya banyak yang rusak/salah (broken link) tentu tidak menarik dikunjungi.

Oleh karena itu saat Anda mendesain situs perhatikan apakah link-link yang Anda buah sudah benar atau belum. Dengan menggunakan Dreamweaver Anda dapat dengan mudah mengecek link mana saja yang salah (broken link) untuk kemudian Anda perbaiki. Untuk mengecek broken link dan memperbaikinya, caranya adalah sebagai berikut:

1. Jika Anda ingin mengecek link dari satu file Html maka dari menu File, pilih Check Link. Tapi jika Anda ingin mengecek link dari semua halaman web yang ada pada situs Anda, klik menu Site, pilih Check Links Sitewide.


2. Waktu yang diperlukan untuk pencarian broken link ditentukan oleh banyak tidaknya link dan halaman web Anda. Tentunya semakin banyak link dan halaman web, semakin lama proses pencarian.

Jika broken link ditemukan maka akan muncul tampilan seperti gambar di bawah


3. Untuk memperbaiki broken link tersebut, pilih file yang akan diperbaiki dan klik pada icon folder (yang berwarna hijau). Setelah itu browse ke directory di mana Anda menyimpan file yang sesungguhnya

Sumber : Klik kanan


Baca Juga :
- CARA HACK AKUN FACEBOOK TERUPDATE
- CARA CEPAT DI ADD BANYAK CEWEK FB DALAM WAKTU SINGKAT
- MAU PENGHASILAN 100 RIBU/JAM ?
- DI ADD RIBUAN TEMAN FB DALAM WAKTU SINGKAT


Kembali Ke Atas Go down
http://www.facebook.com/indrabastian.omjin
ridho_evan
Admins
Admins


Jumlah posting : 2047
Points : 4891
Join date : 25.09.09
Age : 25
Lokasi : Muara bungo

PostSubyek: Re: Tutorial Macromedia Dreamweaver   Sat 22 May 2010, 15:03




wahh proyek baru nih


Baca Juga :
- CARA HACK AKUN FACEBOOK TERUPDATE
- CARA CEPAT DI ADD BANYAK CEWEK FB DALAM WAKTU SINGKAT
- MAU PENGHASILAN 100 RIBU/JAM ?
- DI ADD RIBUAN TEMAN FB DALAM WAKTU SINGKAT




--==яiđЂō d'Cybertronic ⎝⋋⎵⋌⎠==--

Kembali Ke Atas Go down
wulan dynanti
Moderators
Moderators


Jumlah posting : 52
Points : 2675
Join date : 02.10.09
Lokasi : Riau

PostSubyek: Re: Tutorial Macromedia Dreamweaver   Sat 22 May 2010, 16:02




Thanks ya bang in.


Baca Juga :
- CARA HACK AKUN FACEBOOK TERUPDATE
- CARA CEPAT DI ADD BANYAK CEWEK FB DALAM WAKTU SINGKAT
- MAU PENGHASILAN 100 RIBU/JAM ?
- DI ADD RIBUAN TEMAN FB DALAM WAKTU SINGKAT




sapa tu dha...???

:wulan:
Kembali Ke Atas Go down
Om Jin
Owner
Owner


Jumlah posting : 4120
Points : 8494
Join date : 21.09.09
Age : 35
Lokasi : muara tebo / Jambi

PostSubyek: Re: Tutorial Macromedia Dreamweaver   Sat 22 May 2010, 17:40




sama sama ade' wulan smile

bikin lah dho web N2J .. ntar forum nya pake yg ini..

abang lah kebanyak an bikin .. jadi bingung nak ngurus yg mano stres


Baca Juga :
- CARA HACK AKUN FACEBOOK TERUPDATE
- CARA CEPAT DI ADD BANYAK CEWEK FB DALAM WAKTU SINGKAT
- MAU PENGHASILAN 100 RIBU/JAM ?
- DI ADD RIBUAN TEMAN FB DALAM WAKTU SINGKAT


Kembali Ke Atas Go down
http://www.facebook.com/indrabastian.omjin
Sponsored content




PostSubyek: Re: Tutorial Macromedia Dreamweaver   Today at 19:31





Baca Juga :
- CARA HACK AKUN FACEBOOK TERUPDATE
- CARA CEPAT DI ADD BANYAK CEWEK FB DALAM WAKTU SINGKAT
- MAU PENGHASILAN 100 RIBU/JAM ?
- DI ADD RIBUAN TEMAN FB DALAM WAKTU SINGKAT


Kembali Ke Atas Go down
 

Tutorial Macromedia Dreamweaver

Topik sebelumnya Topik selanjutnya Kembali Ke Atas 

 Similar topics

-
» Tutorial Gear Design ?
» Tutorial Design Menggunakan Photoshop
» Apa tutorial kami bermanfaat ? [POLLING]
» [Tutorial] Effective Blog Exchange
» DIY - Cara pasang HID di NINJA 250
Halaman 1 dari 1

Permissions in this forum:Anda tidak dapat menjawab topik
Forum Berbagi Om Jin :: INTERNET :: WEB BLOG CHAT-