RAGAM LAYOUT WEBSITE

 Layout web adalah desain dasar untuk membuat tampilan suatu website terutama pada penataan elemen-elemen sebuah website.

Macam - macam layout desain web:

1. Static

Layout static pada web desain memiliki ukuran tetap pada semua resolusi browser.

2. Fluid

Layout fluid memiliki kemampuan untuk menyesuaikan lebar layout sesuai dengan resolusi browser.

3. Responsive

Layout responsive memiliki kemampuan untuk berganti layout pada resolusi tertentu. Layout bisa berganti ini berkat kehadiran CSS3 dengan sintax media queries nya.

Konsep dan teknik untuk membuat tipografi yang baik : 

1. Komposisi Font

Penggunaan font dalam website tidak boleh terdiri lebih dari 3 jenis font. Komposisi font yang baik adalah menggunakan 2 jenis font. 

2. Styling Teks Dan Paragraf

- Leading

Leading adalah istilah yang biasa digunakan untuk jarak baris tiap baris sebuah paragraf.

- Ketebalan Teks

Ketebalan teks juga mempengaruhi tipografi. Dalam web design, bisa menentukannya dengan styling css melalui properti font-weight.

- Warna

Secara default, warna teks yang ditampilkan di web adalah warna hitam pekat (#000). Sebenarnya ini kurang baik. 

3. Padding Dan Margin

Margin dan Padding adalah properti dari CSS yang digunakan untuk mengatur sisi tiap elemen para HTML.

4. Hirarki Dan Ukuran Font

Hirarki dan ukuran font pada website juga harus  ditentukan. Secara default, browser yang menentukan ukuran setiap tag heading (<h1>,<h2>,<h3>,<h4>,<h5>,<h6>), tag paragraf (<p>), tag small (<small>), dan sebagainya.

Format Gambar untuk website :

1. PNG sangat baik untuk dipergunakan pada kebanyakan web browser (IE6+ butuh sedikit sentuhan CSS untuk pengaturan transparansi).

2. JPG adalah pilihan terbaik untuk menampilkan foto secara online, walau kualitasnya tidak sebagus PNG tetapi cukup bisa diterima mata manusia.

3. GIF sangat baik untuk menampilkan gambar grafik (jika kamu tidak mau menggunakan PNG), tapi jangan ubah foto kamu menjadi format GIF karena hasilnya tidak sedap dipandang mata.

4. BMP bisa dikategorikan sebagai gambar tidak terkompresi, tidak disarankan untuk penggunaan pada blog (menghabiskan bandwidth saja).