Dokumen ini membahas tentang desain dan pemrograman web dengan fokus pada penggunaan layout situs menggunakan layer (div). Ini mencakup kelebihan dan kekurangan menggunakan layer serta langkah-langkah membuat layout situs dengan software Dreamweaver. Selain itu, terdapat juga referensi untuk video praktikum terkait topik ini.

1. 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

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

3. 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

4. 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

5. 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

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

7. Referensi