14 Langkah Bagaimana menggunakan fungsi DIV dengan dreamweaver

Kali ini Web Dinamis akan menshare tentang Tutorial tentang bagaimana menggunakan fungsi DIV dengan Dreamweaver. Untuk tutorialnya bisa dilihat dengan video berikut

Semoga bisa bermanfaat untuk teman-teman semua. Selamat mencoba

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

Ping Blog atau situs kita dengan PINGOMATIC

Menurut kamus wiki Ping adalah adalah sebuah program utilitas yang dapat digunakan untuk memeriksa konektivitas jaringan berbasis teknologi Transmission Control Protocol/Internet Protocol (TCP/ IP). Dengan menggunakan utilitas ini, dapat diuji apakah sebuah komputer terhubung dengan komputer lainnya. Hal ini dilakukan dengan mengirim sebuah paket kepada alamat IP yang hendak diuji coba konektivitasnya dan menunggu respon darinya.

Ping itu bisa di ibaratkan sebagai kendaraan. Apa hubungannya dengan gambarkan Ping itu seperti “Kendaraan” ? Kendaraan tersebut akan menjemput artikel atau postingan terbaru kita dan mengantarkannya kerumah (database) google, yahoo, bing, ask dan search engine lainnya. Hebatnya angkutan umum (ping) mengantarkan artikel atau posting anda hanya dalam waktu 40 detik saja. Angkutan umum yang Super kilat.

Manfaat dan fungsi dari ping adalah dengan waktu yang singkat tersebut maka artikel yang kita posting akan langsung terbaca oleh Mbah Google dan Search Engine lainnya.

Website Ping Service

Ada banyak website yang menyediakan ping service dari yang FREE sampai yang PREMIUM di antaranya sebagai berikut:

FREE

www.mypagerank.net/service_pingservice_index
www.pingmylink.com/submit/
freepingservice.com/
ping4free.com/

PREMIUM

pingler.com/

dan yang terahir dan yang saya rekomendasikan pada anda sekaligus yang akan saya bahas kali ini yaitu:

pingomatic.com

kenapa saya merekomendasikan anda menggunakan pingomatic.com/ kenapa tidak yang lain yang saya sebutkan di atas ? Tentu saja Karena pingomatic.com sendiri adalah bagian dari WORDPRESS FOUNDATION yang mana sudah tidak diragukan lagi dan pastinya gratis heheh.. Berikut contoh submit blog di Pingomatic.com

Setelah mengis form seperti gambar diatas silahkan submit. Selamat mencoba

Dreamweaver Tutorial - Cara Membuat Restrict Access To Page

Hallo kali ini Dreamweaver Tutorial akan share tentang Cara Membuat Restrict Access To Page.Fungsi dari Restrict Access adalah untuk mencegah agar halaman tidak di shortcut, sebagai ilustrasi adalah ketika kita login dalam sebuah situs maka setelah kita login akan diarahkan ke suatu halaman tertentu. Misalkan kita masuk ke halaman login.php , jika login kita sukses kita akan diarahkan ke halaman-utama.php sedangkan jika gagal akan diarahkan ke login-gagal.php, untuk menghindari user langsung mengakses halaman-utama.php maka dibuatlah fungsi Restrict Access To Page ini, sehingga semua user untuk mengakses halaman-utama.php hanya lewat satu pintu yaitu halaman login.php.
Oke langsung saja Dreamweaver Tutorial - untuk membuat fungsi Restrict Access ini,  kita buat file baru yaitu akses-terbatas.php yang berfungsi untuk menampilkan jika kita tidak berhak membuka halaman-utama.php tanpa melakukan login terlebih dahulu. Isi dengan tulisan "Akses Terbatas" seperti contoh gambar dibawah

 Selanjutnya buka halaman-utama.php, kemudian klik menu Insert --> Data --> User Authentication --> Restrict Access To Page

 
Sehingga akan muncul tampilan seperti gambar dibawah, Pilih Restrict Based On dengan Opsi Username and Password, selanjutnya pada opsi If Access Denied Go To pilih file akses-terbatas.php yang telah kita buat sebelumnya. Selajutnya klik OK 

Selanjutnya klik menu Insert --> Data --> User Authentication --> Log Out User seperti tampilan gambar dibawah

Pilih Log Out When dengan opsi Link Clicked “Log Out” dan isi When Done Go To dengan file login.php selanjutnya klik OK

