amikjtc.com - kampus berbasis sistem informasi online Bahan Ajar 5

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;
$ a a= A astasia
$status= e ikah

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
=
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)