Dreamweaver Tutorial - Cara Membuat Refresh Page Dengan Dreamweaver

Pada Dreamweaver Tutorial kali ini saya akan share mengenai Cara membuat Refresh Page Dengan Dreamweaver, oke langsung aja apa sih fungsi Refresh Page ?  Refresh page adalah suatu halaman yang akan melakukan refresh dan meredirect ke link yang dituju, didalam refresh page biasanya ada jeda waktu atau time lag beberapa detik sebelum menuju ke link yang dituju. Berikut tutorialnya

• Buat 2 file baru yang pertama refresh1.php dan refresh_link.php seperti contoh gambar dibawah.

• Buka file refresh1.php selanjutnya klik menu Insert --> HTML --> Head Tags --> Refresh

• Isi Delay dengan jumlah jeda waktu / time lag yang diinginkan. Disini saya isi dengan nilai 1 yang berarti akan ada jeda waktu selama 1 detik sebelum halaman refresh1.php akan menuju ke refresh_link.php. Isi Go To Url  dengan browse file refresh_link.php.

OK Dreamweaver tutorial tentang Cara membuat Refresh Page dengan Dreamweaver sudah selesai. Selamat mencoba 

Dreamweaver Tutorial- Rollover Image Dengan Dreamweaver

Dreamweaver Tutorial kali ini kita akan membuat Rollover Image dengan Dreamweaver. Ok langsung aja buat file baru dan simpan dengan nama rollover.php seperti contoh gambar dibawah

Masuk ke menu Insert --> Image Objects --> Rollover Image

 Isi Image Name , Original Image dengan browse Gambar pertama, Rollover Image browse gambar kedua yang akan dijadikan Rollover Image nya selanjutnya isi When Clicked Go To URL browse dengan file yang akan dituju. Klik OK. Contoh seperti gambar dibawah

Preview di browser maka ketika mouse kita berada diatas gambar maka akan segera  berganti dengan gambar kedua. Dan ketika kita klik maka kan menuju halaman yag kita pilih tadi.

OK Dreamweaver Tutorial tentang cara membuat Rollover Image dengan Dreamweaver sudah selesai.. Selamat mencoba

Backlink Gratis Untuk Situs Anda

Temen-teman setelah browsing dari berbagai situs dan forum akhirnya saya mengumpulkan list situs penyedia backlink gratis. Silahkan mencoba dan semoga bermanfaat

1. Linksoar ( Gratis 46 Backlink ) bisa dibuka di "http://linksoar.com/index.php?ready"
2. Backlinks Auto Im (200k Backlinks) bisa dibuka di alamat "http://backlinks.auto-im.com/freepack/free.php"
3. 5000 Backlink bisa dicoba di "http://www.tycoos.com/"
4. Gratis 500 Backlink bisa anda coba di "http://freebacklinktool.com/"
5. 2500 Backlink bisa anda dapatkan dari situs ini "http://www.imtalk.org/cmps_index.php?pageid=IMT-Website-Submitter"
6. 15.000 Backlink Gratis bisa anda coba di "http://www.indexkings.com/"
   

Dreamweaver Tutorial - Cara Membuat Insert Page Berbasis PHP Dengan Dreamweaver

Wokeyy kali ini Dreamweaver Tutorial akan sharing tentang cara membuat Insert Page berbasis PHP dengan Dreamweaver .. langsung saja..

Buatlah 2 buah file yaitu Insert.php dan Insert-sukses.php selanjutnya buka file Insert-sukses.php dengan Dreamweaver berilah tulisan "Insert Berhasil" dan berikan Head Tags berupa Refresh yang berfungsi untuk merefresh kembali halaman ketika proses Insert berhasil atau tidak.

Setelah memastikan koneksi telah siap, segera buat Recordset

Beri nama bebas ( Disini kita namakan recordsetnya dengan nama "Insert") , pilih Connection nya dan pilih tabel yang akan di Insert, selanjutnya klik OK

Setelah Recordset telah siap untuk membuat Insert Page kita klik menu Insert --> Data --> Insert Record --> Record Insertion From Wizard

