Advantages Keunggulan :
Tampilan (interface) Dreamweaver mudah dimengerti oleh pengguna dari semua tingkat keahlian, bahkan bagi orang awam sekalipun. Dreamweaver cukup tangguh untuk membangun berbagai tipe situs web. Dreamweaver mendukung teknologi web terkini. Dreamweaver merupakan editor berbasis WYSIWYG (What You Say Is What You Get), artinya apa yang tampak di editor, sama seperti apa yang akan ditampilkan di web browser.
By : Subianto, S.Kom
Windows | Starter Page
By : Subianto, S.Kom
Windows | Main Window
By : Subianto, S.Kom
Windows | Part & Function
Design view adalah lingkungan desain untuk tata letak halaman visual, editing visual, dan pengembangan aplikasi cepat. Dalam pandangan ini, Dreamweaver menampilkan representasi, sepenuhnya dokumen dapat diedit secara visual, mirip dengan apa yang dilihat dalam browser. Code View adalah lingkungan hand-coding untuk menulis dan mengedit HTML, JavaScript, server-code bahasa - PHP atau ColdFusion Markup Language (CFML) - dan segala jenis lain dari kode. Code and Design view memungkinkan untuk melihat Design view dan Code view secara bersamaan pada satu jendela yang sama. By : Subianto, S.Kom
Windows | Part & Function
Design view adalah lingkungan desain untuk tata letak halaman visual, editing visual, dan pengembangan aplikasi cepat. Dalam pandangan ini, Dreamweaver menampilkan representasi, sepenuhnya dokumen dapat diedit secara visual, mirip dengan apa yang dilihat dalam browser. Code View adalah lingkungan hand-coding untuk menulis dan mengedit HTML, JavaScript, server-code bahasa - PHP atau ColdFusion Markup Language (CFML) - dan segala jenis lain dari kode. Code and Design view memungkinkan untuk melihat Design view dan Code view secara bersamaan pada satu jendela yang sama. By : Subianto, S.Kom
Windows | Part & Function
By : Subianto, S.Kom
Windows | Toolbar
The Common category memungkinkan Anda untuk membuat dan memasukkan benda-benda yang paling sering digunakan, seperti gambar dan tabel. The Layout category memungkinkan Anda untuk menyisipkan tabel, div tag, layer, dan frame. Anda juga dapat Anda pilih di antara tiga pandangan dari tabel: Standar (default), Tabel Expanded, dan Layout. Bila modus Layout dipilih, Anda dapat menggunakan alat tata letak Dreamweaver: Draw Layout Cell dan Draw Layout Tabel. The Forms category berisi tombol untuk menciptakan form dan memasukkan unsur-unsur form. The Text category memungkinkan Anda untuk memasukkan berbagai teks dan tag list-format, seperti b, em, p,, h1 dan ul. By : Subianto, S.Kom
Windows | Toolbar The HTML category memungkinkan Anda untuk menyisipkan tag HTML untuk aturan horisontal, isi kepala, tabel, frame, dan skrip Server-kode kategori yang tersedia hanya untuk halaman yang menggunakan bahasa server tertentu, termasuk ASP, ASP.NET, CFML Basic, CFML Flow, CFML Advanced, JSP, dan PHP. Masing-masing kategori menyediakan server-kode objek yang dapat Anda masukkan dalam tampilan Code. The Application category memungkinkan Anda untuk memasukkan unsur-unsur dinamis seperti recordset, daerah perulangan, dan penyisipan penyimpanan dan update form . The Flash elements category memungkinkan Anda untuk memasukkan unsur-unsur Macromedia Flash. The Favorites category memungkinkan Anda untuk mengelompokkan dan mengatur tombol Insert bar yang paling sering digunakan. By : Subianto, S.Kom
Windows | Starting HTML TYPE :
Start New Basic Page HTML
By : Subianto, S.Kom
Windows | Teks
Code
Desain
Properties By : Subianto, S.Kom
Windows | Table Insert Table
Table Menu
Code
Desain
Properties
By : Subianto, S.Kom
Windows | Table Insert Table
Table Menu
Code
Desain
Properties
By : Subianto, S.Kom
XAMPP server Running Service
Directory Address
By : Subianto, S.Kom
XAMPP Directory
Project Directory
Directory Address
By : Subianto, S.Kom
XAMPP Directory
Project Directory
Directory Address
By : Subianto, S.Kom
XAMPP | Localhost //localhost
By : Subianto, S.Kom
STRUKTUR DASAR PHP Struktur PHP diawali dengan Contoh sederhana pemakaian bahasa PHP yang disisipkan dalam halaman HTML.
Example
Tipe Data Tipe data Integer Double String
Contoh $jumlah=5; $nilai=-10; $pajak=2.5; $bunga=12.50; $nama=”Anastasia” $status=”menikah”
Keterangan Bilangan bulat Bilangan real Karakter,kalimat
Variabel Variabel adalah suatu tempat di memori untuk menyimpan data yang nilainya dapat berubah-ubah. Variabel diwakili oleh kata tertentu dengan aturan penulisan sebagai berikut :
variabel dimulai dengan tanda dollar ($) • harus dimulai dengan huruf atau underscore (_) • tidak boleh menggunakan tanda baca • case sensitive atau huruf besar dan huruf kecil dibedakan. Penulisan benar $nama $_alamat $angkatan2 $no_telepon
Penulisan salah $na*ma $-alamat $2angkatan $no-telepon
Operator Operator Aritmatika Operator Operasi + penambahan pengurangan * perkalian / pembagian % sisa pembagian (modulus) ++ penambahan dengan 1 -pengurangan dengan 1 Operator . = $
Operator Lain Operasi Penggabungan string Penugasan/pengisian nilai Mengacu pada variabel
Operator Logika Operator Operasi == Sama dengan != Tidak sama dengan < Lebih kecil > Lebih besar <= Lebih kecil sama dengan >= AND atau && OR atau || XOR !
Lebih besar sama dengan Logika AND Logika OR Logika XOR Logika Not
1. Siapkan Desain Web, dengan link menu (menggunakan php)
Buku Tamu Artinya, ketika di klik, link tersebut akan memanggil file index.php dan mengirimkan variabel menu yang berisi data inputtamu.
2. Gabungkan file menukiri.php ke index.php
3. Tulis script untuk menampilkan content (menangkap variabel menu)
XAMPP | phpmyadmin //localhost/phpmyadmin
Menu Create Data Base
Database Name
By : Subianto, S.Kom
Materi
By : Subianto, S.Kom
INSERT INTO nama tabel VALUES (‘isi field1’, ‘isi field2’, dst )
SELECT kolom FROM nama tabel Untuk menampilkan kolom (field) nomor dan nama pada tabel tamu select nomor, nama from tamu; Untuk menampilkan semua kolom(field) pada tabel tamu select * from tamu; Untuk menampilkan semua kolom pada tabel tamu yang berada pada kota ‘Surabaya’ select * from tamu where kota=’Surabaya’;
Untuk menampilkan semua kolom pada tabel tamu dengan urut nama select * from tamu order by nama; Untuk menghitung jumlah record pada tabel tamu select count(*) from tamu; Untuk menampilkan kota pada tabel tamu select kota from tamu; Untuk menampilkan kota dengan tidak menampikan kota yang sama pada tabel tamu select distinct kota from tamu; Untuk menampilkan nama dan email yang mempunyai email di ‘yahoo.com’ select nama,email from tamu where email like ‘%yahoo.com’;
Untuk menampilkan semua kolom pada tabel tamu dengan pembatasan limit select * from tamu order by nama limit 2,3;
Input Data
INSERT INTO namatabel (kolom 1, kolom
2,...) VALUES (nilai1, nilai2,...)
$simpan=mysql_query("INSERT INTO tamu (no, nama, email, alamat, kota) VALUES('','$nama','$email','$alamat','$kota')");
UPDATE namatabel SET kolom1=nilaibaru1,
kolom2=nilaibaru2 … WHERE kriteria
$ubah=mysql_query(“UPDATE tamu SET nama='$nama', email='$email’, alamat=‘$alamat’, kota=‘$kota’WHERE nomor=‘$nomor’");
DELETE FROM namatabel WHERE kriteria
$hapus=mysql_query(“DELETE FROM tamu WHERE nomor=‘$nomor’");
INPUT DATA TAMU MENGGUNAKAN FORM
Kebutuhan : 1. String koneksi (perintah koneksi ke database) 2. Form input 3. String penyimpanan ke database
STRING KONEKSI
// definisikan koneksi ke database $server = "localhost"; $username = "root"; $password = ""; $database = "tamu";
// Koneksi dan memilih database di server mysql_connect($server,$username,$password) or die("Koneksi gagal"); mysql_select_db($database) or die("Database tidak bisa dibuka");
FORM INPUT