membuat buku tamu dengan dreamweaver dan php

6
Belajar Bersama Membuat GuestBook di Dreamweaver 09.54 tips dan trik website No comments 1. Jalankan Macromedia Dreamweaver atau program lain yang biasa Anda gunakan untuk membuat Web. Kemudian buat file baru 2. Klik tombol Insert -> Table 3. Masukkan 5 pada Rows dan 2 pada Columns 4. Klik OK 5. Susun tabel supaya mirip dengan gambar berikut 6. Klik pada kolum sebelah kanan Nama, kemudian klik Insert -> Form -> Text Field 7. Jika muncul window berjudul Input Tag Accessibility Attributes pilih OK, jika muncul pertanyaan Add form tag?? pilih No 8. Sekarang terdapat Field Teks di samping Nama SOCIAL PROFILES POPULAR POSTS kumpulan SCRIPT HTML Free Script - Script HTML for you.. ni kumpulan script yg gue inget wktu plajaran webdign .. 1.Text jalan/bolak-balik: 2.Text m... Membuat GuestBook di Dreamweaver 1. Jalankan Macromedia Dreamweaver atau program lain yang biasa Anda gunakan untuk membuat Web. Kemudian buat file baru 2. Klik tombol In... Belajar Membuat Landing Page Belajar Membuat Landing Page Landing Page adalah sebuah halaman situs sederhana yang berisikan berbagai informasi mengenai suatu ... LABELS Belajar Bersama (18) internet marketing (2) teori MM (2) tips dan trik website (6) ARSIP BLOG 2013 (21) Mei (6) April (6) Cara Membuat Template Blog Menjadi SEO Friendly cara mencegah click kanan pada blog Membuat GuestBook di Dreamweaver HTML Landing Page Belajar Membuat Landing Page Cara Membuat Redirect Link Pada Blog Maret (3) Februari (5) Januari (1) Search Popular Tags Blog Archives HOME TUTORIAL DOWNLOADS PARENT CATEGORY ARTIKEL HEALTH BUKU TAMU Generated with www.html-to-pdf.net Page 1 / 6

Upload: richard-abraham

Post on 25-Oct-2015

252 views

Category:

Documents


24 download

DESCRIPTION

Membuat buku tamu dengan php

TRANSCRIPT

Page 1: Membuat Buku Tamu Dengan Dreamweaver Dan Php

55

Belajar Bersama

Membuat GuestBook di Dreamweaver 09.54   tips dan trik website   No comments

1. Jalankan Macromedia Dreamweaver atau program lain yang biasa Anda gunakan

untuk membuat Web. Kemudian buat file baru

2. Klik tombol Insert -> Table

3. Masukkan 5 pada Rows dan 2 pada Columns

4. Klik OK

5. Susun tabel supaya mirip dengan gambar berikut

6. Klik pada kolum sebelah kanan Nama, kemudian klik Insert -> Form -> Text Field

7. Jika muncul window berjudul Input Tag Accessibility Attributes pilih OK, jika muncul pertanyaan Add form tag?? pilih No

8. Sekarang terdapat Field Teks di samping Nama

SOCIAL PROFILES

POPULAR POSTS

kumpulan SCRIPT HTML

Free Script - Script HTML for you.. ni kumpulan script yg gue inget wktu plajaran webdign .. 1.Text jalan/bolak-balik: 2.Text m...

Membuat GuestBook di Dreamweaver

1. Jalankan Macromedia Dreamweaver atau program lain

yang biasa Anda gunakan untuk membuat Web. Kemudian buat file baru 2. Klik tombol In...

Belajar Membuat Landing Page

Belajar Membuat Landing Page Landing Page adalah sebuah halaman situs sederhana yang berisikan berbagai informasi mengenai suatu ...

LABELS

Belajar Bersama (18)

internet marketing (2)

teori MM (2)

tips dan trik website (6)

ARSIP BLOG

2013 (21)

Mei (6)

April (6)

Cara Membuat Template Blog Menjadi SEO Friendly

cara mencegah click kanan pada blog

Membuat GuestBook di Dreamweaver

HTML Landing Page

Belajar Membuat Landing Page

Cara Membuat Redirect Link Pada Blog

Maret (3)

Februari (5)

Januari (1)

Search

Popular Tags Blog Archives

HOME TUTORIAL DOWNLOADS PARENT CATEGORY ARTIKEL HEALTH BUKU TAMU

Generated with www.html-to-pdf.net Page 1 / 6

Page 2: Membuat Buku Tamu Dengan Dreamweaver Dan Php

9. Lakukan hal yang sama pada bagian E-Mail dan Judul Pesan

10. Jika sudah klik kolom sebelah kanan kolom Pesan

11. Klik Insert -> Form Textarea

11. Jika muncul window berjudul Input Tag Accessibility Attributes pilih OK, jika muncul pertanyaan Add form tag?? pilih No

