ต่อไป »

[BosnoS]

พอดี มีน้องคนนึง มาคุยให้ฟัง (น้องคนเดียวกับที่ทำให้ผมรู้จัก seo เมื่อปีที่แล้ว)เขาบอกว่า การใช้ div จะทำให้เว็บ เบาลง การโหลดข้อมูลไม่หนัก อะไรประมาณนี้

จึงจะขอถามท่านผู้รู้ว่า  ตอนนี้เว็บผมใช้ html กับphp ทำเว็บ ถ้าเปลี่ยนมาใช้ DIV Css พวกนี้นะครับ จะมีผลดีผลเสียยังไง


แล้ว มีหนังสือสอนเรื่องพวกนี้ไหมครับ ส่วนตัว ชอบอ่านหนังสือ php ก็ทำเป็นเพราะหนังสือ 3 เล่ม อ่านมันทั้งวัน แล้ว ลงมือทำ Work

[pugkung]

CSS มันเขียนรวมกับ html + php ได้นี้ครับ เพียงแต่ เน้นไม่ใช้ ตารางในการดีไซน์เท่านั้นเอง

ส่วนอะไรที่มันควรเป็นตารางก็ยังใช้อยู่ครับ

ถ้าอยากศึกษา เป็นภาษาไทยลองที่นี้ครับ hxxp://www.thaicss.com สุดยอด css เมืองไทย ไม่ได้ โคนา นะครับ

[smith]

โค๊ด:

http://www.divland.com/

เว็บนี้ก็สอนตั้งแต่พื้นฐานเลยละครับ ไม่ได้ค่าโฆษณาเหมือนกัน แต่เว็บเขาดีจริงๆ

[BosnoS]

ขอบคุณครับ เด๊ยวไปศึกษาก่อน

ยังไม่รู้เลยว่า จริงๆแล้ว มันคืออะไร เป็นยังไงกันแน่ ลองไปศึกษาดีกว่า

[ฉันไม่มีตัวตน]

เท่าที่อ่านมาเค้าบอกกันว่า bot ไม่ชอบ Tabel ดังนั้น css ฉลุย

[punlop]

ดีครับ เพราะคุมส่วนต่างๆ ได้อย่างอิสระครับ แต่ต้องเข้าใจมันนิดนึงนะครับ เพราะยังมี browser บาง version มอง style ออกมาไม่เหมือนกัน แต่มันมีวิธีอยู่ครับ

[jiw]

( ไม่รู้ผมเข้าใจ css / div ถูกตามที่ผมรู้ปะนะ )


ตอนนี้ ผมก็เขียนเว็บ โดยยึด css มาใช้เป็นหลัก .. เพื่อลดขนาดไฟล์ให้เล็กลง

( ซึ่งช่วยได้เยอะ )

ที่รู้จัก การทำแนวนี้ เพราะว่า ใช้ปั่นเว็บ

ก็เลย ศึกษาคร่าวๆ


บวกกับ ตอนนี้สนใจมากขึ้น เพราะว่า เรียน basic ของมันอยู่ที่คณะ

[loveamazonthailand]

ใช้ css ถ้าชำนาญแล้วจะดีมาก ๆ ครับมันทำได้ง่ายมาก ๆ แถมยังลด code html ได้อย่างมหาศาล

[thaizeal]

ใช้ css (คอนเท้นสไตล์ชีส )ดีมากๆครับ ลองสังเกตุเว็บที่ไม่ได้ใช้ css เวลาโหลดเว็บรูปมันจะขึ้นมาทีละรูปๆ แต่ถ้าเรากำหนดโดยใช้ div class ขึ้นมาในcss เวลาโหลดเว็บรูปมันจะขึ้นมาได้อย่างรวดเร็ว และพร้อมๆกัน(แบบมีสไตล์)
ดีครับ ฟันธง!...
 

[ball6847]

ในความคิดผมนะ ขอแยกเป็นข้อๆ ละกัน แต่ผมไม่เซียน CSS นะ แค่เคยอ่านเรื่อง ปัญหา table กะบอท ก็เลยลองศึกษา css