Sehingga muncul seperti gambar di bawah, pilih Connection serta tabel nya dan isi opsi After Inserting Go To dengan memilih file Insert-sukses.php selanjutnya klik OK

Setelah kita melakukan langkah diatas maka hasilnya seperti gambar dibawah.

Silahkan Priview di browser dengan mengetik alamat http://localhost/belajar/insert.php atau tekan F12 sehingga muncul halaman seperti gambar di bawah.

OK .. Dreamweaver Tutorial tentang Cara Membuat Insert Page Berbasis PHP Dengan Dreamweaver akhirnya selesai ..Selamat Mencoba

Dreamweaver Tutorial - Cara membuat Login Page berbasis PHP engan Dreamweaver

Kali ini Dreamweaver Tutorial akan share tentang Cara membuat Login Page berbasis PHP dengan Dreamweaver. Hal Pertama yang harus kita siapkan adalah memastikan Webserver sudah terinstall ( Disini penulis memakai XAMPP sebagai webserver) selanjutnya buat folder ”Belajar” di c:/xampp/htdocs untuk menyimpan file.

Buka database dengan Phpmyadmin atau ketik http://localhost/phpmyadmin, pada browser anda selanjutnya masukan username dan password database.

Selanjutnya buat table USR dan isi table tersebut dengan beberapa record seperti gambar di bawah
 

Setelah itu buatlah tiga buah file dengan nama halaman-utama.php , log-gagal.php, login.php dan log-sukses.php

Buka file login.php dengan aplikasi Dreamweaver yang sudah terinstal dan pastikan anda sudah me Manage Site dan membuat Koneksi database seperti tutorial sebelumnya. Masih didalam halaman Login.php , Buatlah Form Login seperti gambar dibawah.

Pastikan pada properties masing-masing textfield kita beri nama. Untuk Textfield username kita namakan “un” dan untuk Textfield Password kita namai dengan “pwd”

Selanjutnya buatlah recordset dengan nama bebas ( saya memakai nama loginpg), selanjutnya isi Connection dengan koneksi database yang telah kita buat. Pilih Table sesuai dengan table yang akan kita pakai ( disini kita memakai table USR), lakukan test jika ingin memastikan hasilnya. Kemudian klik OK

Kemudian masuk ke menu Insert dan pilih Log In User sehingga muncul tampilan seperti gambar di bawah
 

Isi “Get Input From Form” dengan nama form yang telah kita buat pada halaman login.php, disini saya isi dengan form User, selajutnya isi Username Field dan Password Field dengan nama Textfield yang telah kita buat sebelumya.
Isi Validate Using Connection dengan koneksi database yang telah kita buat ( Disini koneksinya adalah “Konek”), selanjutnya isi Table dengan nama table yang berisi data user yang telah kita buat sebelumnya. Isi Username Column dan Password Column masing-masing dengan nama Kolom pada database “USR” disini kita isi dengan kolom “USRNAME” dan “PWD”.
“If Login Succeeds Go To”  isi dengan browse file yang telah kita buat jika Login sukses. (Log-Sukses.php)
 “If Login Fails Go To”  isi dengan browse file yang telah kita buat jika Login gagal (Log-Gagal.php)
Seperti gambar dibawah.

    

Selanjutnya test di browser anda , masukkan username dan password yang benar jika berhasil anda akan menuju ke halaman log-sukses.php dan jika gagal anda akan menuju ke log-gagal.php
 

OK.. Dreamweaver Tutorial tentang Cara membuat Login Page berbasis PHP dengan Dreamweaver telah selesai. SELAMAT MENCOBA.. !!

Dreamweaver Tutorial - Membuat Koneksi Database MySQL dengan Dreamweaver

Dreamweaver Tutorial kali ini akan share tentang cara membuat Koneksi Database MySQL dengan Dreamweaver Untuk menampilkan data dari database hal yang perlu kita persiapkan adalah membuat koneksi antara Database dengan Web Editor dalam hal ini kita memakai Adobe Dreamweaver CS5. Oke langsung saja buka Dreamweaver CS5 dan buat file baru simpan dengan ekstensi PHP. Selanjutnya pilih mode APP Developer Plus agar menu Database muncul

