» 2007 » April>>Blog Divland

พื้นฐาน กับ CSS Box Model

Apr 17th

ในหน้าเว็บเพจนั้น แต่ละส่วน มองกันอย่างง่ายๆมันก็คือ กล่องแต่ละกล่อง วางต่อๆกัน เป็นการวาง layout พิ้นฐาน ซึ่งมีความสำคัญมาก เราจะมาดูกันว่า box แต่ละอัน มีส่วนประกอบอะไรบ้าง
: ภาพตัวอย่าง
box model

content area 100×100 pixel
padding 10px คือ ส่วนที่เว้นเข้ามาจากเส้นขอบ
boder 10 px คือ เส้นขอบ
margin 10 px คือ ระยะห่างจากเส้นขอบออกไปด้านนอก

ทดสอบ Box model

มาสร้าง favicon ให้เว็บเรากันเถอะ

Apr 16th

Posted by Utto in Tip & Trick

35 comments

favicon ก็คือ ไอคอนเล็กๆ ที่บ่งบอกความเป็นเว็บคุณนั่นเอง แบบนี้

sample_favicon

ในยุค web2.0 นี้ ใครๆก็มี favicon กัน วิธีทำก็คือ ทำภาพมาให้มีขนาด 16×16 pixel เซฟเป็น favicon.ico แล้วอัพโหลดขึ้นไปบนโฮสต์ จากนั้นใส่โค้ด นี้ในส่วน <head> ของหน้า html

<link rel="shortcut icon" href="http://www.divland.com/favicon.ico" />

หรือถ้าคุณต้องการความรวดเร็ว เพียงเลือกภาพที่ชอบ โปรแกรมก็จะ generate favicon ออกมาให้เองเลยครับ ไปที่นี่ได้เลย

Cross browser คืออะไร

Apr 15th

Posted by Utto in เริ่มต้นกับ CSS

6 comments

Browser คือ โปรแกรมสำหรับเปิดหน้าเว็บเพจ
Cross browser คือ การสร้างหน้าเว็บเพจ ที่แสดงผลได้เหมือนกัน ในทุกเบราเซอร์ นั่นเอง มาดูกันก่อนว่า โลกเรานี้มีเบราเซอร์อะไรเป็นที่นิยมบ้าง แล้วอะไรที่ฮิตที่สุด ดูได้ที่นี่ Browser Stats จาก W3C

IE คือ Internet Explorer
Fx คือ Firefox
Moz คือ The Mozilla
S คือ Safari บน เครื่อง Mac
O คือ Opera
N คือ Netscape

จะเห็นว่า IE 6 กับ Fx สูสีกันเลยทีเดียวส่วน N นั้น มีผู้ใช้น้อยกว่า 1% จึงตัดการแสดง stat ออกไป และทั้งหมดนี้คือ เบราเซอร์ ที่คุณจะต้องนำหน้าเว็บมาตรวจสอบ ก่อนนำขึ้นจริง เป็นอะไรที่ยุ่งยากพอสมควรเลยทีเดียว เพราะเบราเซอร์แต่ละอันนั้น ก็มีจุดที่แตกต่างกัน สำหรับผู้ใช้เว็บไทยนั้นส่วนใหญ่ จะเป็น IE6 Fx และ Opera บ้างนิดหน่อยครับ อาจจะเชกแค่ IE Fx ก็น่าจะเพียงพอสำหรับเว็บไทย แต่ถ้าเว็บคุณมีผู้ใช้ ต่างประเทศ หรือเป็น อี-คอมเมิซ ก็ควรอย่างยิ่งที่จะแสดงผลได้ตรงกันทุกเบราเซอร์

วิธีเช็ก cross browser

ความรู้ และ การรับรู้

Apr 15th

Posted by Utto in webmaster talks

7 comments

สวัสดีปีใหม่ไทยนะครับ เพื่อนๆคงจะได้ สาดน้ำกัน มันส์เต็มที่กันไปแล้ว หลังจากผ่านมาได้ 2 วัน ถ้ายัง ก็เชิญ สาดได้ที่นี่เลยครับ สาด here สาด here here $\:d/$ วันก่อน ผมไปเดิน Central World Plaza หลังจากเลิกงาน เพราะว่าอยู่ไม่ไกลกันมากนัก ด้วยความตั้งใจว่า จะไป อุทยานการเรียนรู้ซึ่งอยู่ที่ชั้น 6 ได้ยินชื่อมานานแล้ว ก็ได้แวะไปซักที ไปถึงก็ยังไม่ได้เข้าไปหรอกครับ เพราะต้องสมัครสมาชิก และใช้บัตรผ่านเข้าไป เลยได้แต่เดินมองดูรอบๆ ตั้งใจว่าจะไปสมัครวันหลังเพราะนี่ก็ใกล้จะปิดแล้ว ผมไปก็เกือบ 2 ทุ่มแล้วล่ะครับ บรรยากาศรอบๆก็โอเคเลยครับ สวยงามดี น่าใช้บริการเป็นอย่างยิ่ง สำหรับ คนที่รัก การเรียนรู้ ด้วยตัวเอง และชอบที่จะเป็นสมาชิกห้องสมุด เพื่อยืมหนังสือมาอ่าน สงสัยวันหยุดผมจะต้องมาสิงสู่อยู่ที่นี่ซะแระ ลองดูภาพ และรายละเอียดต่างๆได้ที่นี่เลยครับ www.tkpark.or.th