12. Sekarang terdapat Field Area di samping Pesan

13. Klik kanan pada Text Area kemudian klik Properties

14. Pada Char width isi 28, pada Num Lines 8, pada TextField isi pesan

15. Klik kolom yang berada di bawah Text Area

16. Klik Insert -> Form -> Button

FOLLOW BY EMAIL

RECENT POSTS

Amazon.com

Widgets

DOWNLOAD

Amazon.com Widgets

Submit

Generated with www.html-to-pdf.net Page 2 / 6

Page 3: Membuat Buku Tamu Dengan Dreamweaver Dan Php

17. Jika muncul window berjudul Input Tag Accessibility Attributes pilih OK, jika muncul pertanyaan Add form tag?? pilih No

18. Sekarang sebuah tombol telah terbentuk

Ini adalah gambar Form yang sudah jadi

Sebuah Form telah kita bentuk, sekarang kita harus mengatur proses kerja Form, ikuti

langkah berikut

1. Pindah ke Tab Code

2. Carilah tulisan kode 

3 . K e t i k k a n k o d e < f o r m a c t i o n = " k i r i m P e s a n . p h p " m e t h o d = " p o s t "

enctype="multipart/form-data">

pada bagian atas

4. Kemudian carilah tulisan kode 

5. Pada bagian bawahnya, ketikkan skrip </form>

6. Cari kode <title>Untitled Document</title> kemudian pada Untitled Document di ganti dengan Buku Tamu

7. Pindah ke tab Design

8. Klik kanan Text Field pada bagian Nama kemudian pilih properties 

Generated with www.html-to-pdf.net Page 3 / 6

Page 4: Membuat Buku Tamu Dengan Dreamweaver Dan Php

 

Pada bagian Text Field isi dengan nama 

 

9. Klik kanan Text Field pada bagian E-Mail kemudian pilih properties 

 

Pada bagian Text Field isi dengan email   

10. Klik kanan Text Field pada bagian Judul Pesan kemudian pilih properties 

  Pada bagian Text Field isi dengan judulPesan 

 

Save file dengan nama form.php 

Form dan Prosesnya telah selesai dibuat, sekarang saatnya membuat kode PHP yang

akan menyimpan data yang dimasukkan dari halaman Form.

1. Buat sebuah file baru, pilih tab Code kemudian hapus semua kode yang ada

2. Ketik kode di bawah ini

=============================================

<?php

$sql=mysql_connect("localhost","root","");

mysql_select_db("proyekPHP",$sql);

$nama=$_POST['nama'];

$email=$_POST['email'];

$judulPesan=$_POST['judulPesan'];

$pesan=$_POST['pesan'];

$entri=mysql_query("INSERT INTO bukutamu VALUES

('$nama','$email','$judulPesan','$pesan')",$sql);

if($entri){

print("Terimakasih $nama, Pesan Anda sudah kami simpan<br>");

include("form.php");

Generated with www.html-to-pdf.net Page 4 / 6

Page 5: Membuat Buku Tamu Dengan Dreamweaver Dan Php

} else {

print("Terdapat kesalahan<br>");

}

?>

==================================================

Save file dengan nama kirimPesan.php

Oke mari kita cek lagi, Form telah dibuat, Skrip PHP telah dibuat, maka langkah

terakhir adalah menyiapkan database yang akan menyimpan Pesan yang dimasukkan.

Sebelumnya Anda harus menginstal MySQL, biasanya server lokal seperti Xampp

sudah menyediakan service install MySQL saat melakukan penginstalan, sehingga

tidak menyulitkan Anda untuk mencari MySQL.

Jika MySQL sudah siap, lakukan langkah berikut.

1. Masuk ke localhost  

2. Klik phpMyAdmin

3. Pada Create new database masukkan proyekPHP, kemudian klik Create

4. Pada Create new table on database proyekPHP masukkan bukutamu, pada Number

of fields masukkan 4, kemudian klik Go

5. Masukkan field dan Type sesuai dengan gambar berikut

6. Jika sudah klik Save

7. Sekarang table bukutamu yang berfungsi untuk menyimpan pesan telah tercipta

Lakukan ceklist!!!

-Form= Sudah

-Skrip PHP=Sudah

Generated with www.html-to-pdf.net Page 5 / 6

Page 6: Membuat Buku Tamu Dengan Dreamweaver Dan Php

66

 

Copyright © 2011 Belajar Bersama | Powered by Blogger

Design by NewWpThemes | Blogger Theme by Lasantha - Premium Blogger Themes | Virtual Private Server

-Database=Sudah

Oke semuanya sudah kita buat, sekarang lakukan test. 

0 komentar:

Poskan Komentar

Langganan: Poskan Komentar (Atom)

Beranda Posting Lebih Baru Posting Lama

PAGES

Beranda

DOWNLOAD

PROFIL

Generated with www.html-to-pdf.net Page 6 / 6