 Pengenalan Dreamweaver sebagai tools pengembangan aplikasi web  Dasar-dasar HTML  Penggunaan Form, Frame dan Layer.

Presentasi berjudul: " Pengenalan Dreamweaver sebagai tools pengembangan aplikasi web  Dasar-dasar HTML  Penggunaan Form, Frame dan Layer."— Transcript presentasi:

1  Pengenalan Dreamweaver sebagai tools pengembangan aplikasi web  Dasar-dasar HTML  Penggunaan Form, Frame dan Layer

2 Pengenalan Dreamweaver  Teknik Coding HTML  Text dan Scripting  akan dieksekusi browser  Teknik Coding PHP  Scripting yg bs menghasilkan HTML  Scripting yg berupa program dan dpt dijalankan di server  Dapat diselipkan dan dipadukan dg HTML dan coding web

3 Pengenalan Dreamweaver (Cont.)

4 Dasar-dasar HTML HTML = HyperText Markup Language Markup-nya HTML = Simple samples : Judul HTML Isi Document HTML Tag HTML =..

5 Header HTML Sample : AttributeFunction ALINK definisi warna active link. BACKGROUND URL image yg digunakan untuk document background. BGCOLOR Definisi warna document background. BGPROPERTIES Jika diset “ FIXED”, maka background image tidak bisa scroll. LEFTMARGIN Setting lebar margin kiri dlm pixels. LINK Definisi warna unvisited link. TEXT Definisi warna text. TOPMARGIN Setting lebar margin atas dlm pixels. VLINK Definisi warna yg baru saja link dikunjungi.

6 Header HTML (cont.)

7 Format Text di HTML ALIGN :  left  center  right Paragraf :.. Blok Divisi :.. Baris : FONT.. Element font :  face : nama font  size : unkuran  color : warna font standard

8 Format Text di HTML Link ToWhat to Use Web pagehttp://sitename/ E-mailmailto:address Newsgroupnews:newsgroupname FTPftp://sitename/ Gophergopher://sitename/ WAISwais://sitename/ Telnettelnet://sitename/ Physical Format Elements : bold : italic / huruf miring : teletype untuk monospaced typewriter : underline / garisbawah : garis strike di tengah huruf : huruf tercetak besar : huruf tercetak kecil : subscript element : superscript elemen Link :..

9 Graphics di HTML Atribut :  src : source  align: left / center / right  valign: top / middle / bottom  height, width  alt : alternative text  border  vspace : vertical space  hspace : horizontal space Sample :

10 Frame dan Form di HTML  Membuat bagian tampilan Layar dalam beberapa bagian yg terpisah.. Sample : FORM  Sbg wadah untuk form data di HTML (komunikasi text input dg user)