Desain dan
Pemrograman Web 1
PG110 – 3 SKS
© 2009 Fakultas Teknologi Informasi Universitas Budi Luhur
Jl. Ciledug Raya Petukangan Utara Jakarta Selatan 12260
Website: http://fti.bl.ac.id Email: sekretariat_fti@bl.ac.id

PERTEMUAN 06
LAYOUT SITUS DENGAN LAYER (DIV)
FAKULTAS TEKNOLOGI INFORMASI DESAIN DAN PEMROGRAMAN WEB 1 – PG110 – 3 SKS 2

Outline
 Kelebihan dan Kekurangan Layout dengan
Layer (div)
 Membuat Layout Situs dengan Layer
FAKULTAS TEKNOLOGI INFORMASI DESAIN DAN PEMROGRAMAN WEB 1 – PG110 – 3 SKS 3

Layout dengan Layer (div, css)
 Kelebihan:
 Didukung oleh semua browser
 Lebih ramah bandwidth (ukuran kecil).
 Lebih Fleksibel
 Search engine friendly
 Kekurangan:
 Agak rumit untuk pemula.
FAKULTAS TEKNOLOGI INFORMASI DESAIN DAN PEMROGRAMAN WEB 1 – PG110 – 3 SKS 4

Membuat Layout Situs dengan Layer
 Buka Dreamweaver dan Buat halaman baru
 Pilih Layout mode
 Buat layer untuk container
 Buat layer untuk header
 Buat layer untuk navigasi
 Buat layer untuk content
 Buat layer untuk footer
 Atur pewarnaan untuk masing-masing
komponen.
FAKULTAS TEKNOLOGI INFORMASI DESAIN DAN PEMROGRAMAN WEB 1 – PG110 – 3 SKS 5

Video Praktikum
 Layout situs dengan Layer (swf)
FAKULTAS TEKNOLOGI INFORMASI DESAIN DAN PEMROGRAMAN WEB 1 – PG110 – 3 SKS 6

Referensi