Membuat aplikasi berita sederhana berbasis PHP MySQL menggunakan Dreamweaver

Dalam tutorial kali ini, Anda akan belajar bagaimana membuat aplikasi berita sederhana berbasis PHP MySQL dengan menggunakan Dreamweaver. Tutorial ini menggunakan Dreamweaver CS4 dan XAMPP. Anda dapat menggunakan versi sebelum atau sesudahnya.

Pastikan Anda sudah terbiasa menggunakan PHP dan MySQL. Sebelum Anda masuk ke tutorial ini, pastikan Anda telah menyelesaikan tutorial:

  1. Membuat Site Definition di Dreamweaver CS5
  2. Membuat Koneksi Database PHP MySQL di Dreamweaver

Tutorial ini akan menggunakan 6 file utama untuk menampilkan berita, file-file tersebut adalah. Simpan ke-6 file tersebut dalam satu web root atau folder yang sama. Script awal dari ke-6 file ini akan disertakan di bawah:

  1. index.php, digunakan untuk menampilkan berita secara keseluruhan
  2. detail.php, digunakan untuk membaca dan melihat detail berita
  3. add_berita.php, digunakan untuk menambah dan menghapus berita
  4. edit_berita.php, digunakan untuk mengedit berita
  5. list_berita.php, digunakan untuk menampilkan listing berita
  6. delete_berita.php, digunakan untuk menghapus berita

Tutorial ini juga menggunakan satu tabel data yang disebut tabel berita yang disimpan dalam database blogs:

CREATE TABLE IF NOT EXISTS `berita` (
`id_post` int(5) NOT NULL AUTO_INCREMENT,
`judul` varchar(500) NOT NULL,
`kategori` varchar(100) NOT NULL,
`berita` text NOT NULL,
`updated` timestamp NOT NULL DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,
PRIMARY KEY (`id_post`)
) ENGINE=MyISAM DEFAULT CHARSET=latin1 AUTO_INCREMENT=1 ;

PERSIAPAN:

add_berita.php

