Web Design Muhamad Akbar. Ukuran Halaman Fixed page widths –www.kompas.com Flexible page widths –Mail.yahoo.com.

Presentasi berjudul: "Web Design Muhamad Akbar. Ukuran Halaman Fixed page widths –www.kompas.com Flexible page widths –Mail.yahoo.com."— Transcript presentasi:

1 Web Design Muhamad Akbar

2 Ukuran Halaman Fixed page widths –www.kompas.com Flexible page widths –Mail.yahoo.com

3 Fixed page widths Digunakan untuk –Complex page layout –Mengunakan sub-sub informasi Contoh halaman web berita/koran www.kompas.com

4 Fixed page widths Keuntungan –Page layout akan stabil, walaupun digunakan oleh berbagai ukuran screen window dan browser –Posisi elemen akan tetap baik ukuran huruf, paragraf, ukuran gambar

5 Fixed page widths Kerugian –Pada layar yang besar akan terdapat space kosong yang banyak –Pada layar yang kecil harus menggunakan horizontal scroll untuk melihat halaman keseluruhan. –Untuk memperbesar ukuran font akan menghasilkan hasil yang kurang baik

6

7 Fixed page widths Alternatif – Penggabungan fixed-width column dengan flexible-width center column Memungkinkan untuk halaman dapat ditarik

8

9 Fixed page widths Kesimpulan –Optimal untuk beberapa kondisi Web Koran Web yang banyak elemen –Optimal hanya pada PC dan Laptop

10 Flexible page widths Digunakan untuk –Dapat digunakan berbagai ukuran display screen small cell phones to wide cinema displays –flexible medium designed to accommodate different users and a variety of display devices.

11 Flexible page widths Flexible page seperti fluid (dapat beradaptasi) –Dibutuhkan pemahaman HTML yang kuat –Diharuskan dapat diimplementasikan across platforms and browsers –also requires that you think outside the box of your configuration and come up with graphics and layouts that will still work under varying conditions. –Menggunakan % untuk menentukan ukuran element pada halaman

12 Flexible page widths Contoh Layout 2 column Elemen content 75% dari halaman Elemen navigasi 25 % dari halaman

13

14 Kesimpulan Flexible page designs have enormous advantages in adaptability across various display devices (desktop, laptop, cell phone, iPod, and so on). Flexible designs are also more universally usable because they can be easily adapted to increase text size, display color and contrast, and other viewing or reading parameters. Flexible pages may not be the best approach for complex page layouts that depend on relatively fixed visual relations among page size, typography, and graphics.

15 Panjang Halaman Menentukan panjang halaman dapat diukur dari keseimbangan 4 faktor : Relasi antar halaman dan ukuran screen, Content dari dokumen Dapat atau tidaknya halaman untuk dicetak. Bandwidth

16 Panjang Halaman Halaman Terlalu Panjang Scroll problem Navigasi tak terlihat Long web pages require the user to remember too much information that scrolls off the screen; users easily lose their sense of context when the navigational buttons or major links are not visible

17

18 Panjang Halaman Keuntungan Halaman Panjang Developer tidak susah buat link Artikel mudah didownload Artikel mudah dicetak

19 Panjang Halaman In general, longer documents are: Easier to maintain (content is in one piece, not in linked chunks spread across many pages) More like the structure of their paper counterparts (not chopped up) Easier for users to download and print

20