Prodi Sistem Informasi | Belajar HTML dan PHP | Skripsi SI
Pesantren Katabah
1000 Penghafal Quran
Pengobatan Ruqyah Mandiri
Sistem Informasi (S1)
Manajemen Informatika
Blog | Kontak | Siap Kerja | Sertifikat | PrivacyPolicy | Inggris Arab | Daftar Isi

Thursday, April 25, 2013

Belajar PHP menggunakan Notepad dan Dreamweaver



Belajar PHP menggunakan Notepad dan Dreamweaver


Halo teman-teman…!
Pada tutorial ini, saya sedang belajar membedakan antara Notepad dan Dreamweaver untuk mengetik script PHP secara praktis. Sebagaimana kita ketahui bahwa Macromedia Dreamweaver itu berbasis GUI, sedangkan Notepad itu berbasis teks.


Terkait dengan mudah atau sulitnya, orang-orang lebih sering mengatakan bahwa Dreamweaver itu lebih mudah dari Notepad. Tapi Notepad dapat membuat kemampuan penulisan script kita lebih bagus, karena 100% kita menulis scriptnya, bukan mengklik menu dan ikon yang tersedia seperti dalam Dreamweaver

Mari saya praktekkan!
DREAMWEAVER
1.      Buka Dreamweaver
2.      Insert – Table
3.      Lakukan setting berikut:
Column: 2
Row: 3
4.      Klik cell A1, ketik: Name
5.      Klik cell A2, klik: Blog
6.      Klik cell B1, Insert – Form – Text Field – OK
7.      Klik cell B2, Insert – Form – Text Field – OK
8.      Klik B3, Insert – Form – Button – OK
9.      Simpan dengan file name: dreamweaver1.php
10.  Kita akan mendapatkan hasil di bawah ini:

Aktivitas kita dalam Dreamweaver sudah selesai. Kemudian, kita akan membuat desain pada Notepad.

NOTEPAD
1.      Buka Notepad (Start – All Programs – Accessories – Notepad)
2.      Ketik script ini:

<html>
<head>
<title>Untitled Document</title>
</head>

<body>
<form id="form1" name="form1" method="post" action="">
  <table width="200" border="1">
    <tr>
      <td>Name:</td>
      <td><input type="text" name="textfield" /></td>
    </tr>
    <tr>
      <td>Blog:</td>
      <td><input type="text" name="textfield2" /></td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td><input type="submit" name="Submit" value="Submit" /></td>
    </tr>
  </table>
</form>
</body>
</html>

3.      Simpan dengan file name: notepad_dreamweaver.php
4.      Buka WampServer
5.      Buka Firefox
6.      Pada address bar, ketik: http://localhost/100ori/notepad_dreamweaver.php
7.      Enter
8.      Hasilnya:


OK, itulah tutorialku. Semoga berhasil!


***


Diterjemahkan dari tutorialku:
Komarudin Tasdik. 2013. Learning PHP Using Notepad and Dreamweaver. 100keyboard.blogspot.com.
"Boleh Konsultasi Masuk Jurusan Sistem Informasi via IG atau Tiktok."
Tips Skripsi Program Studi Sistem Informasi

2 comments: