2. Pengenalan tools pemrograman web dan HTML

1
2.Pengenalan tools pemrograman web dan HTML

• 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 ltTAGgt
• Simple samples
• ltHTMLgt
• ltHEADgt
• ltTITLEgtJudul HTMLlt/TITLEgt
• lt/HEADgt
• ltBODYgt
• Isi Document HTML
• lt/BODYgt
• lt/HTMLgt
• Tag HTML ltHTMLgt .. lt/HTMLgt

5
Header HTML
Attribute Function
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.

• Sample
• ltBODY BGCOLOR"WHITE" TEXT"BLACK" LINK"RED"
  VLINK"GREEN" ALINK"YELLOW" gt

6
Header HTML (cont.)
7
Format Text di HTML

• ALIGN
• left
• center
• right
• Paragraf
• ltPgt .. lt/Pgt
• Blok Divisi
• ltDIVgt .. lt/DIVgt
• Baris
• ltBRgt
• FONT
• ltFONTgt .. lt/FONTgt
• Element font
• face nama font
• size unkuran
• color warna

8
Format Text di HTML

• Physical Format Elements
• ltBgt bold
• ltIgt italic / huruf miring
• ltTTgt teletype untuk monospaced typewriter
• ltUgt underline / garisbawah
• ltSTRIKEgt garis strike di tengah huruf
• ltBIGgt huruf tercetak besar
• ltSMALLgt huruf tercetak kecil
• ltSUBgt subscript element
• ltSUPgt superscript elemen
• Link ltA HREF.. TARGET gt .. lt/Agt

Link To What to Use
Web page http//sitename/
E-mail mailtoaddress
Newsgroup newsnewsgroupname
FTP ftp//sitename/
Gopher gopher//sitename/
WAIS wais//sitename/
Telnet telnet//sitename/
9
Graphics di HTML

• ltIMGgt
• Atribut
• src source
• align left / center / right
• valign top / middle / bottom
• height , width
• alt alternative text
• border
• vspace vertical space
• hspace horizontal space
• Sample
• ltimg srcimage.jpg" width"640" height"480"gt

10
Frame dan Form di HTML

• ? Membuat bagian tampilan Layar dalam beberapa
  bagian yg terpisah
• ltFRAMESET ROWS.. COLS..gt
• ltFRAMEgt..lt/FRAMEgt
• ltNOFRAMEgt..lt/NOFRAMEgt
• lt/FARMESETgt
• Sample
• ltFRAME SRC"url" NAME"window_name"
  SCROLLINGYESNOAUTO MARGINWIDTH"value"
  MARGINHEIGHT"value" NORESIZEgt
• FORM
• ? Sbg wadah untuk form data di HTML (komunikasi
  text input dg user)
• ltform name"formSample" method"post" action""gt
• lt/formgt