Rabu, 31 Juli 2013

Tutorial Membuat Web :)

Ada 3 cara dalam membuat web ,salah satunya dengan menggunakan 3 aplikasi yaitu

  1. Dreamweaver cs6
  2. PHPdsignr
  3. NetBin
langkah awal yang harus di lakukan sebelum ke aplikasi adalah
    • pastikan xampp anda telah aktif atau tidak eror
    • lalu buka folder  xampp - htdocs - buat folder dengan nama pratikumPHP21
setelah anda membua folder tersebut maka mulailah kita akan membuat web dengan beberapa aplikasi di atas

  • pertama saya akan menjelaskan tutorial dengan menggunaka Dreamweaver cs6 :



1. Pertama buka Dreamweaver CS6 anda,lalu klik new site 




2. lalu isi data seperti pada data di atas, isi server name atau site name dngan nama pratikumPHP21 atau sesuai dngan nama folder yang telah anda buat di xampp

3. ketik script seperti contoh  gambar diatas 


4.karena kita akan menampilkan sebuah biodata,agar terlihat rapi maka gunakan tabel 
klik insert - table


5. isi rows dan culomns sesuai yang anda butuhkan 






6. setelah menyetting tabel maka,akan tampil seperti pada script di atas.
isi   menjadi script seperti d bawah ini




7. setelah itu simpan dengan nama sesuka anda misal "helloworld.php" di folder pratikumPHP21 yang sudah anda buat di xampp.
8. untuk mengetahui hasil maka buka browser anda dengan cara membuka localhost dan di ikuti dengan alamat di mana tempat kita menyimpan,contohnya : http://localhost/pratikumPHP21/helloworld1.php

dan hasilnya seperti ini 


  • selanjutnya saya akan menjelaskan tutorial dengan menggunakan PHPDsigner :



1. langkah awal yang harus dilakukan adalah buka aplikasi PHPdsigner kamu,lalu klik
  project - project manager 



2. lalu akan muncul tampilan seperti di atas isi project tittle dengan pratikumPHP21 ( sesuai folder yang telah anda simpan di ampp),lalu klik next


3.isi kolom dimana letak folder yang anda buat di xampp,atau klik titik-titik 3,klik next


4. klik next


5.klik next


6. isi tabel seperti pada gambar local peth diisi dimana anda membuat folder di ampp,isi port 80 atau sesuai settingan anda.



7. tulis script seperti gambar diatas.



9. lalu klik Run maka anda akan melihat hasilnya seperti pada gambar diatas


  • Dan yang terakhir saya akan menjelaskan kepada anda tutorial dengan menggunakan NetBin :

1. buka aplikasi NetBin anda,lalu klik file - New Project


2. lalu pilih PHP Aplication with existing Sources,seperti pada gambar di atas dan klik next


3. isi sources folder,dan klik next


4. isi tabel seperti di atas dan klik Finish




5. cari folder yang sudah ada di sebelah kanan dan untuk mengetahui hasil gunakan shortcut shift + F6



Terima kasih selamat mencoca,Semoga bermanfaat :)