ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น

ThaiSEOBoard.comพัฒนาเว็บไซต์Programmingแนะนำ CSS Framework 960.gs ไว้ออกแบบเว็บไซด์ง่าย ๆ ครับ
หน้า: [1] 2   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: แนะนำ CSS Framework 960.gs ไว้ออกแบบเว็บไซด์ง่าย ๆ ครับ  (อ่าน 5241 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
woratana
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 178
ออฟไลน์ ออฟไลน์

กระทู้: 2,283



ดูรายละเอียด เว็บไซต์
« เมื่อ: 27 มกราคม 2010, 01:00:52 »

เว็บตัวอย่างที่ออกแบบด้วย 960.gs ครับ


ข้อดี/ข้อเสียของ  960.gs

ข้อดี

    * ใช้ง่าย เรียนรู้ได้เร็ว
    * แบ่งเป็น 12-column กับ 16-column เลือกได้ว่าจะให้ layout ละเอียดแค่ไหน
    * ช่วยให้การออกแบบเว็บไซด์เร็วขึ้นมาก ถ้าทำเว็บที่หน้าตาเหมาะกับ Grid System อันนี้
    * หน้าตาเว็บเหมือนกันทุก Browser ทำให้ไม่ต้องกังวลว่าไปเปิดใน IE6 แล้วจะเจอบั๊กรอดักควาย
    * ขนาดไฟล์เล็กมาก ถ้าแบบ Compress (บีบอัดแล้ว) แล้วไม่เกิน 5 kb ส่วนแบบ Uncompress ไม่เกิน 8 kb

ข้อเสีย

    * ขนาดเว็บไซด์มีความกว้างอยู่ที่ 960 px เท่านั้น (เป็นตัวเลขที่สวยอยู่แล้ว) ซึ่งถ้าอยากได้ความกว้างขนาดอื่นจะใช้ไม่ได้
    * ขาดความอิสระใน Layout ของเว็บไซด์ลงไปอีกหน่อย (อันนี้เป็นเรื่องธรรมดาของการใช้ Framework อยู่แล้ว)


แหล่งข้อมูลสำหรับ 960.gs

สำหรับคนที่ยังใช้ไม่เป็นเลย เริ่มจาก Screencast ของ NetTuts น่าจะดีที่สุดครับ เพราะเค้าโชว์แบบ Step by Step ตั้งแต่ดาวน์โหลด 960.gs มาจากเว็บเลยทีเดียว

A Detailed Look at the 960 CSS Framework
http://net.tutsplus.com/videos...look-at-the-960-css-framework/

ถ้าดูอันข้างบนแล้วยังไม่สะใจ ก็สามารถอ่าน บทความจาก NetTuts ได้ครับ อันนี้จะสอนใช้ 960.gs แบบ Step by Step เช่นกัน แต่จะเป็นแบบตัวหนังสือล้วน ๆ แล้วก็สอนทำเว็บที่หน้าตาดูดีกว่าวีดิโอด้านบนครับ

Prototyping With The Grid 960 CSS Framework
http://net.tutsplus.com/tutori...th-the-grid-960-css-framework/

พร้อมแล้วสามารถไปดาวน์โหลด 960 Grid System มาใช้กันได้จาก 960.gs Official Website เลยครับ!
http://960.gs/

-------------------------------------------
บทความต้นฉบับ จะมีเนื้อหาเยอะกว่านี้นิดหน่อยนะครับ เพราะบางส่วนมัน Drag-and-drop ออกมาลำบาก  Tongue
http://www.designil.com/css-framework-960gs-grid-system.html
บันทึกการเข้า

tdelphi
Global Moderator
หัวหน้าแก๊งเสียว
*****

พลังน้ำใจ: 308
ออฟไลน์ ออฟไลน์

กระทู้: 1,601



ดูรายละเอียด เว็บไซต์
« ตอบ #1 เมื่อ: 27 มกราคม 2010, 01:27:04 »

ขอบคุณครับ  +1
บันทึกการเข้า

iPokz
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 85
ออฟไลน์ ออฟไลน์

กระทู้: 1,901



ดูรายละเอียด เว็บไซต์
« ตอบ #2 เมื่อ: 27 มกราคม 2010, 01:30:24 »

ผมก็ใช้ CSS Framework ตัวนี้อยู่เหมือนกัน

ทำให้การวางแบบเว็บง่ายขึ้นเยอะเลยครับ



ใช้ไม่อยากอย่างที่คิด  wanwan020
บันทึกการเข้า

█ รับติดตั้งปรับแต่ง VPS/Server ค่าบริการเริ่มต้นครั้งละ 500 บาท
█ รับวางเครื่อง Colocation พร้อมปรับแต่งการใช้งานราคามิตรภาพ
SEO Hosting 25IPs ราคาเริ่มต้น 250 บาทเลือกไอพีใช้งานได้เอง
█ Contact : 084-0613164 (Pok)
= = =
█ เป้าหมาย : ขอกำไรแค่เดือนละหมื่นให้แม่พ่อไม่ต้องทำงาน
cancanx
Verified Seller
สมุนแก๊งเสียว
*

พลังน้ำใจ: 2
ออฟไลน์ ออฟไลน์

กระทู้: 638



ดูรายละเอียด
« ตอบ #3 เมื่อ: 27 มกราคม 2010, 01:31:26 »

ผมก็ใช้ครับตัวนี้
เยี่ยมมากๆ ชีวิตดำเนินสบายเลย 5555
บันทึกการเข้า

g-ji
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 231
ออฟไลน์ ออฟไลน์

กระทู้: 3,254



ดูรายละเอียด เว็บไซต์
« ตอบ #4 เมื่อ: 27 มกราคม 2010, 01:33:42 »

เคยโหลดมาลองใช้ หลายครั้งละ มึนๆ จัดเลย์เอ้าท์ไม่ถูก รู้สึกไม่ค่อยถูกโรคกับพวก framework เลยให้ตายสิ

เลยหยิบ reset.css มาใช้อย่างเดียว
บันทึกการเข้า

woratana
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 178
ออฟไลน์ ออฟไลน์

กระทู้: 2,283



ดูรายละเอียด เว็บไซต์
« ตอบ #5 เมื่อ: 27 มกราคม 2010, 01:57:45 »

เคยโหลดมาลองใช้ หลายครั้งละ มึนๆ จัดเลย์เอ้าท์ไม่ถูก รู้สึกไม่ค่อยถูกโรคกับพวก framework เลยให้ตายสิ

เลยหยิบ reset.css มาใช้อย่างเดียว
ลองดูวีดิโอ Screencast ในโพสแรกนะครับ รับรองกระจ่างเลยครับ  Embarrassed
บันทึกการเข้า

khanom
Administrator
เจ้าพ่อบอร์ดเสียว
*****

พลังน้ำใจ: 143
ออฟไลน์ ออฟไลน์

กระทู้: 3,897



ดูรายละเอียด
« ตอบ #6 เมื่อ: 27 มกราคม 2010, 01:59:41 »

ใช้ไม่เป็น  wanwan031 wanwan031
บันทึกการเข้า

ไทยเสียวเป็นสถานที่แบ่งปันความรู้ แบ่งปันเทคนิค การหาเงินบนเน็ท มิใช่เป็นเวทีมวยลุมพินี ไม่ใช่ตลาดคลองเตย ไม่ใช่ร้านเกม รณรงค์ใช้คำสุภาพในบอร์ด งดดราม่า อย่าแสดงกริยาไม่เหมาะสม แสดงออกว่ากำลังควบคุมสติไม่อยู่ จงไปสงบสติอารมณ์ก่อนตั้งกระทู้ หรือโพส ถึงบอร์ดจะเงียบเพราะดราม่าลด หรือคาเฟ่หาย มีกระทู้สาระขึ้นมา1กระทู้/อาทิตย์ หรือเดือน หรือปี ก็ดีกว่้า กระทู้ดราม่า/คาเฟ่ 10กระทู้/วัน
woratana
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 178
ออฟไลน์ ออฟไลน์

กระทู้: 2,283



ดูรายละเอียด เว็บไซต์
« ตอบ #7 เมื่อ: 27 มกราคม 2010, 02:03:35 »

ใช้ไม่เป็น  wanwan031 wanwan031
อย่างที่หลายคนบอกว่าใช้ไม่ยากอย่างที่คิดครับ ลองดูวีดิโอให้จบครับ (ไม่นานมาก) แล้วค่อยคิดใหม่อีกทีครับ  Embarrassed
บันทึกการเข้า

g-ji
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 231
ออฟไลน์ ออฟไลน์

กระทู้: 3,254



ดูรายละเอียด เว็บไซต์
« ตอบ #8 เมื่อ: 27 มกราคม 2010, 03:41:31 »

ok พอดู วีดิโอแล้ว

"ง่าย"

 Tongue

เดี๋ยวบ่ายๆ เสร็จงานลองทำดูสักทีดีกว่า
บันทึกการเข้า

samabois
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 124
ออฟไลน์ ออฟไลน์

กระทู้: 1,851



ดูรายละเอียด เว็บไซต์
« ตอบ #9 เมื่อ: 27 มกราคม 2010, 07:29:31 »

+1

ขอบคุณมากๆ
บันทึกการเข้า

"ความล้มเหลว" มันก็แค่ "อุปสรรคชั่วคราว" เท่านั้น ไม่ได้เป็น "ข้ออ้าง" สำหรับคนที่ "มุ่งมั่น"
ขาย โดเมนUNITED.IN.TH 30,000 บาท ติดต่อมาได้เลย
เริ่มโปรเจ็คเพื่อโลกสวย....Hello World !!!
TOOAds.com
บุคคลทั่วไป
« ตอบ #10 เมื่อ: 27 มกราคม 2010, 08:29:14 »

ความรู้ไม่สิ้นสุดจริงๆ wanwan003 ชอบตรงนี้ล่ะครับ อิอิ Licensed under GPL and MIT
« แก้ไขครั้งสุดท้าย: 27 มกราคม 2010, 08:35:18 โดย TOOAds.com » บันทึกการเข้า
PAGE
Verified Seller
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 104
ออฟไลน์ ออฟไลน์

กระทู้: 2,367



ดูรายละเอียด
« ตอบ #11 เมื่อ: 27 มกราคม 2010, 08:38:28 »

ยอดๆ  wanwan017 wanwan017
บันทึกการเข้า

สิ่งที่ดีที่สุดในชีวิตคือความสงบ
SazabiZ
Verified Seller
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 59
ออฟไลน์ ออฟไลน์

กระทู้: 1,223



ดูรายละเอียด เว็บไซต์
« ตอบ #12 เมื่อ: 27 มกราคม 2010, 08:50:24 »

Thank ไปครับ
บันทึกการเข้า

TG_Min
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 165
ออฟไลน์ ออฟไลน์

กระทู้: 1,533



ดูรายละเอียด เว็บไซต์
« ตอบ #13 เมื่อ: 27 มกราคม 2010, 09:01:03 »

ค่อนข้างสะดวกดีนะ ลองโหลดมาใช้ก่อนดีกว่า ไม่ต้องมานั่งจัด grid เองให้วุ่นวาย
บันทึกการเข้า

ballmdr
สมุนแก๊งเสียว
*

พลังน้ำใจ: 14
ออฟไลน์ ออฟไลน์

กระทู้: 772



ดูรายละเอียด เว็บไซต์
« ตอบ #14 เมื่อ: 27 มกราคม 2010, 09:16:08 »

ลองก่อน
บันทึกการเข้า

pakyaudio
สมุนแก๊งเสียว
*

พลังน้ำใจ: 85
ออฟไลน์ ออฟไลน์

กระทู้: 969



ดูรายละเอียด เว็บไซต์
« ตอบ #15 เมื่อ: 27 มกราคม 2010, 09:21:56 »

แจ่ม +1
บันทึกการเข้า

woratana
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 178
ออฟไลน์ ออฟไลน์

กระทู้: 2,283



ดูรายละเอียด เว็บไซต์
« ตอบ #16 เมื่อ: 27 มกราคม 2010, 09:31:05 »

ใครเจอเว็บไหนมีสอนเกี่ยวกับ 960.gs เอามาบอกได้นะครับ พอดีว่าหาของเกี่ยวกับระบบนี้ไม่ค่อยมีเลย  Tongue
บันทึกการเข้า

~บอล~
Verified Seller
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 494
ออฟไลน์ ออฟไลน์

กระทู้: 3,553



ดูรายละเอียด เว็บไซต์
« ตอบ #17 เมื่อ: 27 มกราคม 2010, 11:11:34 »

เยี่ยมครับ... Cry
บันทึกการเข้า

xvlnw.com
Verified Seller
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 493
ออฟไลน์ ออฟไลน์

กระทู้: 5,905



ดูรายละเอียด เว็บไซต์
« ตอบ #18 เมื่อ: 27 มกราคม 2010, 11:20:32 »

เอ่อ ถึงจะใช้ไม่ค่อยเป็น ก็ขอบคุณมาก ๆ คัรบ
บันทึกการเข้า

digitalex
สมุนแก๊งเสียว
*

พลังน้ำใจ: 14
ออฟไลน์ ออฟไลน์

กระทู้: 670



ดูรายละเอียด เว็บไซต์
« ตอบ #19 เมื่อ: 27 มกราคม 2010, 11:38:39 »

ได้ของเล่น Cheesy
บันทึกการเข้า

หน้า: [1] 2   ขึ้นบน
พิมพ์