© 2009 Fakultas Teknologi Informasi Universitas Budi Luhur Jl. Ciledug Raya Petukangan Utara Jakarta Selatan 12260 Website:

Slides:



Advertisements
Presentasi serupa
Desain dan Pemrograman Web 1
Advertisements

Layout Situs dengan Tabel
© 2009 Fakultas Teknologi Informasi Universitas Budi Luhur Jl. Ciledug Raya Petukangan Utara Jakarta Selatan Website:
UNIVERSITAS BUDI LUHUR Jl
FAKULTAS TEKNOLOGI INFORMASI1DESAIN DAN PEMROGRAMAN WEB 1 – PG110 – 3 SKS © 2009 Fakultas Teknologi Informasi Universitas Budi Luhur Jl. Ciledug Raya Petukangan.
Dasar-dasar Web Design
Alat-alat yang digunakan untuk membuat website, dalam hal ini software yang digunakan, misalnya menggunakan Adobe Photoshop sebagai alat desainnya, Macromedia.
FAKULTAS TEKNOLOGI INFORMASI1DESAIN DAN PEMROGRAMAN WEB 1 – PG110 – 3 SKS © 2009 Fakultas Teknologi Informasi Universitas Budi Luhur Jl. Ciledug Raya Petukangan.
Membuat Template Web Website yang baik adalah website yang konsisten. Konsisten di sini berarti memiliki bentuk, layout dan navigasi yang sama antar satu.
© 2009 Fakultas Teknologi Informasi Universitas Budi Luhur Jl. Ciledug Raya Petukangan Utara Jakarta Selatan Website:
FAKULTAS TEKNOLOGI INFORMASI1DESAIN DAN PEMROGRAMAN WEB 1 – PG110 – 3 SKS © 2009 Fakultas Teknologi Informasi Universitas Budi Luhur Jl. Ciledug Raya Petukangan.
FAKULTAS TEKNOLOGI INFORMASI1DESAIN DAN PEMROGRAMAN WEB 1 – PG110 – 3 SKS © 2009 Fakultas Teknologi Informasi Universitas Budi Luhur Jl. Ciledug Raya Petukangan.
Macromedia Dreamweaver
© 2009 Fakultas Teknologi Informasi Universitas Budi Luhur Jl. Ciledug Raya Petukangan Utara Jakarta Selatan Website:
MANAJEMEN PROYEK PERANGKAT LUNAK
MANAJEMEN PROYEK PERANGKAT LUNAK
© 2009 Fakultas Teknologi Informasi Universitas Budi Luhur Jl. Ciledug Raya Petukangan Utara Jakarta Selatan Website:
UNIVERSITAS BUDI LUHUR FAKULTAS TEKNOLOGI INFORMASI HAL : 1 Pemrograman VB.NET Pertemuan 7.
Pemrograman VB.NET Pertemuan 15.
© 2009 Fakultas Teknologi Informasi Universitas Budi Luhur Jl. Ciledug Raya Petukangan Utara Jakarta Selatan Website:
© 2009 Fakultas Teknologi Informasi Universitas Budi Luhur Jl. Ciledug Raya Petukangan Utara Jakarta Selatan Website:
© 2009 Fakultas Teknologi Informasi Universitas Budi Luhur Jl. Ciledug Raya Petukangan Utara Jakarta Selatan Website:
Teknik Pemodelan Sistem Informasi (3 SKS) Aktivity Diagram
© 2009 Fakultas Teknologi Informasi Universitas Budi Luhur Jl. Ciledug Raya Petukangan Utara Jakarta Selatan Website:
© 2009 Fakultas Teknologi Informasi Universitas Budi Luhur Jl. Ciledug Raya Petukangan Utara Jakarta Selatan Website:
© 2009 Fakultas Teknologi Informasi Universitas Budi Luhur Jl. Ciledug Raya Petukangan Utara Jakarta Selatan Website:
Analisa Proses Bisnis (2 SKS)
PEMBUATAN SITUS PEMESANAN GITAR ONLINE MENGGUNAKAN Arieci Maulana
WEEBLY.COM.
Arsitektur Komputer Pertemuan – 13 CISC & RISC
MACROMEDIA DREAMWEAVER.4.0 PEMBUATAN WEBSITE GUNUNG SLAMET MENGUNAKAN
Aplikasi E-Learning Mikroorganisme berbasis Web Menggunakan PHP, My Nony Fitriani Mahasis Putri for further detail, please visit
© 2009 Fakultas Teknologi Informasi Universitas Budi Luhur Jl. Ciledug Raya Petukangan Utara Jakarta Selatan Website:
“APLIKASI TELEPON RUMAH REZEKI TUMPAH Soni Kabul Suasono,
PHOTOSHOP, DREAMWEAVER DAN PHP PENGEMBANGAN WEBSITE WARNET BOUGENVILLE DENGAN for further detail, please visit
HTML By kartika puji pangesti
Modul Design & Pemrograman Web
MINGGU Ke Enam Web Teknologi 2
Aplikasi Web Mobile Lebar Layar Dinamis 2 dan Navigasi.
PHP, MYSQL, DAN MACROMEDIA DREAMWEAVER 8
Universitas Gunadarma 2009
APLIKASI WEBSITE KLUB SEPAK BOLA UNJ (UNIVERSITAS NEGERI Adi Cipto Raharjo, for further detail, please visit
PADA PEMBANGUNAN SITUS WEB SMK ISLAM NURUL HAYAT PENERAPAN CONTENT MANAGEMENT SYSTEM (CMS) JOOMLA for further detail, please visit
© 2009 Fakultas Teknologi Informasi Universitas Budi Luhur Jl. Ciledug Raya Petukangan Utara Jakarta Selatan Website:
Korin Afiat Gawa, for further detail, please visit
PORTAL ANALISIS for further detail, please visit
MACROMEDIA DREAMWEAVER 8 PHP DAN MYSQL PEMBUATAN WEBSITE INFORMASI SCREWFACE BAND MENGGUNAKAN for further detail, please visit
PEMBUATAN WEBSITE DEA COMPUTER MENGGUNAKAN ADOBE Heru Rukhiyat Putra, for further detail, please visit
PEMBUATAN WEBSITE TERAPI AIR OXY MENGGUNAKAN ADOBE Topan, for further detail, please visit
MENGGUNAKAN PHP dan MySQL”. E-GUIDE PARIWISATA & KOMUNITAS KAB
© 2009 Fakultas Teknologi Informasi Universitas Budi Luhur Jl. Ciledug Raya Petukangan Utara Jakarta Selatan Website:
Modul 9 STMIK IKMI CIREBON Oleh Dita rizki amalia.
Analisa Proses Bisnis (2 SKS)
Pemrograman Web Tag table & Tag Division
TEKS & TABEL DREAMWEAVER
SYSTEM GRID BOOTSTRAP 3 TEKNOLOGI WEB.
Internet dan Web By : Lisda Juliana P..
Pertemuan 2 JAVA 2 KA.
Memahami Tag div (Division)
Menu Drop Down.
ELEMEN SITUS WEB A. Ridwan Siregar.
Internet dan Perc. Web By : Lisda Juliana P. , Ssi.
Dreamweaver MX 2004 Pembuatan Website Bee Sound Studio Dengan Menggunakan Macromedia for further detail, please visit
Internet dan Perc. Web By : Lisda Juliana P. , Ssi.
Analisa Proses Bisnis (2 SKS)
Pemrograman Web Dasar (4 SKS)
DREAMWEAVER.
Web Design CSS.
PENDIDIKAN ILMU PENGETAHUAN SOSIAL (PIPS)
S1 KESEHATAN MASYARAKAT FAKULTAS KESEHATAN JAKARTA 2019.
Transcript presentasi:

© 2009 Fakultas Teknologi Informasi Universitas Budi Luhur Jl. Ciledug Raya Petukangan Utara Jakarta Selatan Website: Desain dan Pemrograman Web 1 PG110 – 3 SKS

LAYOUT SITUS DENGAN LAYER (DIV) PERTEMUAN 06 FAKULTAS TEKNOLOGI INFORMASIDESAIN DAN PEMROGRAMAN WEB 1 – PG110 – 3 SKS2

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

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 INFORMASIDESAIN DAN PEMROGRAMAN WEB 1 – PG110 – 3 SKS4

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 INFORMASIDESAIN DAN PEMROGRAMAN WEB 1 – PG110 – 3 SKS5

Video Praktikum  Layout situs dengan Layer (swf) Layout situs dengan Layer FAKULTAS TEKNOLOGI INFORMASIDESAIN DAN PEMROGRAMAN WEB 1 – PG110 – 3 SKS6

Referensi