TEMPLATE CUSTOM DENGAN DREAMWEAVER

Sahabat pembaca yang baik hatinya, izinkan saya berbagi tentang segenap pengetahuan tentang pembuatan template custom dari dreamweaver (bisa saja anda terapkan pada macromedia dreamweaver MX 2004 atau versi di atasnya misal : adobe dreamweaver versi XXX). Sebelumnya bagi sahabat sekalian yang sering mendesain layout web yang ditugaskan oleh Guru ataupun sebagai Pekerjaan Rumah, tentunya lebih memilih untuk mendesain sendiri atau secara custom dari pada download template yang tersedia gratis (free) di internet, dengan alasan :

1. Desain yang dibuat oleh tangan sendiri menjadi kenangan dan kebanggaan tersendiri meski hasil tidak menyerupai template gratisan.
2. Rasa percaya diri saat menjawab dan menerangkan layout template kepada teman, dosen atau penilai web yang anda buat (khususnya bagi mahasiswa ni)
3. Desain bebas untuk dikreasikan oleh creator template. Dan yang ke -
4. Semakin sering anda meng-custom semakin banyak anda berlatih dan bertambah ilmu desain anda meski pun autodidak.

Ok langsung saja, tanpa berbasa basi, pada kasus ini kita akan membuat sebuah layout template sederhana seperti gambar di bawah ini :

Catatan : Sebelumnya anda harus membuat site untuk web anda

upload, edit dan delete foto dengan php mysql menggunakan Dreamweaver

Proses pembuatan apliakasi web yang mempunyai layanan penyimpanan foto dengan menggunakan php dan database mysql secara custom dapat kita lakukan dengan memakai salah satu tool yaitu Dreamweaver, sekarang dimiliki Adobe dan dibawah lisensinya.
Tutorial kali ini adalah untuk melengkapi tulisan dari tutorial Upload File Ke Database Dengan Dreamweaver, ni kelanjutannya telah dirilis, hehehe kayak album aja yah dirilis segala  , semoga tutorial ini bermanfaat untuk pembaca, dan lebih friendly… dan perlu di ketahui source code ini dibangun dengan cara pelangi, apaan tu cara pelangi? hehehe tu istilah aja loh…. gak usah dipening-peningkan maksudnya itu menggunakan cara campuran yaitu wizard dan customs dari macromedia.
ni preview aplikasinya :

Pada aplikasi web ini terdapat file :

1. index.php
2. upload.php
3. detail.php
4. edit.php
5. delete.php

sebagai catatan : pertama sekali anda harus membuat site pada aplikasi web yang akan anda coba ini.
langsung ajalah didownload… disini
hehehe di proteksi ya? ni passwordnya

Upload File Ke Database Dengan Dreamweaver

Dreamweaver adalah tool (editor web) yang sudah umum digunakan para web master, developer, ataupun pelajar sekalipun. Dengan memanfaatkan software ini untuk mendesain suatu tampilan web kita sudah tidak lagi harus puyeng dengan melihat tampilan teks melulu seperti di notepad. Eits tapi jangan salah kaprah notepad adalah editor yang pertama sekali anda kenal sebelum anda menggunakan editor-editor lain di versi windows.

Nah proses upload file ke database MySQL dapat kita lakukan dengan memanfaatkan kemudahan-kemudahan yang ada di dreamweaver, dengan catatan harus kenal dong pinomat ama perintah-perintah : html dan php dulu lah. Karena disini penulis mencoba untuk menerangkan gimana si memanfaatkan dreamweaver sebagai form ataupun media upload file.

1. Pertama sekali yang harus di pahami adalah :
   • Direktory penyimpanan web anda :
     Misalnya : Drive “C:Xampp htdocs webku”
     Anda harus membuat direktori untuk penampung hasil file yang diupload di dalam folder webku, misalnya : file
   • Buatlah database baru dengan nama dbupload, lalu buatlah tabel dengan 3 field seperti dibawah ini :
     id merupakan primary key
   • Manajemen site (buat site anda) (tutorial download disini)
   • Koneksi database
   • Form upload beserta recordset nya.

Membuat Koneksi Database PHP MySQL di Dreamweaver

Membuat koneksi database PHP MySQL adalah langkah pertama sebelum Anda bekerja untuk membuat website dinamis. Pastikan Anda telah bisa membuat Site Definition sebelum Anda masuk ke materi ini.
Berikut adalah langkah-langkah membuat koneksi database PHP MySQL:

• Pastikan Anda membuka file dengan ekstensi PHP
• Klik Windows > Databases, maka akan muncul panel Databases.
• Klik Icon Plus (+) > MySQL Connection

• Isi beberapa parameter berikut ini.
• Connection name: koneksiku, Anda dapat memilih nama lain.
• MySQL Server: localhost, ini jika Anda bekerja di localhost
• User name: root, secara default Xampp menggunakan username root. Bisa jadi berbeda dengan konfigurasi web server di komputer Anda
• Password: , biarkan kosong kecuali Anda telah mensetting password di web server dan database Anda.
• Database: jwm, klik Select untuk memilih database. Klik OK

• Klik Test, jika muncul tulisan pop-up “Connection was made successfully”.
• Klik OK sekali lagi

Anda telah berhasil membuat koneksi database.