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

Layout Dengan Layer (Div)

  • 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 danKekurangan 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 Situsdengan 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  Layoutsitus dengan Layer (swf) FAKULTAS TEKNOLOGI INFORMASI DESAIN DAN PEMROGRAMAN WEB 1 – PG110 – 3 SKS 6
  • 7.