Articles

Belajar layout CSS

Di internet ada website-website bagus di mana kita dapat belajar mendisain web dengan CSS. Salah satunya adalah http://layouts.ironmyers.com/ .

Dalam website ini ada disajikan beberapa tipe layout yaitu:

  1. Full Main Column Layout
  2. 1/2 x 1/2 Main Column Layouts
  3. 1/4 x 1/4 x 1/4 x 1/4 Main Column Layouts
  4. 1/3 x 1/3 x 1/3 Main Column Layouts
  5. 2/3 x 1/3 Main Column Layouts
  6. 1/3 x 2/3 Main Column Layouts
  7. 3/4 x 1/4 Main Column Layouts
  8. 1/4 x 3/4 Main Column Layouts

Masing-masing layout bisa diset ke 100% Fluid, 974 px Fluid, 950 px width dan 750 px width. Gabungan  layout dan width ini masing-masin bisa Preview dan Download.

Pada menu lain ada Layouts Customization Guide yang membahas bagaimana mengimplementasikan YUI Grids CSS. Kemudian ada juga menu lain pengelompokan 100 Percent CSS Layouts, 974 Pixel Fluid CSS Layouts, 950 Pixels CSS Layouts dan 750 Pixel CSS Layouts.

Layout CSS ini tampil secara baik di Internet Explorer, Firefox dan Opera.

Kunjungi www.proweb.co.id untuk menambah wawasan anda.

Other Web Design Articles:
Desainer web harus ‘mengerti’ coding tetapi tidak harus ‘bisa’ meng-coding
Standar membuat desain website dalam photoshop
Jenis Website
Website adalah...
Generasi Multitouch Screen
Belajar layout CSS
Warna web dan pemakaiannya dalam HTML
Mendisain website di photoshop, kenapa tidak di ilustrator?
Mencari Inspirasi Untuk Design Baru
Membuat Tooltip Sederhana
Cara Menggunakan Showcase jQuery