- ถ้าเราใช้ div css เราสามารถ หลอกตา บอทได้คับ ว่าให้อ่าน content ส่วนไหนก่อน
- ข้อได้เปรียบเรือง class และ id ( สามารถแชร์ property ได้)
- ทำให้ html ไม่รกเหมือน table คับ เพราะค่าต่างๆ สามารถเซ็ตและแชร์ได้จาก css จึงตัด tag ที่ไม่จำเป้นไปได้มากโข
- สามารถเรียกใช้โดยการ import หรือ link css จากไฟล์เข้ามาใช้ได้คับ ดังนั้นบอทจะอ่านไวขึ้น โหลดไวขึ้น idex ไวขึ้น
- สามารถแชร์ css ไฟล์เดียวกันได้จากกี่เว็บกี่หน้าก็ได้
- คุณสมบัตพิเศษที่ html tag ทำมะดาทำไม่ได้

ขอเสียคือ
- ชอบมีปัญหากับ browser ที่ต่างกัน (แต่แค่บางส่วน)
- เวลามันมีเยอะๆ แล้วงงเหมือนกัน เพราะเจอแต่ div div div มึนไปหมด ต้องวางให้เป็นระเบียบ

เอาภาษาอังกฤษมั้ยคับ eBook เรื่อง CSS มีเยอะอ่ะ

เด๋วมีอปุกรณ์มาแนะนำ คับ ของที่ผมคิดว่าช่วยทุ่นแรงในการแก้บั้ก css ได้เยอะ เด่วแปปนึงคับ

[ball6847]

มีปลั้กอินของ firefox มาแนะนำคับ ผมใช้อยู่

- FireBug

เป็นโคตรสุดยอดปลั้กอิน บอกตรงๆว่าเป็นปลั้กอินที่ผมชอบมากที่สุดในตระกุล Firefox
สามารถใช้แก้บั้กที่เกิดจากการผิดพลาดในการเขียนเว็บ
HTML CSS JavaScript (DOM กะ Net ที่ผมใช้ไม่เป็นก็มี)
เราสามารถแก้ code ได้ และเห็นการเปลี่ยนแปลงทันทีที่ browser ได้เลย
เพราะฉนั้นทำให้การแก้บั้กเป็นไปอย่างรวดเร็วมากๆ มีหลายทีที่ผมมึนอยู่นานเพราะไม่ใช่เซียน
ผมเลยต้องลอง และแก้บ่อยๆ แก้ไปเรื่อยๆ จนกว่ามันจะได้อย่างที่คิด ได้ firebug มา ช่วยได้เยอะมากเลย

โหลดได้จากที่นี่

โค๊ด:

https://addons.mozilla.org/en-US/firefox/addon/1843

- IETab

อันนี้เอาไว้สำหรับ ให้ firefox สามารถ สลับ rendering engine ไปมาระหว่าง firefox กะ ie โดยที่ไม่ต้องออกจาก firefox เพื่อไปเปิด ie แค่เรากดสลับ firefox ก็แสดงหน้าเว็บแบบที่ ie แสดงได้เดะๆ้เลย ทำให้เวลาที่เราต้องตรวจการแสดงผล น้อยลงไปเยอะคับ

โหลดได้จากที่นี่

โค๊ด:

https://addons.mozilla.org/en-US/firefox/addon/1419

[daydies]

อืมแว่วๆว่าคุณพร (เจ้าของเว็บ ThaiCSS ขออนุญาตเอ่ยนาม) กำลังปั่น E-Book เกี่ยวกับ CSS ออกมาให้เราได้ดาวน์โหลดมาอ่านแบบฟรีๆ แต่สงสัยว่าคงต้องรอนานหน่อยล่ะครับ เพราะพี่แกรอเทคโนโลยี CSS3 ที่กำลังจะเปิดตัวเร็วๆนี้ (ปลายปีล่ะมั้ง) ผมเองก็ว่าดีเหมือนกัน เพราะเห็นหนังสือที่ออกมา พูดถึงแต่วิธีการใช้ ไม่ได้ดึงมาตรฐานมาเกี่ยวข้องเลย กำลังว่าจะซื้อมาอ่านสักเล่ม แต่พี่แกดันทักท้วงไว้ก่อน เลยขอละไว้ก่อน เอิ๊กๆ