Selanjutnya klik menu Database dan klik tanda +

 Isi Connection Name dengan nama bebas, kemudian isi MySQL Server dengan alamat server Databasenya disini kita memakai alamat localhost yaitu 127.0.0.1, kemudian isi Username dan Password sesuai instalasi Database yang sudah kita lakukan, selanjutnya pilih Database yang akan kita olah.

Silahkan melakukan testing untuk memastikan koneksinya sukses, selanjutnya klik OK

Sampai disini koneksi Database MySQL sudah berhasil kita buat, dan hasilnya seperti gambar dibawah. 

Dreamweaver Tutorial tentang cara Membuat Koneksi Database MySQL dengan Dreamweaver telah selesai. Selamat mencoba

Dreamweaver Tutorial - Cara membuat Digit Angka Dengan Dreamweaver

Hallo Dreamweaver Tutorial kali ini akan share tentang Cara membuat Digit Angka Dengan Dreamweaver Jika kita sudah bisa membuat dan menampilkan data pada web dan ingin menampilkan digit angka ratusan, ribuan dan jutaan ada cara mudah yaitu dengan format number di Dreamweaver. Silahkan mencoba tutorial berikut.

Buat file baru dan selanjutnya buat recordset yg berisi data angka, preview di browser sehingga hasilnya seperti gambar berikut 

 Selanjutnya pada halaman design nya pilih data yang akan dirubah, selanjutnya pada menu Application -- Binding -- Selected (NONE) di klik dan pilih Number -- Rounded To Integer

Silahkan simpan dan preview di Browser anda sehingga muncul hasil seperti gambar dibawah.

Jangan lupa format number seperti diatas akan error jika data yang ditampilkan berupa null atau data kosong, sehingga untuk menyiasati hal tersebut, data null bisa diganti dengan nilai 0. OK Dreamweaver Tutorial  tentang Cara membuat Digit Angka Dengan Dreamweaver sudah selesai. Selamat mencoba

Dreamweaver Tutorial - Cara Membuat Koneksi Ke Database MySQL Dengan Dreamweaver

Jika ingin membuat sebuah web dinamis berbasis PHP maka kita harus membuat koneksi ke database untuk menampilkan data dari dalam database tersebut ke dalam browser. Dreamweaver Tutorial kali ini akan share tentang Cara membuat koneksi database MySQL Dengan Dreamweaver  tanpa menggunakan coding sama sekali . Kita hanya memerlukan beberapa software dan tool diantaranya yaitu :

• Macromedia Dreamwever
• MySQL Connector ODBC

Yang perlu dilakukan pertama kali yaitu meng install MySQL Connector ODBC, kemudian memastikan kita sudah melakukan "Manage Site" terlebih dahulu. Jika anda belum tau bagaimana cara "Manage Site" anda bisa membaca artikel sebelumnya yang berjudul "Membuat Web Dinamis Berbasis PHP Dengan Dreamweaver - Define Site".

Setelah melakukan "Manage Site" buatlah sebuah file PHP baru dan simpan ke dalam direktori sesuai settingan "Manage Site" yang telah dibuat. Dalam hal ini sesuai contoh sebelumnya kita simpan di directory "C:/xampp/htdocs/latihan" dengan nama "coba.php"

Selanjutnya pada menu sebelah kanan " Aplication" pilih tab "Database" kemudian klik tanda (+) , kemudian pilih "MySQL Connection" seperti gambar dibawah

Selanjutnya isi form "Conection Name" dengan nama koneksi yang diinginkan disini sebagi contoh saya beri nama "konek". Selanjutnya isi form MySQL server dengan isian "localhost" karena dalam hal ini server MySQLnya diinstall di PC lokal kita sendiri. Selanjutnya isi form "Username" dan "Password" dengan username dan password database MySQL yang telah kita buat sebelumnya. Selanjutnya form database kita klik button "Select" sehingga akan muncul beberapa database yang ada di MySQL, dalam contoh dibawah kita memilih database "db". Setelah form terisi semua klik tombol "OK"

OK anda sudah berhasil membuat koneksi ke database MySQL. Selamat Mencoba