:wowww:ได้ฤกษ์เขียนซะทีนะ
favicon คืออะไร?มันก็คือ icon ที่อยู่ตรง url หน้า http:// ที่บ่งบอกความเป็นเว็บของคุณนั่นเอง เช่นเดียวกับ icon ที่อยู่บนหน้า desktop น่ะแหละครับ
ทำไมต้องมี favicon?1. ทำให้เว็บเราดูสวยขึ้นเล็กน้อย อย่างผิดหูผิดตา (ถ้ามีคนช่างสังเกต เพราะว่ามันเล็กมาก 16x16 เท่านั้น)
2. ทำให้ผู้เยี่ยมชมสามารถจดจำเว็บเราได้ จากภาพ หรือสัญลักษณ์ ทางวิทยาศาสตร์เขาว่า..ในเชิงการใช้สีหรือรูปสัญลักษณ์แทน สิ่งของหรือบุคคลนั้นๆ จะช่วยให้มนุษย์จดจำได้ดี ... เกี่ยวกันมั้ยหว่า 555
2. เวลาเรากด Bookmarks หรือ บันทึกหน้านั้นไว้เป็น รายการโปรด ของเราก็จะเห็นไอคอนนั้นได้เด่นชัด งดงามอร่ามศรี
ทำยังไง?ก่อนอื่นก็ต้องมีโปรแกรมที่สามารถสร้าง .ico ได้ แล้วเราก็สร้าง icon ของเรา (ยากฮิ)
มีวิธีง่ายกว่านั้นมั้ยปัจจุบันนี้มีเว็บ tool ที่ช่วยให้เราสร้าง favicon ได้เพียงแค่
อัพ, คลิก, save 3 ขั้นตอนง่ายๆ ง่ายมั่กๆ ณ ที่นี้ผมจะยกตัวอย่างเว็บนี้มาแล้วกันครับ ลองมาหลายเว็บแล้ว อันนี้ เข้าใจง่ายสุด ไม่ยุ่งยากครับ
คลิกเข้าไปที่เว็บด้านล่างนี้กันเลยครับ!!
ทีนี้ท่านก็จะเห็น ปุ่ม Browser ใต้ปุ่มเขียนว่า
"Supported file formats: gif, jpg, png, and bmp." เขารองรับภาพเกือบทุก format จริงๆ แจ่มๆ ทีนี้ท่านก็เลือกภาพเลยครับ อยากให้ภาพไหนมาเป็น icon ของท่าน ยัดมันเข้าไปเลย ผมจะใช้ภาพหลอดไฟ แบบในรูปนี้แล้วกันนะครับ อ่ะเดี๋ยวก่อน อ่านตรงนี้กันหน่อยครับ
# Use a gif or png with transparency if you require it.
# Maximum file size: 150.00 kB.เขาว่าถ้าภาพของเราเป็นแบบโปรงใส icon ก็จะโปร่งใสด้วยนะคร้าบ ว้าวว แจ๋วจริงๆ และขนาดไฟล์ของรูปที่เราจะใ้ช้ทำ icon ก็ต้องไม่เกิน 150.00kb นะครับ ภาพที่ผมใช้ 70 x 70 pixel ขนาด 2.83 KB
เมื่อเลือกรูปแล้ว มาดูตรงนี้กันหน่อย สำหรับคนที่ไม่ได้ทำ Favicon สำหรับบนเว็บนะครับ ท่านสามารถทำ icon ใช้เองได้ เพียงแค่ติ๊กเครื่องหมาย ถูก ในช่องที่ท่านต้องการ (ลองทำกันดูนะ)
เมื่อได้แบบนี้แล้ว จะรออะไรอยู่ล่ะครับ กดดิ๊ Create icon
แต๊น แตน แต้นนนนน อะไรจะง่ายดายปานชะนี้ ได้มาแล้วครับ icon ของเรา กด download เลยครับเพื่อ save มาไว้ในเครื่องเรา
ในที่สุดผมก็ได้ icon ที่เป็นนามสกุล .ico มาเป็นของผมแล้ววววว
555+
เอามาใส่ยังไง?ทีนี้เ็ป็นขั้นตอนสุดท้ายแล้ว ล่ะครับ ให้เอา favicon.ico มาเก็บไว้ใน
สำหรับการติดตั้ง Favicon บนเว็บไซต์ สามารถทำได้โดยจัดเก็บไฟล์ favicon เข้าไปใน directory เดียวกันกับ directory หลักที่ใช้เก็บ Files webpage ต่างๆ เช่น
www.dekitclub.com/forum/favicon.ico ซึ่งเป็นที่เดียวกันกับที่เก็บ
www.dekitclub.com/forum/index.php และมันเป็นอย่างนี้ครับ การทำงานในขั้นแรก browser จะค้นหาไฟล์ favicon.ico ถ้าไม่พบ มันก็จะตรวจสอบใน "directory ระดับสูงสุดของ server"
* เช่น
www.dekitclub.com/favicon.ico แต่ก็ใช่ว่า เราเอา favicon.ico ไปใส่แล้ว จะเห็น icon ของเว็บเราเสมอไปนะครับ เนื่องจากมันยังขึ้นอยู่กับ
"ชนิด" และ
"การตั้งค่า" ของ browser ด้วย ดังนั้น อีกวิธีหนึ่งที่ทำได้เหมือนกันก็คือ การประกาศไฟล์ favicon.ico ไว้ใน section
<head> ของหน้าเว็บ โดยเพิ่ม tag บรรทัดล่างนี้เข้าไปครับ
<link rel="shortcut icon" href="favicon.ico">ตัวอย่าง<html>
<head>
<title>...</title>
<meta http-equiv="Content-Type" content="text/html; charset=TIS-620">
<link rel="shortcut icon" href="favicon.ico">
</head>
<body>
...
..
เรียบร้อยแล้วครับ อิิอิ ไม่ยากเลยใช่มั้ยครับ ลองเอาไปประยุคกับ blog, hi5 ดูนะครับ ว่าได้หรือเปล่า ^^ อ้อ อ่านที่ท้ายประโยคนี่นิดนึงครับ
* เรียกเ็ป็นภาษาของ Linux ว่าอะไร ใครตอบได้เอาไป +5 พลังความคิดเลยครับ
