02/08/13

Praktikum PHP1 - Membuat Site, Servers, dan Program PHP menggunakan Dreamweaver

Kali ini saya akan memposting cara membuat program PHP menggunakan Adobe Dreamweaver CS6. Langsung saja ya..

1. Pertama-tama sebelum anda membuat program tersebut, anda harus menginstal software Adobe Dreamweaver CS6 dan software XAMPP. Pada XAMPP instal Apache service dan start action. Jika sudah, buka folder XAMPP di Windows (C:), lalu buat folder bernama PraktikumPHP21 di dalam folder htdocs. Setelah itu ikuti langkah-langkah di bawah ini :



2. Buka aplikasi Adobe Dreamweaver CS6 dan pilih project PHP.


3. Pada toolsbar Site pilih New site.


4. Setelah itu akan muncul tampilan seperti gambar di atas. Lalu ketikkan sesuai gambar. Sebelum disave klik pada servers.


5. Maka akan muncul tampilan di atas. Klik pada Add new Server.



6. Ketikkan sesuai pada gambar di atas. Setelah selesai maka tekan save.


7. Klik kanan pada folder bernama praktikumPHP21 di sisi kanan layar dan buatlah File baru.


8. Rename file anda dengan nama ‘helloworld.php’ seperti gambar di atas.


9. Lalu buka project anda yang berjudul ‘helloworld.php’.


10. Ketikkan script :
<?php

/**
 * @author DonJeck
 * @copyright 2013
 */
echo"Hello World, My name is NURHALIZA
<br>
<br>
<H2>
DATA DIRI
</H2>
<font face='andalus'>
<table width='700' height='200' border='0' >
<tr>
<td width='50'>&nbsp;</td>
<td width='200' height='5'>NAMA LENGKAP</td>
<td>:</td>
<td width='500'> NURHALIZA</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>NAMA PANGGILAN</td>
<td>:</td>
<td>ICA</td>
</tr>
<tr>
<td>&nbsp;</td>
<td> TTL</td>
<td> :</td>
<td>MALANG, 19 MEI 1997</td>
</tr>
<tr>
<td>&nbsp;</td>
<td> Asal SMP</td>
<td>:</td>
<td>SMPN 10 MALANG</td>
</tr>
<tr>
<td>&nbsp;</td>
<td> Alamat</td>
<td>:</td>
<td>Jl. Simpang Dirgantara 3 B4 No.8</td>
</tr>
<tr>
<td>&nbsp;</td>
<td> Tinggi/Berat</td>
<td>:</td>
<td>166 cm/40 kg</td>
</tr>
<tr>
<td>&nbsp;</td>
<td> Cita-cita</td>
<td>:</td>
<td>PENULIS</td>
</tr>
<tr>
<td>&nbsp;</td>
<td> Agama</td>
<td>:</td>
<td>ISLAM</td>
</tr>
<tr>
<td height='21'>&nbsp;</td>
<td> Hobi</td>
<td>:</td>
<td>MENULIS</td>
</tr>
</table>
</font>";


?>


11. Buka link pada browser anda sesuai dengan server yang telah anda buat. Maka hasil akhir dapat anda lihat seperti pada gambar di atas.



Sekian postingan saya hari ini. semoga bermanfaat. :)


Follow me on twitter: @ica_icem

Tidak ada komentar:

Posting Komentar