Segera Save dan test di browser anda dengan memulai dari halaman login.php. OK Dreamweaver Tutorial tentang Cara Membuat Restrict Access To Page telah selesai. Selamat Mencoba

Dreamweaver Tutorial - Cara Membuat Update Page Berbasis PHP Dengan Dreamweaver

Apa kabar semua..?? Dreamweaver Tutorial Kali ini akan menshare tutorial tentang Cara Membuat Update Page Berbasis PHP Dengan Dreamweaver .. oke langsung aja ya..

Buatlah 3 buah file yaitu data.php , update.php dan update-sukses.php  dan disimpan di folder dalam webserver , disini kita simpan pada folder c:/xampp/htdocs/belajar. Seperti  gambar di bawah.

Selanjutnya buka data.php, buatlah recordset beri nama “Data” pilih koneksi yang telah kita buat sebelumnya dan pilih table “USR” sebagai table yang datanya yang ingin ditampilkan.

 
Selanjutnya klik menu Data --> Dynamic Data --> Dynamic Table untuk menampilkan data pada halaman web

Selanjutnya akan muncul tampilan seperti gambar berikut, pilih recordset yang ingin ditampilkan kemudian ada 2 opsi yaitu “Show” dan “All Records” disini fungsi “All Records” yaitu menampilkan semua record dalam suatu table. Jika jumlah record ratusan atau bahkan ribuan lebih baik kita memilih opsi “Show” kemudian isi dengan jumlah record yang ingin kita tampilkan dalam satu tampilan halaman. Klik OK

Hasilnya akan muncul tampilan seperti gambar di bawah. Tambahi 2 kolom sebelah kanan yang nantinya berfungsi untuk melakukan update. Disini saya tambahi kolom “DATA” yang berisi menu untuk “Update” dan “Delete”

Blok menu “Update” dan pada Properties Link nya browse file Update.php yang akan dijadikan link halaman untuk update. Setelah memilih file Update.php, klik “Parameters”

Isi “Name” dengan nama parameter yang diinginkan, disini saya beri nama “ID” , selanjutnya pada klik pada “Value” dan pilih Field ID sebagai value nya. Selanjutnya klik OK dan sekali lagi pilih OK sampai Link Properties nya menutup, sehingga tampilan seperti gambar dibawah.

Coba priview di browser dengan menekan F12 sehingga tampilan seperti gambar dibawah

Selanjutnya buka file update.php , buat recordset dengan memilih Table “USR” sebagai table yang akan di edit. Beri nama recordsetnya dengan nama bebas, pilih koneksi dan table yang akan dipakai. Selanjutnya pada “Filter” pilih Field yang digunakan sebagai parameter yang telah kita buat sebelumnya. Disini kita pilih “ID” dan “URL Parameter” juga diisi dengan “ID” kemudian klik OK.

Setelah kita membuat recordset, selanjutnya pilih menu Data --> Update Record -->dan Record Update Form Wizard

Selanjutnya akan muncul tampilan seperti gambar berikut di bawah. Isi “Connection” dengan pilihan koneksi yang telah kita buat, selanjutnya “Table To Update” isi dengan opsi Tabel yang akan kita update. “Select Record From” isi dengan recordset yang telah kita buat. “Unique Key Column” isi dengan Parameter yang kita buat sebelumnya yaitu ID. Setelah itu “After Updating Go To” browse file untuk memilih halaman yang akan kita tuju ketika berhasil melakukan update record. Selanjutnya klik “OK”

Setelah melakukan langkah seperti gambar diatas maka akan muncul hasil seperti gambar di bawah.

Selanjutnya langkah terakhir yaitu membuka file update-sukses.php. Klik menu Insert --> HTML --> Head Tags --> Refresh seperti contoh dibawah

Isi “Delay” dengan waktu yang diinginkan selanjutnya klik “OK” , langkah ini berfungsi merefresh halaman dan men redirect ke halaman yang akan kita tuju yaitu data.php

Ok sekarang saatnya mengetest halaman yang telah kita buat. Buka alamat http://localhost/belajar/data.php sehingga muncul seperti gambar dibawah. Klik menu “UPDATE” yang akan me redirect ke halaman update.php

Silahkan update sesuai dengan data yang diinginkan, kemudian klik “Update Record” yang akan menuju halaman update-sukses.php dan me redirect kembali ke halaman data.php

OK Dreamweaver Tutorial - Cara Membuat Update Page Berbasis PHP Dengan Dreamweaver telah selesai . SELAMAT MENCOBA DAN SEMOGA BERHASIL..

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