Dreamweaver Buat Pemula

download Dreamweaver Buat Pemula

of 10

  • date post

    26-Nov-2015
  • Category

    Documents

  • view

    103
  • download

    1

Embed Size (px)

description

File ini berisi perintah-perintah sederhana guna membuat web dengan dreamweaver

Transcript of Dreamweaver Buat Pemula

HAL PENTING DALAM MEMBUAT WEBMISAL PEMBUATAN DATA PSB ONLINE

A. MEMBUAT DATABASEa. Installah web server yang biasanya digunakan apache (xampp, wamp)b. Bukalah web browserc. Masukan alamat http://localhost/phpmyadmin, maka akan tampil seperti gambar di bawah ini.

d. Buatlah nama database yang anda akan buat dan klik createe. Selanjutnya anda akan diminta untuk membuat table dengan jumlah field sesuai dengan kebutuhan jumlah data yang diinginkan. (Dalam 1 buah database bias berisi lebih dari satu table)f. Bila telah dianggap selesai maka klik save dan gog. Database telah siap digunakan.h. Misal kita akan membuat table database siswa maka diperlukan :FieldType

NisnInteger

NamaText/Varchar

JkText/Varchar

TmplhrText/Varchar

TgllhrDate

AgamaText/Varchar

AsalSekolahText/Varchar

NilaiuanDouble

UsernameText/Varchar

PasswordText/Varchar

B. MEMBUAT KONEKSI DATABASE KE DREAMWEAVERa. Bukalah software Dreamweaver.b. Buatlah halaman baru PHPc. Bukalah panel database danklik +

d. Lakukan langkah membuat site, document type, testing server dan selanjutnya Anda akan memilih data base.e. Selanjutnya anda akan diminta membuat koneksiMySqlf. Isilah Nama koneksi (bebas), MySqlserver(localhost) , username(bila belum diganti masih root), Password (bila tidak dirubah masih kosong), dan pilihlah database yang telah anda buat sebelumnya.

g. Maka database telah tersambung dengan dreamweaver

C. MENGISI DATABASE (FORM ISI)a. Untuk bias mengisi database yang telahkitabuatmakakitadiharuskanmembuathalamanpengisianb. Untukmemudahkankita bias menggunakanfasilitas wizard yang adapada DWc. Klik Insert >> Data Object >> Insert Record >> Record Insertion from wizard, sepertiterlihatpadagambar di bawahini.

d. SelanjutnyaAndatinggalmemilih database yang telahAndabuate. Pilihkoneksi yang telahAndabuat, Pilih table yang ada, sampaiterakhirklik OK

f. Andabisamelakukanperubahanpadajenis display as misalnyauntukjeniskelamindan agama.g. Maka form pengisiandatabase telahAndabuat. Cobalahdenganmengisi data danlihatpadalocalhost/phpmyadminpada browser

D. MENAMPILKAN ISI DATABASEa. Pertamabuatlahhalamanbaruuntukmenampilkanisi databaseb. Laluklikpada menu insert >> Data object >>Recorset

c. Klik menu insert >> Data object >> Dynamic Data >> Dynamic Tabel

d. Maka akan tampil seperti gambar di bawah ini dan penampilan database telah selesai.

E. MEMBUAT LOGINa. Buat lah halaman baru untuk login.b. Misal yang akan digunakan oleh kita sebagai login adalah username dan password dari database yang telah dibuat di atas maka kita tempatkan form pada halaman yang telah dibuat.(Insert >> Form >> Form)c. Buatlah 2 (dua) buah text field dengan nama username dan passwordd. Buat juga sebuah button dengan label masuk atau login.e. Klik pada bagian dalam form dan klik insert >> Data Object >> User Authentication >> Log In User

f. Maka akan tampil seperti gambar di bawahini

g. Isilah validating using connection dengan database psb, dan isi juga table dengan table database psb yang telah Anda buat.h. Username dengan field yang akan dipakai sebagai usernamei. Password dengan password field.j. Sebelumnya anda diharapkan telah membuat dua buah halaman yang akan digunakan sebagai keberhasilan login dan kegagalan login. Gunakan halaman-halaman tersebut .k. Cobalah maka akan tampil :