[Tee++;]

มาสนับสนุนด้วยคน XHTML + Style Sheet นี่มันดีจริงๆ ช่วยให้งานง่ายขึ้นอย่างไม่น่าเชื่อ ทำทุกอย่างได้ดังใจนึก โคดสั้นมาก ไม่เกะกะหน้าเวบ (เพราะ css ใช้การ import เอา) ยิ่งถ้าเก่ง Javascript + DOM ด้วยแล้ว ทำลูกเล่นได้สารพัด จะซ่อน จะโชว์ จะเฟด จะ sort ทำได้ทั้งนั้น ถ้าจะเอาให้ครบสูตรในส่วนนี้ผมขอ แนะนำชุดนี้เลยครับ

XHTML
Style sheet
DOM
XML
Javascript

แค่นี้ก็ทำงานได้สารพัดแล้วครับ แล้วหา Server side script อีกตัวมาหนับหนุน ทำได้ทุกอย่าง 

[Jenosize]

css สุดยอดครับ เวปมาตรฐานโลก

[BosnoS]

ขอบคุณมากครับ สำหรับข้อมูล สงสัย จันทร์-อังคาร หยุด 2 วัน จะศึกษาแบบนเน้นๆ เลย หยุดพัฒนาเว็บ รอทำ รูปแบบใหม่เลย

[gootum]

โหลดเร็ว
ช่วยลดขนาดไฟล์
robots วิ่งกระฉูด

[pHasIs]

คุณเต้ ปรึกษาผมได้ครับ 

[BosnoS]

คุณเต้ ปรึกษาผมได้ครับ 

ขอบคุณครับ คุณก้อง


วันนี้แวะไปซื้อหนังสือมาล่ะ อ่านๆ 100 หน้าแล้ว รู้สึกว่า มีของเล่นใหม่ๆ มาให้ทดลองอีกแล้ว

1 ปีที่ผ่านมา  PHP > Adsense > SEO ตอนนี้ก็ CSS ล่ะ เล่นมันไปเรื่อยๆ ทีละอย่างๆ

เดี่ยวลองศึกษาสัก 2-3 วัน แล้วจะดัดแปลง jeedza มาให้ ผู้เชียวชาญในบอร์ด วิจารณ์ นะครับ

[youcanberich]

ชีวิตจะง่ายขึ้นเยอะเลยครับ จะแก้ไขก็แสนจะง่ายไฟล์เดียวจบเลย 

[BosnoS]

มีเรื่องจะปรึกษา งับ ไม่อยาก post กระทู้ใหม่ เด๊ยวเว็บบอร์ดจะรก อาศัยกระทู้นี้เลยละกันนะครับ ผู้เชี่ยวชาญ แวะมาบ่อยๆ ครับ


ข้อแรกเลย 

DocType ปกติ เจอ Code นี้ คิดว่า ขยะ เคยลบทิ้งด้วย แต่หลังๆ ขี้เกียจ ปล่อยทิ้งไว้เฉยๆ เพิ่งมารู้ว่า มันมีความหมายมากกว่าที่คิดไว้อีก

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd ">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd ">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">

รู้สึกว่า จะมีประมาณนี้ พอรู้ว่าอะไรคืออะไร แต่   ... ผมควรใช้แบบไหนล่ะครับ   (เอา Jeedza ) เป็นหลักนะครับ วืชาความรู้ผมก็แค Html กับ PHP มั่วๆ ครับ ไม่รู้แบบลึกๆ เลย ตอนนี้ก็หันมาลอง Css ยังแทบจะไม่เข้าใจอะไรเลย  พอจะลงมือทดลองขำๆ ก็เจอ DocType เลย ทำให้ชะงัก ไหนๆ จะเริ่มทำแบบดีๆ แล้ว ก็ขอรอบเดียวจบ ละกัน ใครสรุปได้บอกหน่อยนะครับ ว่า กรณีผมควรใช้แบบไหนดี ฟันธง มาเลยงับ