April 19, 2007 at 7:25 pm
· Filed under Web Standards
Web Standards คำนี้อาจจะไม่คุ้นหู ใครหลายๆคน หรือบางคนอาจจะรู้จักมาบ้างแล้ว วันนี้เรามาพูดถึงเรื่องนี้กัน ในที่นี่เราจะพูดถึง 2 ชนิด คือ
1. W3C Standards
2. ECMA Standards
w3c ก่อตั้งโดย นาย Tim Berners ในปี 1994 มีสมาชิก เช่น ไมโครซอฟท์, แอปเปิล, ไอบีเอ็ม ตั้งขึ้นเพื่อกำหนดมาตรฐานของเว็บไซต์ ในส่วนของ html xml xhtml และ css ส่วน ecma(European Computer Manufacturers Association) นั้น เกิดขึ้นในปี 1961 ตั้งขึ้นเพื่อกำหนดมาตรฐานเกี่ยวกับ จาวาสคริป และ DOM (Document Object Model)
ทำไมต้อง Web Standards
ถ้าหากคุณเคยเปิดเว็บไซต์ด้วยเบราเซอร์หลายๆอัน ก็จะพบว่า แต่ละอันก็ต่างคนต่างพัฒนา แล้วยังแย่งกันครองตลาดอีกด้วย การแสดงผลก็ต่างกัน ทำให้เป็นปัญหาแก่้ผู้พัฒนาเว็บเป็นอย่างมาก ที่จะทำเว็บไซต์เข้าถึงได้ทุกบุคคล ทุกเบราเซอร์ และ ทุกเครื่องที่จะแสดงผล (เช่น แสดงผลบน ทีวี pda จอคอม หรืออื่นๆ) ดังนั้น จึงมีการกำหนดมาตรฐานการทำเว็บไซต์ขึ้น เพื่อให้ผู้พัฒนาเว็บ ได้เดินไปในแนวทางเดียวกัน
ประโยชน์ของ Web Standards่
อ่านต่อ คลิกที่นี่ »
Permalink
April 18, 2007 at 12:05 pm
· Filed under Webmaster talks
น่ารักดีครับ เห็นแล้วก็ชอบเลย เผื่อว่าใคร อยากจะขอบคุณใคร ซัก 1 ล้านคำ จะได้เอาไปใช้นะ
ไปที่ลิ้งค์นี้เลย ครับ http://axonnsd.org/WebData/FlashFun/flash/thankyou.swf
Permalink
April 17, 2007 at 6:48 pm
· Filed under เริ่มต้นกับ CSS
ในหน้าเว็บเพจนั้น แต่ละส่วน มองกันอย่างง่ายๆมันก็คือ กล่องแต่ละกล่อง วางต่อๆกัน เป็นการวาง layout พิ้นฐาน ซึ่งมีความสำคัญมาก เราจะมาดูกันว่า box แต่ละอัน มีส่วนประกอบอะไรบ้าง
: ภาพตัวอย่าง
content area 100×100 pixel
padding 10px คือ ส่วนที่เว้นเข้ามาจากเส้นขอบ
boder 10 px คือ เส้นขอบ
margin 10 px คือ ระยะห่างจากเส้นขอบออกไปด้านนอก
ทดสอบ Box model
อ่านต่อ คลิกที่นี่ »
Permalink
April 16, 2007 at 11:58 pm
· Filed under Tip & Trick
favicon ก็คือ ไอคอนเล็กๆ ที่บ่งบอกความเป็นเว็บคุณนั่นเอง แบบนี้
ในยุค web2.0 นี้ ใครๆก็มี favicon กัน วิธีทำก็คือ ทำภาพมาให้มีขนาด 16×16 pixel เซฟเป็น favicon.ico แล้วอัพโหลดขึ้นไปบนโฮสต์ จากนั้นใส่โค้ด นี้ในส่วน <head> ของหน้า html
-
<link rel="shortcut icon" href="http://www.divland.com/favicon.ico" />
หรือถ้าคุณต้องการความรวดเร็ว เพียงเลือกภาพที่ชอบ โปรแกรมก็จะ generate favicon ออกมาให้เองเลยครับ ไปที่นี่ได้เลย
Permalink
April 15, 2007 at 12:03 pm
· Filed under เริ่มต้นกับ CSS
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
อ่านต่อ คลิกที่นี่ »
Permalink