F. MEMBUAT PENCARIAN DATABASEa. Buatlah halaman baru untuk form pencarian, Misal, cari.phpb. Buatlah form (Insert >> Form >> Form, pada properties rubahlah action dengan alamat cari.php dan method menjadi GETc. Buat juga satu buah textfield dan button, pada textfield namanya bebas, misalnyatxtitled. Tampilkan kembali Recordset dengan mengklik + pada bindinge. Untuk membuat hasil pencarian maka buatlah table dengan satu row dan sepuluh kolom (tergantung banyaknya field yang akan ditampilkan pada hasil pencarian)f. Kemudian pada panel binding record set lakukan klik drag ke table yang tadi dibuat field yang akan dimunculkan.g. Kemudian pada panel server behaiviorklik + danklik repeat region.h. Klik table yang dibuat dan lakukan pengeditan pada recorset binding seperti pada gambar di bawahini (gambar dalam bentuk detail).

i. Simpanlah halaman web dengan menekan ctrl+S. dan coba dengan mengklik F12.Catatan = untuk pencarian dengan tepa tgunakan = (samadengan), jika pencarian secara umum maka gunakan contains.

G. MEMBUAT HALAMAN EDITa. Buatlah halaman baru untuk pengeditan, missal xxxx.php (Biasanya pengeditan hanya berlaku untuk user tertentu misalnya administrator).b. Masukkan recordset, dan tampilkan isi database dengan insert >> data object >> Dynamic Data >>DynamikTabel

c. Tambah 1 kolom terakhir untuk memasukkan kata edit

d. Blok kata edit dan masukkan link missal ke file yyyy.php, jangan lupa pula masukkan parameter yang menjadi acuan/index/primary key, missal NISNe. Save file dan buat halaman baru untuk membuat file yyyy.phpf. Klik>> Insert >> Data Object >> Update Record >> Record Update From Wizard

g. Maka akan ada Setup Intruction dimana Anda diminta untuk membuat recordset, klik recorset.h. Dan isi sesuai dengan konektion yang anda gunakan hal yang penting disini adalah anda diwajibkan mengisi filter dan URL Parameter, setelah terisi semua klik OKi. Selanjutnya akan ada form Update dan rubahlah sesuai keperluan.j. Setelah mengklik OK maka telah selesai pembuatan update record, dan segera coba.

MEMBUAT KOMENTAR1. Buatlah database dengan mengetik localhost/phpmyadmin pada ulr

2. Buatlah database baru dengan nama bebas tidak boleh ada spasi dan titik. MIsalkan dalam hal ini membuat nama coba setelah itu klik create 3. Buatlah table pada database yang telah dibuat. Misal Komentar dengan field 3 buah yaitu nama, email dan koment.4. Setelah itu maka bukalah halaman yang akan dibuatkan komentar dengan Dreamweaver

MEMBUAT BACKROUND TETAP di body (tempat dimana ada gambar background)

FAVICONKetik seperti di bawah ini pada baris sebelum php?>:

dimana xxx adalah nama file gambar bias berbentuk jpg, gif, png, ico dll, rekomendasi gambar harus berbentuk kotak missal 70 px x 70 px

UPLOAD FOTO

Cara memasukkan gambar ke database :1. Buat halaman baru, misalkan upload.php2. Buat koneksi ke database 3. Lalu masuk tab binding dan buat recordset baru4. Kemudian insert => data object => insert record => record insertion form wizard5. Arahkan file yang akan dituju ketika di klik.6. Ganti Enctype dengan pilihan MULTIPART/FORM DATA7. Edit textfield foto dan ganti dengan file field dengan cara klik kanan dan edit tag.8. Selanjutnya masuk ke code ..Temukan code seperti ini ==> GetSQLvalueString($_POST[foto], text), //GetSQLvalueString($_POST[foto], text), 0){If(is_uploaded_file($_FILES[foto][tmp_name])){Move_uploaded_file($_FILES[foto][tmp_name], namafolder/.$foto);}}10. lalu save dan coba preview di browser

Cara menampilkan gambar dari database1. Buat halaman baru, misalnya tampil.php2. Buat koneksi ke database3. Masuk ke tab binding dan tambahkan recordset 4. Pilih insert => data object => dynamic data => dynamic table5. Seleksi recordset foto pada table, kemudian masuk ke code dan tuliskan script sebagai berikut :

5. mysql_select_db($database_psb, $psb);6. Pada scrip cari tulisan (Biasanya diatas doctype)$query_Recordset1 = "SELECT * FROM biodata ORDER BY jml_ni DESC";$Recordset1 = mysql_query($query_Recordset1, $psb) or die(mysql_error());$row_Recordset1 = mysql_fetch_assoc($Recordset1);$totalRows_Recordset1 = mysql_num_rows($Recordset1);7. Tambahkan :$urut = 0; ?>8. Selesai

VALIDASI EMAI DAPAT DILAUKAN PADA TAG ISPECTOR TRUS BEHAIVIOUR