Tampilkan postingan dengan label Web Tanpa Coding. Tampilkan semua postingan
Tampilkan postingan dengan label Web Tanpa Coding. Tampilkan semua postingan

Jumat, 03 Agustus 2012

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 .. !!!

Senin, 02 Juli 2012

Dreamweaver Tutorial - Cara Membuat Koneksi ODBC Oracle

Dreamweaver Tutorial kali ini akan share tentang Cara Membuat Koneksi ODBC Oracle. Untuk menghubungkan antara web berbasis ASP dengan dengan database, kita harus membuat koneksi terlebih dahulu dengan database tersebut, pada tutorial kali ini saya kebetulan memakai Oracle database, ok langsung aja kita buka Control Panel dan masuk ke Administrative Tools
 

kemudian setelah itu pilih Data Source (ODBC)





Klik pada Tab System DSN kemudian Add , selanjutnya pilih Microsoft ODBC For Oracle dan klik Finish


Selanjutnya isi Data Source Name dengan nama bebas, isi username dan Server sesuai dengan user dan nama server database oracle, selanjutnya klik OK





Ok, sampai disini Dreamweaver Tutorial tentang Cara Membuat Koneksi ODBC Oracle sudah selesai, selanjutnya kita sudah bisa membuat web dinamis berbasis ASP.. See U in the next tutorial.. :)

Kamis, 28 Juni 2012

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

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"
  11.  
    Dreamweaver Tutorial untuk "Define Site" berbasis PHP sudah selesai selanjutnya kita akan menginjak ke tutorial kedua ... ok!! See U in the next tutorial