2. Pengenalan tools pemrograman web dan HTML - PowerPoint PPT Presentation

1 / 10
About This Presentation
Title:

2. Pengenalan tools pemrograman web dan HTML

Description:

Dapat diselipkan dan dipadukan dg HTML dan coding web. Pengenalan ... SUP : superscript elemen. Link : A HREF=.. TARGET= .. /A Graphics di HTML IMG ... – PowerPoint PPT presentation

Number of Views:645
Avg rating:3.0/5.0
Slides: 11
Provided by: IDRBI
Category:

less

Transcript and Presenter's Notes

Title: 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
Write a Comment
User Comments (0)
About PowerShow.com