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 - 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 - Mempercantik Tabel Dengan Efek Mouse Over

Hallo semua, kali ini Dreamweaver Tutorial akan share mengenai cara Mempercantik Tabel Dengan Efek Mouse Over  sehingga terlihat lebih menarik. Langsung saja buat sebuah halaman baru kemudian simpan dan selanjutnya buat sebuah recordset seperti tutorial sebelumnya dan letakkan recordset hasil query tersebut dengan menu Dynamic Table sehingga tampilannya seperti gambar dibawah

Selanjutnya klik tabel propertiesnya, isi Border dengan nilai 1, CellSpace dengan nilai 0 dan Cellpad dengan nilai 3, kemudian letakkan tabel tersebut di tengah halaman dengan memilih Align Center sehingga terlihat seperti gambar dibawah

Selanjutnya masuk ke menu Application -- Server Behaviors -- Technocurve -- Alternate Row Colors Mouse Over

Isi First Color, Second Color dan MouseOver Color dengan warna berbeda dan isi Tr Tag dengan Tr[1], kemudian klik OK

Selanjutnya preview lewat browser sehingga tampilannya seperti gambar berikut

OK.. Dreamweaver Tutorial  mengenai cara Mempercantik Tabel Dengan Efek Mouse Over sudah selesai .. Selamat Mencoba .. !!!

Dreamweaver Tutorial - Cara Menampilkan Data Dari Database Dengan Dreamweaver - Part1

Dreamweaver Tutorial kali ini akan share mengenai cara Membuat Halaman Web Berbasis ASP . Setelah membuat koneksi ODBC dengan database oracle seperti tutorial "Membuat Koneksi ODBC Oracle" kita sudah bisa membuat halaman web dinamis. Langsung saja buka aplikasi Dreamweaver kemudian buat file baru , simpan dengan nama latih1.asp 

 Setelah disimpan,  di menu Application pada tab Database masih kosong sehingga kita harus membuat koneksi dengan database oracle. Selanjutnya klik tanda + pada tab Database pilih Data Source Name (DSN), isi Connection Name dengan nama bebas, kemudian pilih DSN dengan , Username dan Password sesuai dengan user database oracle, silahkan klik Test dan pastikan muncul Connection Was Made Successfully..

Sampai disini Dreamweaver Tutorial  mengenai cara  membuat koneksi di Web latihan sudah selesai. Di tutorial Dreamweaver selanjutnya kita akan membuat halaman yang menampilkan data dari database.. 

Dreamweaver Tutorial - Cara Define Site PHP

Pada Dreamweaver Tutorial kali ini saya akan share cara membuat Define Site PHP Jika ingin membuat web dinamis tanpa coding anda bisa memakai software handal yaitu dreamweaver.  Langkah pertama yang harus dilakukan yaitu " Define Site" dengan dreamweaver. Tapi sebelum melakukan define site, karena kita akan membuat web dinamis dengan berbasis PHP maka perlu kita ketahui supaya website kita bisa diakses maka kita perlu memastikan bahwa webserver yang akan kita gunakan sudah terinstall dan siap digunakan. Dalam hal ini webserver yang kita gunakan adalah XAMPP. Lakukan instalasi XAMPP , jika belum mempunyai software tersebut bisa didownload disini. Jika sudah diinstal maka bisa dilakukan dengan melakukan pengecekan yaitu :

• dilihat di direktori C:/xampp apabila direktori tersebut sudah ada berarti sudah terinstall
• Pengecekan selanjutya yaitu dengan membuka browser kemudian ketikkan alamat Localhost, maka akan muncul halaman xampp seperti gambar dibawah.
  

Jika kita sudah melakukan pengecekan diatas maka selanjutnya buat folder di dalam direktori "C:/xampp/htdocs/ " beri nama folder tersebut dengan "latihan" selanjutnya

1. Buka aplikasi Dreamweaver nya, dalam hal ini saya memakai Dreamweaver versi 8 karena lebih mudah dipahami dan interface nya tidak serumit Adobe Dreamweaver CS5
   
2. Selanjutnya dijendela menu sebelah kanan di bagian Files silahkan diklik "Manage site"
   
3. Selanjutnya akan muncul jendela baru seperti gambar dibawah, kemudian klik "New" kemudian pilih "Site"
   
4. Selanjutnya akan muncul jendela baru silahkan isi kolom "What would you like to name your site" dengan nama website yang diinginkan, dalam hal ini saya isi dengan nama "Latihan", selanjutnya isi kolom "What is the HTTP Address (URL) of your site ?" dengan url website kita. dalam hal ini saya isi dengan "http://localhost/latihan". Jika pc atau server kita mempunyai IP statis maka kita bisa ganti localhost dengan IP PC kita. misalkan diisi deng "http://127.0.0.1/latihan"
   
5. Akan muncul jendela baru seperti gambar dibawah. kemudian silahkan pilih opsi  "Yes i want to use a server technology" dengan pilihan "PHP MySQL" kemudian klik next
   
   
6. Selanjutnya akan muncul jendela baru dan silahkan pilih "Edit and Test Locally(my testing server is on this computer)" dan isi kolom "Where dou you want to store your file" dengan browse direktori dimana kita akan meyimpan file webnya. Dalam hal ini kita browse direktori "C:/xampp/htdocs/latihan/" kemudian klik next
   
7. Selanjutnya akan muncul jendela dengan pertanyaan "What URL would you use to browse to the root of your site?" silahkan isi dengan "http://localhost/latihan" silahkan klik "Test URL" untuk memastikan bahwa settingan sudah benar
   
8. Selanjutnya akan muncul jendela baru dengan pertanyaan "When you are done editing ... dst" pilih "No" selanjutnya klik "next"
   
9. Selanjutnya akan muncul jendela baru yang menginformasikan tentang Semua settingan yang telah kita pilih sebelumnya yaitu tentang "Local info", "Remote Info", "Testing Server" selanjutnya klik "Done"
   
10. Selanjutnya akan muncul jendela bahwa kita sudah berhasil melakukan "Define site" selanjutnya klik "Done"
    
 

Dreamweaver Tutorial untuk "Define Site" berbasis PHP sudah selesai selanjutnya kita akan menginjak ke tutorial kedua ... ok!! See U in the next tutorial