Welcome to Scribd. Sign in or start your free trial to enjoy unlimited e-books, audiobooks & documents.Find out more
Download
Standard view
Full view
of .
Look up keyword
Like this
4Activity
0 of .
Results for:
No results containing your search query
P. 1
mentariCSS Grid Tutorial

mentariCSS Grid Tutorial

Ratings: (0)|Views: 113|Likes:
Published by adi

More info:

Published by: adi on Aug 19, 2009
Copyright:Attribution Non-commercial

Availability:

Read on Scribd mobile: iPhone, iPad and Android.
download as PDF, TXT or read online from Scribd
See more
See less

02/27/2014

pdf

text

original

 
 Jadilah orang yang mengajar atau orang yang belajar atau orang yangmendengar jangan jadi golongan yang keempat.
Asas Sistem Grid
Kepada Megat, ini adalah pemahaman aku tentang sistem grid. Denganmenggunakan framework ini, kita boleh melajukan lagi pembinaan website kitatanpa perlu mengabiskan banyak masa untuk menyusun koordinat suatu objekdalam website.Kita boleh memilih untuk menggunakan grid 12,16 column bergantung kepadawebsite yang ingin kita bangunkan. Dalam contoh yang akan aku terangkannanti, aku menggunakan column 16 yang mana panjang keseluruhan websiteko 940px.[ width itu subjektif . Jadi 940 boleh diubah ubah ].Oleh kerana kita menggunakan 16 column, setiap column panjangnya 60px, jadi di sini grid 1 hingga 16, panjang setaip satu adalah 60px.
*background #eee sebagai panduan, korang boleh buang nanti atau letak kaler lain.
 
Kita mula membina grid dalam kod html. Kita set lebar grid yang akan kitagunakan.. dalam kes ini, kita set 940px lebar grid.
Nota: Kalau guna 960gs framework, kita boleh pilih antara grid12 atau grid16
Kita mula guna grid dalam html kita.. setelah kita set panjang keseluruhansistem grid kita.. maka untuk setiap objek yang jadi, dalam browser ia akan dilihat sebegini .
 
Ok, kita masukkan pula lain lain objek dalam kod html kita.Ia akan dilihat sebegini dalam browser.Kalau kita nak buat 3 column website.. kita boleh tulis kod html cam gini.Hasilnya, kita dapat 3 kolum..

Activity (4)

You've already reviewed this. Edit your review.
1 thousand reads
1 hundred reads
ak4allz liked this
zoelwadee liked this

You're Reading a Free Preview

Download
scribd
/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->