Pastikan Anda telah membuat Site Definition dan koneksi database PHP MySQL (lihat script berita_conn.php di bawah). Langkah pertama kita akan mengerjakan file add_berita.php terlebih dahulu. Berikut ini adalah langkah-langkahnya:

  1. Buka file add_berita.php melalui Dreamweaver. Pastikan Anda bekerja dengan Design View
  2. Seleksi tulisan “Form tambah berita di sini”, lalu hapus tulisan tersebut.
  3. Klik Insert > Data Objects > Insert Record > Record Insertion Form Wizard. Lalu masukkan beberapa parameter berikut ini.
  4. Pilihlah menu-menu sesuai dengan berikut ini, Connection: berita_conn,lalu Table: berita, lalu After insertion, go to: list_berita.php (atau dengan mengklik Browse lalu pilih file list_berita.php.
  5. Pada pilihan Form fields, Anda akan melihat tanda plus (+) dan minus (-). Kita akan menggunakannya nanti. Di bawah Form field tersebut Anda akan melihat id_post, judul, kategori, berita dan updated.
  6. Pilih id_post, lalu klik tanda minus (-) karena kita tidak membutuhkannya.
  7. Lakukan hal yang sama pada updated. Kedua field tersebut tidak akan kita butuhkan karena secara otomatis akan digenerate oleh MySQL.
  8. Biarkan field judul sesuai default.
  9. Klik pada field kategori. Pada bagian bawah Anda akan melihat menuDisplay as: Text field, ubah Text field tersebut menjadi Menu melalui pop-up menu. Maka secara otomatis tulisan Menu Properties akan muncul di bawahnya. Klik Menu Properties tersebut, maka window Menu Propeties akan keluar.
  10. Pada Label: secara otomatis akan terisi Item1. Ubah tulisan Item1tersebut menjadi Teknologi, lalu pada Value: Teknologi. Selanjutnya klik tanda plus (+) yang hanya ada satu di window tersebut (Jika terjadi kesalahan Anda dapat mengklik tanda minus (-) untuk menghapus). Tambahkan lagi beberapa item, misalnya: Label: Komputer, lalu Value: Komputer, lalu klik tanda plus (+) lagi. Ulangi lagi dengan menambahkan beberapa kategori berita yang Anda inginkan. Lalu Klik OK, jika Anda telah selesai menambahkan kategori berita.
  11. Klik pada pada field berita, maka di bagian menu Display as: secara otomatis akan memilih Textfield, ubahlah menjadi Text area sehinggaDisplay as: Text area
  12. Klik OK lalu simpan file add_berita.php tersebut.
  13. Selamat, Anda telah berhasil menyelesaikan form untuk menambah berita

edit_berita.php

Pada halaman ini, Anda akan mengedit berita yang sudah dipublikasikan. Berikut langkah-langkahnya:

  1. Buka file edit_berita.php melalui Dreamweaver. Pastikan Anda bekerja dengan Design View
  2. Klik Insert > Data Objects > Recordset. Pastikan jendela Recordsetakan keluar dan pastikan tampil dalam format Simple Recordset, jika belum maka klik Simple. Masukkan beberapa parameter ini:
  3. Pada menu Name:, secara otomatis akan muncul tulisan Recordset1, ubahlah menjadi rsEditBerita (maksudnya adalah recordset untuk mengupdate berita, Anda dapat memberi nama yang berbeda).
  4. Lalu Connection: berita_conn, lalu Table: berita.
  5. Pada menu Columns: All, biarkan sesuai default.
  6. Pada menu Filter:, ubahlah yang bernilai None menjadi id_post. Secara default Dreamweaver akan memilih URL Parameter, tanda sama dengan(=) dan id_post. Hal ini sudah benar, karena memang hal inilah yang kita butuhkan.
  7. Klik OK jika sudah selesai (Jika muncul peringatan “A recordset has been added….” klik OK saja.
  8. Anda akan melihat tulisan “Form edit berita di sini”, hapus tulisan tersebut.
  9. Klik Insert > Data Objects > Update Record > Record Update Form Wizard. Jendela Record Update Form akan muncul, lalu masukkan beberapa parameter ini.
  10. Connection: berita_conn, lalu Table to update: berita, lalu Select record from: rsEditBerita (ini adalah recordset yang tadi telah kita buat), lalu Unique key columns: id_post dan Numeric ditanda checked.
  11. After updating, go to: list_berita.php, ketik secara manual atau Anda mencari filenya dengan mengklik Browse.
  12. Lakukan hal sama seperti pada file add_berita.php dari langkah ke-5 sampai dengan ke-11. Hal utama yang berbeda dari Record insertionform dan Record update form adalah pada Default value: yang mana pada update record otomatis akan di-assign seperti yang disimpan dalam database.
  13. Klik OK dan simpan kembali file edit_berita.php
  14. Anda telah menyelesaikan halaman untuk mengedit berita

list_berita.php

Halaman list_berita.php digunakan untuk menampilkan listing berita yang telah dimasukkan ke dalam database. Berikut langkah-langkah aktivasinya:

  1. Buka file list_berita.php melalui Dreamweaver. Pastikan Anda bekerja dengan Design View
  2. Lakukan langkah ke 2-5 pada halaman edit_berita.php. Lalu lakukan modifikasi yang berbeda seperti berikut ini.
  3. Pada menu Sort: maka akan bernilai None, ubahlah menjadiupdated melalui Pop-up menu yang ada. Lalu nilai Ascending, ubahlah menjadi Descending melalui Pop-up menu yang ada.
  4. Klik OK jika sudah selesai
  5. Pada Design View Anda akan melihat tulisan “id”, seleksi tulisan tersebut lalu hapus.
  6. Lalu klik Insert > Data Objects > Dynamic Data > Dynamic Text. Jendela Dynamic Text akan muncul. Pada menu Field, Anda akan melihat tulisan Recordset (rsEditBerita).
  7. Klik tanda plus (+), lalu pilih id_post (yang bertanda petir). Klik OK jika sudah selesai.
  8. Seleksi lagi tulisan “Judul Berita”, lalu hapus. Lakukan langkah ke-6, lalu pilih field judul (yang bertanda petir). Klik OK, lalu tekan Ctrl+B untuk menebalkan judul berita.
  9. Lalu lakukan hal yang sama sesuai fieldnya untuk Kategori dan Tanggal
  10. Di sini Anda akan melihat tulisan Edit yang sudah ada linknya menujuedit_berita.php.
  11. Selesik tulisan Edit tersebut, lalu Klik Kanan > Change Link. WindowSelect File akan muncul.
  12. Carilah menu URL: dan Parameters. Klik Parameters. WindowParameters link akan muncul.
  13. Klik area berwarna putih di bawah menu Name, lalu ketik id_post. Lalu di klik area putih di bawah Value, maka akan muncul tanda petir. Klik tanda petir tersebut, dari Window Dynamic Data pilih field id_post.
  14. Klik OK sebanyak tiga kali untuk menyelesaiakan penambahan dynamic link.
  15. Seleksi tulisan “Lihat Berita”, di sana sudah ada link menuju detail.php.
  16. Ulangi langkah 12-13 untuk menyelesaikan dynamic link ini.
  17. Seleksi tulisan “Hapus”, di sana sudah ada link menuju file delete_berita.php, di sini kita akan membuat parameter link yang memungkinkan kita untuk menghapus berita yang tidak diinginkan.
  18. Lakukan langkah ke-12. HATI-HATI PADA LANGKAH KE-19, DI SINI ANDA AKAN MENTRANSFER PARAMETER LINK BERNILAI hapus.
  19. Klik area berwarna putih di bawah menu Name, lalu ketik hapus. Lalu di klik area putih di bawah Value, maka akan muncul tanda petir. Klik tanda petir tersebut, dari Window Dynamic Data pilih field id_post. Klik OK tiga kali.
  20. Seleksi kode di bawah ini (lihat nomor 21)
  21. <tr>    <td width=”10%” align=”center” valign=”top”>      <?php echo $row_rsEditBerita[‘id_post’]; ?></td>    <td width=”60%” align=”left” valign=”top”><p><strong><?php echo $row_rsEditBerita[‘judul’]; ?></strong><br/>      Kategori berita:<em> <?php echo $row_rsEditBerita[‘kategori’]; ?></em>, Diupdate pada tanggal: <em><?php echo $row_rsEditBerita[‘updated’]; ?></em></p><hr/></td>    <td align=”left” valign=”top”><p><a href=”edit_berita.php?id_post=<?php echo $row_rsEditBerita[‘id_post’]; ?>”>Edit</a> | <a href=”list_berita.php?hapus=<?php echo $row_rsEditBerita[‘id_post’]; ?>”>Hapus</a> | <a href=”detail.php?id_post=<?php echo $row_rsEditBerita[‘id_post’]; ?>”>Lihat Berita</a></p></td>  </tr>
  22. Klik Insert > Data Objects > Repeat Region
  23. Pastikan Anda memilih Recordset (rsEditBerita) dan Show: 10 at a time. Klik OK
  24. Cari tulisan “Recordset navigation bar”, hapus tulisan tersebut
  25. Klik Insert > Data Objects > Recordset Paging > Recordset Navigation Bar.
  26. Pastikan Anda memilih Recordset (rsEditBerita) dan pilih yang berformat Text. Klik OK
  27. Simpan file list_berita.php.
  28. Anda telah berhasil menyelesaikan file list_berita.php

delete_berita.php

Ini berisi script untuk menghapus berita. Berikut langkah-langkahnya:

  1. Klik File > New > Create
  2. Simpan nama file tersebut dengan nama delete_berita.php
  3. Klik Insert > Data Objects > Delete Record. Jendela Delete Record akan keluar. Masukkan beberapa parameter ini.
  4. First check if variable is defined: Primary key value,laluConnection: berita_conn, lalu Table: berita, dan Primary key column: id_post, Numeric (dengan tanda centang/checked)
  5. Pada tahap ini, ANDA HARUS BERHATI-HATI, ingat kita telah mendefinisikan variabel/parameter link bernilai hapus sebelumnya. Maka pastikan Primary key value: URL Parameter, lalu tulisan id_post, ubahlah menjadi hapus.
  6. After deleting, go to: list_berita.php (atau dengan klik Browse untuk mencari file tersebut).
  7. Klik OK jika sudah selesai.
  8. Simpan file delete_berita.php

detail.php

Halaman detail berita akan kita gunakan untuk menampilkan detail per-item berita. Berikut ini langkah-langkahnya:

  1. Buka file detail.php melalui Dreamweaver
  2. Buatlah Recordset seperti pada file edit_berita.php (langkah ke-2 sampai ke-7)
  3. Hapus tulisan “Detail judul berita”
  4. Klik Insert > Data Objects > Dynamic Data > Dynamic Text. Lalu pilih Recordset (rsEditKategori), lakukan expand dengan mengklik tanda plus (+) jika memang belum keluar semua detail fields.
  5. Pilih field judul yang bertanda petir lalu klik OK
  6. Lakukan hal yang sama untuk kategori, updated dan berita (dengan menghapus terlebih dahulu tulisan Kategori, Tanggan dan Isi Berita.
  7. MySQL secara umum tidak dapat membaca paragraph dengan baik. Untuk mengatasi hal ini, PHP telah menyediakan fasilitas nl2br (New Line to Break).
  8. Cari kode ini <?php echo $row_rsEditBerita[‘berita’]; ?>, lalu ubah menjadi <?php echo nl2br($row_rsEditBerita[‘berita’]); ?>. NL2BR ini berfungsi untuk memisahkan antar paragraph yang Anda ketik.
  9. Simpan kembali file detail.php
  10. Anda telah selesai mengerjakan file detail.php

index.php

Pada file ini, Anda akan melihat listing semua berita. Untuk mengerjakannya ikuti langkah berikut ini:

  1. Buka file index.php melalui Design View
  2. Buat Recordset baru seperti pada file list_berita.php (lihat langkah ke-2 sampai dengan ke-4)
  3. Lakukan langkah seperti pada file detail.php (lihat langkah ke-3 sampai dengan ke-8)
  4. Cari kode ini: <?php echo $row_rsEditBerita[‘judul’]; ?>, lalu seleksi kode tersebut. Lalu klik Insert > Hyperlink. Pada menu Hyperlink, klik tanda folder pada menu Link, maka ini akan membuka window Select File.
  5. Pilih file detail.php
  6. Carilah menu URL: dan Parameters. Klik Parameters.WindowParameters link akan muncul.
  7. Klik area berwarna putih di bawah menu Name, lalu ketik id_post. Lalu di klik area putih di bawah Value, maka akan muncul tanda petir. Klik tanda petir tersebut, dari Window Dynamic Data pilih field id_post.
  8. Klik OK sebanyak tiga kali untuk menyelesaiakan penambahan dynamic link.
  9. Cari kode berikut ini (lihat nomor 10)
  10. <h2><a href=”detail.php?id_post=<?php echo $row_rsEditBerita[‘id_post’]; ?>”><?php echo $row_rsEditBerita[‘judul’]; ?></a><br/>  <span>Kategori Berita: <em><?php echo $row_rsEditBerita[‘kategori’]; ?></em>, Tanggal update:<em> <?php echo $row_rsEditBerita[‘updated’]; ?></em></span></h2><p>&nbsp;<?php echo nl2br($row_rsEditBerita[‘berita’]); ?></p><hr/>
  11. Klik Insert > Data Objects > Repeat Region
  12. Pastikan Anda memilih Recordset (rsEditBerita) dan Show: 10 at a time. Klik OK
  13. Cari tulisan “Recordset navigation bar”, hapus tulisan tersebut
  14. Klik Insert > Data Objects > Recordset Paging > Recordset Navigation Bar.
  15. Pastikan Anda memilih Recordset (rsEditBerita) dan pilih yang berformat Text. Klik OK
  16. Simpan kembali file index.php

Selamat yaaa….!!!

Anda telah menyelesaikan sebuah aplikasi berita sederhana.

SCRIPT FILE AWAL:

index.php

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

<html xmlns=”http://www.w3.org/1999/xhtml”>

<head>

<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />

<title>Aplikasi Berita</title>

<style type=”text/css”>

<!–

.bawah {

font-family: Arial, Helvetica, sans-serif;

font-size: 11px;

color: #666;

}

.konten {

font-family: Arial, Helvetica, sans-serif;

font-size: 12px;

height: auto;

width: 800px;

margin: auto;

padding: 10px;

background-color: #FFF;

}

body {

background-color: #666;

}

–>

</style>

</head>

<body>

<div>

<h1>Aplikasi Berita Sederhana Java Web Media</h1>

<hr/>

<p><a href=”add_berita.php”>Tambah Berita</a> | <a href=”list_berita.php”>Listing Berita</a></p><hr/>

<h2>Judul Berita<br/>

<span>Kategori Berita: <em>Kategori</em>, Tanggal update: <em>Tanggal</em></span></h2>

<p>Isi Berita</p><hr/>

<p>Recordset navigation bar </p>

</div>

</body>

</html>

add_berita.php

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

<html xmlns=”http://www.w3.org/1999/xhtml”>

<head>

<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />

<title>Aplikasi Berita</title>

<style type=”text/css”>

<!–

.bawah {

font-family: Arial, Helvetica, sans-serif;

font-size: 11px;

color: #666;

}

.konten {

font-family: Arial, Helvetica, sans-serif;

font-size: 12px;

height: auto;

width: 800px;

margin: auto;

padding: 10px;

background-color: #FFF;

}

body {

background-color: #666;

}

–>

</style>

</head>

<body>

<div>

<h1>Aplikasi Berita Sederhana Java Web Media</h1>

<hr/>

<h2>Tambah Berita Baru</h2>

<p>Form tambah berita di sini</p>

<hr/>

<a href=”index.php”>Kembali ke halaman utama</a> | <a href=”list_berita.php”>Listing Berita</a> | <a href=”add_berita.php”>Tambah Berita </a>

</div>

</body>

</html>

edit_berita.php

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

<html xmlns=”http://www.w3.org/1999/xhtml”>

<head>

<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />

<title>Aplikasi Berita</title>

<style type=”text/css”>

<!–

.bawah {

font-family: Arial, Helvetica, sans-serif;

font-size: 11px;

color: #666;

}

.konten {

font-family: Arial, Helvetica, sans-serif;

font-size: 12px;

height: auto;

width: 800px;

margin: auto;

padding: 10px;

background-color: #FFF;

}

body {

background-color: #666;

}

–>

</style>

</head>

<body>

<div>

<h1>Aplikasi Berita Sederhana Java Web Media</h1>

<hr/>

<h2>Edit Berita</h2>

<p>Form edit berita di sini</p>

<hr/>

<a href=”index.php”>Kembali ke halaman utama</a> | <a href=”list_berita.php”>Listing Berita</a> | <a href=”add_berita.php”>Tambah Berita </a></div>

</body>

</html>

list_berita.php

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

<html xmlns=”http://www.w3.org/1999/xhtml”>

<head>

<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />

<title>Aplikasi Berita</title>

<style type=”text/css”>

<!–

.bawah {

font-family: Arial, Helvetica, sans-serif;

font-size: 11px;

color: #666;

}

.konten {

font-family: Arial, Helvetica, sans-serif;

font-size: 12px;

height: auto;

width: 800px;

margin: auto;

padding: 10px;

background-color: #FFF;

}

body {

background-color: #666;

}

–>

</style>

</head>

<body>

<div>

<h1>Aplikasi Berita Sederhana Java Web Media</h1>

<hr/>

<h2>Daftar Berita Terpublikasi</h2>

<table width=”100%” border=”0″ cellspacing=”0″ cellpadding=”0″>

<tr>

<th width=”10%” align=”center” valign=”middle” bgcolor=”#CCCCCC” scope=”col”><h2>No</h2></th>

<th width=”60%” align=”left” valign=”top” bgcolor=”#CCCCCC” scope=”col”><h2>Detail Berita</h2></th>

<th align=”left” valign=”top” bgcolor=”#CCCCCC” scope=”col”><h2>Action</h2></th>

</tr>

<tr>

<td width=”10%” align=”center” valign=”top”><p>id</p></td>

<td width=”60%” align=”left” valign=”top”><p><strong>Judul Berita</strong><br/>

Kategori berita: <em>Kategori</em>, Diupdate pada tanggal: <em>Tanggal</em></p><hr/></td>

<td align=”left” valign=”top”><p><a href=”edit_berita.php”>Edit</a> | <a href=”delete_berita.php”>Hapus</a> | <a href=”detail.php”>Lihat Berita</a></p></td>

</tr>

<tr>

<td colspan=”3″ align=”left” valign=”top” bgcolor=”#CCCCCC”><hr/>

<blockquote><a href=”index.php”>Kembali ke halaman utama</a> | <a href=”add_berita.php”>Tambah Berita Baru</a></blockquote><hr/></td>

</tr>

</table>

<p>Recordset navigation bar</p>

</div>

</body>

</html>

detail.php

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

<html xmlns=”http://www.w3.org/1999/xhtml”>

<head>

<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />

<title>Detail Judul Berita</title>

<style type=”text/css”>

<!–

.bawah {

font-family: Arial, Helvetica, sans-serif;

font-size: 11px;

color: #666;

}

.konten {

font-family: Arial, Helvetica, sans-serif;

font-size: 12px;

height: auto;

width: 800px;

margin: auto;

padding: 10px;

background-color: #FFF;

}

body {

background-color: #666;

}

–>

</style>

</head>

<body>

<div>

<h1>Aplikasi Berita Sederhana Java Web Media</h1>

<hr/>

<h2>Detail Judul Berita<br/>

<span>Kategori Berita: <em>Kategori</em>, Tanggal update: <em>Tanggal</em></span></h2>

<p>Isi Berita</p><hr/>

<p><a href=”edit_berita.php”>Edit Berita Ini</a> | <a href=”index.php”>Kembali ke halaman utama</a> | <a href=”add_berita.php”>Tambah Berita</a> | <a href=”list_berita.php”>Listing Berita</a></p>

</div>

</body>

</html>

File koneksi:

berita_conn.php

<?php

# FileName=”Connection_php_mysql.htm”

# Type=”MYSQL”

# HTTP=”true”

$hostname_berita_conn = “localhost”;

$database_berita_conn = “blogs”;

$username_berita_conn = “root”;

$password_berita_conn = “”;

$berita_conn = mysql_pconnect($hostname_berita_conn, $username_berita_conn, $password_berita_conn) or trigger_error(mysql_error(),E_USER_ERROR);

?>

CREATE TABLE IF NOT EXISTS `berita` (`id_post` int(5) NOT NULL AUTO_INCREMENT,`judul` varchar(500) NOT NULL,`kategori` varchar(100) NOT NULL,`berita` text NOT NULL,`updated` timestamp NOT NULL DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,PRIMARY KEY (`id_post`)) ENGINE=MyISAM DEFAULT CHARSET=latin1 AUTO_INCREMENT=1 ;

114 thoughts on “Membuat aplikasi berita sederhana berbasis PHP MySQL menggunakan Dreamweaver

  1. mud

    mas,,,misal id_berita paling akhir 5,,trus kita delete,,trus kita input data baru kenapa mulai nmr 6 gtu yaa,,g mulai nmr 5 lagi

    1. Profile photo of Java Web Media: Web Design di Kota DepokJava Web Media: Web Design di Kota Depok Post author

      Show Region sebenarnya sama fungsinya dengan Recordset Navigation Bar yang terdapat dalam klik Insert > Data Objects > Recordset Navigation Bar. Perbedaan utamanya adalah, jika Anda menggunakan Recordset Navigation Bar, maka Anda hanya memerlukan satu kali klik.
      Tapi ketika Anda menggunakan Show Region, maka Anda harus memasukkannya satu persatu…

    1. Profile photo of Java Web Media: Web Design di Kota DepokJava Web Media: Web Design di Kota Depok Post author

      Ada banyak langkah untuk membuat menu CSS menggunakan Adobe Dreamweaver. Anda bisa memulainya dengan:
      – Klik File > New > CSS > Create. Lalu buat pengaturan CSS-nya, kemudian simpan.
      Untuk memanggilnya, silakan buat file HTML baru, lalu klik Format > CSS Style > Attach style sheet

  2. ebenezer

    mantep nih om update terus ya …..kalo boleh tolong minta tutorial web sederhana dong om yang lengkap buat bahan TA nih…hehehe

  3. aus

    ada gak program aplikasi Sistem Informasi Akademik SMK dengan mengunakan Java Netbeans dan Mysql
    tolongin ya…
    soalnya aku lgi nyusun skripsi ni..
    tolongin ya..
    :)
    thnx b 4

  4. wisap

    mau tanya, setelah membuat insert record melalui Record Insertion Form Wizard pada file add_berita.php, setelah di ok muncul pesan
    “while executing onClick in serverObjeck-InsRecPHP.htm, a JavaScript error occured.”
    Mohon pencerahan, trims,,,,

  5. eri

    mas,,bagaimana script php untuk memangil record yang sudah tersimpan kedalam database bedasarkan kode primariky,..? bukan untuk tanpil semuanya..
    tolong ya mas..?

    1. Profile photo of Java Web Media: Web Design di Kota DepokJava Web Media: Web Design di Kota Depok Post author

      Dalam contoh ini, asumsi nama tabel: product, primary key-nya adalah kolom ID ya. Lalu primary key yang akan diambil misalnya angka 8 (delapan).

      • Klik Insert > Data Object > Recordset
      • Name: Recordset1
      • Connection: uhui ==> Asumsi koneksi bernama uhui
      • Table: product
      • Columns: All
      • Filter: ID ==> Secara default Dreamweaver akan memilih URL Parameter
      • Ubah URL Parameter menjadi Entered Value, ==> Di sisi sebelah kanan akan ada tanda = (sama dengan) dan tulisan ID
      • Ubah tulisan ID menjadi angka 8
      • Klik OK untuk menyelesaikannya.

      Anda telah berhasil menyelesaikannya.

  6. gueh

    selamat sore mas…setelah belajar disini udah nambah ilmu sedikit..hehehe gini mas , saya minta batuan neih.. setelah selesai mencoba kayaknya ada yang kurang..mas..” gimana ya cara membuat readmorenya…” di dreamweaver…kan gak enak kalau dilihat terlalu panjang..artikel beritanya….hehehehe (” kayak kereta api…”) sebelumnya terima kasih telah membagi ilmunya… untuk para newbie..

    1. Profile photo of Java Web Media: Web Design di Kota DepokJava Web Media: Web Design di Kota Depok Post author

      Nah, pertanyaan ini jawabannya gampang2 susah. Jika di wordpress, maka Anda tinggal klik. Jika di sini, Anda harus memotong string dengan PHP. Masalah utamanya adalah PHP tidak mengenali text ini paragraf atau bukan.

      Berikut ini adalah beberapa trik yang saya gunakan. Saya asumsikan, row berita di sini diwakili oleh variable $row_rsNews. Selanjutnya Anda bisa menggunakan fungsi strpos() milik PHP dan dikombinasi dengan fungsi substr dan PHP_EOL. Berikut illustrasi sederhananya:

      < ?php $new = strpos($row_rsNews['isi_berita'], PHP_EOL); echo substr($row_rsNews['isi_berita'], 0, $new); ?>

      Nah, problem utama adalah berita yang akan Anda potong sebagai ringkasan harus benar-benar dalam tag HTML paragraph. Jadi diantara:

      Isi ringkasan

      . Selamat mencoba.

      Materi terkait pertanyaan ini yang lebih advanced juga diajarkan ditempat kursus kami.

      1. gueh

        terima kasih mas… udah nyoba dan berhasil… tapi.. kalo artikelnya pendek… jadi hilang ” artikelnya “… hehehehe…..gimana ada solusi lagi nggak mas.. maaf sebelumnya… ngerepotin terus… kayak tukang becak.. taaarrikk..!!! mas …hehehehe

  7. Profile photo of Java Web Media: Web Design di Kota DepokJava Web Media: Web Design di Kota Depok Post author

    Pastikan paragraph pertama di dalam tag paragraph. Karena ringkasan akan tampil jika dia berformat full paragraph.

    Illustrasi sederhana, ini yg akan tampil sebagai ringkasan:
    < 'p>Java Web Media, web design course di Depok.< '/p>

    Dan ini yang tidak akan tampil sebagai ringkasan (karena tag

    tidak ditutup dengan benar:
    < 'p>Java Web Media, web design course di Depok.

  8. sudiatmika

    Mohon bantuannya ,,,
    bagaimana caranya agar kita dapat mengetikkan kode seperti (&nbsp,&lt)dll,pada textarea php,,,,kemudian menyimpannya pada mysql,,,,saya sudah coba tadi tidak pernah mau dibaca,,,,

  9. hendy

    mas mau nanya nii, gmna yaa caranya kalo aplikasi beritanya ini ditambahin gambar gitu, help me yaa mas…

  10. Btmjob

    Cukup sederhana namun lengkap, bookmark dl ntar dipelajari. sejauh ini baru menggunakan wordpress pada blog saya (btmjob.com). pengen blajar lebih dalam mengenai PHP dan aplikasi web. thanks sharingnya !

  11. yunus

    salamat malam dan salam silatu rahmi masbro…
    mohon mf numpang nanya…
    kalo database tdk bisa terkoneksi dengan macromedia dramweaver gimana ya…?
    soalnya pada saat saya select database nya.muncul pesan ” An unudentified error has occurrend…

    terima kasih…

  12. Pingback: Membuat aplikasi berita sederhana berbasis PHP MySQL menggunakan Dreamweaver | santy

  13. Medibatam

    Makasi mas bro, saya donwload dulu source codenya ya, mau langsung coba ni. Setelah baca artikel ini jadi kepikiran mau coba untuk di kantor. gbu

  14. tony

    mas pas di list_berita.php saya tidak melihat tulisan Edit yang sudah ada linknya menujuedit_berita.php.
    itu gimna mas,, saya pakai DM Cs 5,,

  15. video.xnxx.xxx

    I and also my pals have already been examining the best key points on your website and then suddenly I got an awful suspicion I had not expressed respect to the site owner for those strategies. These boys were definitely consequently very interested to read through all of them and now have clearly been making the most of those things. Thanks for actually being quite kind and then for going for this sort of cool information most people are really desirous to be informed on. My very own honest apologies for not expressing gratitude to sooner.

  16. mubasir

    mas mau nanya…
    yang list_berita.php step 19 itu gimana maksutyna.,.???
    yang step 19. Klik area berwarna putih di bawah menu Name, lalu ketik hapus

    dimana tempatnya

  17. muhammad

    mau tanya bos..klo nampilin artikel ke home index dari menu admin,contok artikel cara ya gmn ya..mohon penjelasan ya..thank

  18. ardi

    Form tambah berita di sini kok belum ada ya, trus file delete.php,tahapannya akau cari Insert>> data obyects —-> nggak ada, gimana dong, aku pake Dreamweaver 8

  19. Chante

    Superb blog! Do you have any helpful hints for aspiring writers? I’m planning to start my own website soon but I’m a little lost on everything. Would you propose starting with a free platform like WordPress or go for a paid option? There are so many choices out there that I’m completely confused .. Any suggestions? Appreciate it!

  20. sada

    ini saya ingin belajar membuat “kategori berita” sperti yang ad di blog-blog itu,, contohnya kalau di klik di link kategori berita olah raga, maka kategori olah raga semua yang keluar,, bisa di carikan koding nya, atau ada trik-trik dari dreamweaver, terima kasih

  21. jams

    keren gan aplikasinya smoga bz bermanfaat bwt teman2 yang ingin blajar ane juga mw share ini cara membuat aplikasi menggunakan php yang berbasis oop bisa kunjung di SINI

  22. Ghina Fithri Annisa

    mas, kalau misalkan kita ingin mengubah warna link menjadi 2 warna
    1 warna seblum di arahkan panas berwarna biru
    dan setelah di arahkan panah berwarna putih itu bagaimana caranya

  23. bryan septian

    kalo misalkan ingin bikin kategori gimana ya ? misalnya ada kategori komputer, teknologi di header index.php . thank you :)

  24. Adlis

    Sekitar 5 tahun lalu, saya sempat membeli sejumlah buku untuk belajar membuat, termasuk buku dreamweaver versi 8. Namun saya kesulitan mempelajarinya. Karena kebutuhan, lagi Google jadi pilihan, banyak tutorial yang saya baca, namun semuanya serba tak lengkap. Alhamdulillah Javamedia.com memberikan saya solusinya.

    Untuk pengelola Javamedia.com, salam hormat untuk Anda, karena telah memberikan ilmu yang luar biasa bagi banyak orang tanpa berharap balasan. Anda luar biasa….

    Salam….
    Pekanbaru

  25. Remona

    What’s Taking place i am new to this, I stumbled upon this I’ve discovered It positively useful and it has aided me out loads. I hope to give a contribution & assist other customers like its aided me. Great job.

  26. Jessika

    I’m amazed, I have to admit. Rarely do I encounter a blog that’s both equally educative and engaging, and let me tell you, you have hit the nail on the head. The issue is something that not enough people are speaking intelligently about. Now i’m very happy I found this in my hunt for something relating to this.

  27. Ariel

    Woah! I’m really loving the template/theme of this site. It’s simple, yet effective. A lot of times it’s tough to get that “perfect balance” between user friendliness and visual appearance. I must say you have done a very good job with this. Additionally, the blog loads super fast for me on Opera. Exceptional Blog!

  28. Huey

    Fantastic items from you, man. I’ve understand your stuff previous to and you’re just too magnificent. I really like what you’ve bought right here, certainly like what you are saying and the best way by which you assert it. You make it enjoyable and you still take care of to keep it smart. I cant wait to read far more from you. This is actually a great site.

  29. Akilah

    I really like what you guys are usually up too. This kind of clever work and reporting! Keep up the awesome works guys I’ve you guys to my own blogroll.

  30. jakie ogrodzenie

    Aw, this was a very nice post. In thought I would like to put in writing like this moreover – taking time and actual effort to make a very good article… however what can I say… I procrastinate alot and under no circumstances seem to get one thing done.

  31. Faiz

    kenapa yah list berita saya nggak muncul beritanya. padahal sdah saya add dari add_berita. saya priksa di database juga sudah masuk beritanya. cuma ketika mau dicoba ditampilkan menggunakan dynamic kok nggak muncul ya?

  32. hadi

    masbro mau naya dong kalo nampilin postingan beritanya sesuai dengan kategori / jenisnya gimana?
    tapi adalam satu page.

    apa harus buat file baru yang bernama kategorinya atau bermain dengan rsKategoriny?
    mohon bantuanya masbroh…
    terimakasih…..

  33. GY

    You could definitely see your skills within the work you write. The arena hopes for even more passionate writers like you who aren’t afraid to say how they believe. Always go after your heart.

  34. ZL

    I will immediately take hold of your rss feed as I can’t in finding your email subscription hyperlink or e-newsletter service. Do you’ve any? Kindly let me know so that I may just subscribe. Thanks.

  35. Donette Beit

    Woah! I’m really digging the template/theme of this blog. It’s simple, yet effective. A lot of times it’s very difficult to get that “perfect balance” between superb usability and visual appeal. I must say you have done a very good job with this. Also, the blog loads very quick for me on Opera. Excellent Blog!

  36. Nelson Unaipon

    Superb blog you have here but I was curious if you knew of any community forums that cover the same topics discussed in this article? I’d really love to be a part of group where I can get comments from other knowledgeable people that share the same interest. If you have any recommendations, please let me know. Bless you!

  37. Jacqueline Ackley

    What i do not understood is in truth how you’re not really much more well-preferred than you may be right now. You are very intelligent. You already know therefore significantly when it comes to this matter, produced me personally imagine it from so many numerous angles. Its like women and men are not involved until it’s something to do with Lady gaga! Your individual stuffs nice. Always maintain it up!

  38. Weldon

    Unquestionably imagine that that you stated. Your favorite
    justification seemed to be at the internet
    thee easiest factor to be mindful of. I say to you, I definitely get
    irked while other folks think about worries that they just don’t recognise about.
    You controlled to hit the nail upon the top aas neatly as outlined out the whole thing without
    having side-effects , other people coulld take a signal.
    Will likely be back to get more. Thank you

    For a better informative review please take a
    look at this page; metabo garcinia cambogia (Weldon)

Leave a Reply

Your email address will not be published. Required fields are marked *

Social Widgets powered by AB-WebLog.com.

Skip to toolbar