ทำ Web site icon สวยๆ กันดีกว่าครับ

เคยไม่ครับที่บ้างครั้งเข้าเว็บคนอื่นแล้ว เว็บเค้ามี Icon สวยๆ ที่ Title ของ Windows วันนี้เรามาดูกันครับว่ามีหลักการทำให้ Icon สวยๆ เหล่านั่นมาปรากฏที่เว็บเราบ้างทำยังไง หลายคนอาจไม่สังเกตุลองดูรูปด้านล่างนะครับว่า Web site icon นั่นอยู่ที่ไหนของเว็บเพจ



  • เริ่มต้นเราต้องหา Icon ที่่มีขนาด 16 x 16 pixel มาก่อนนะครับ โดยจะต้องเป็นไฟล์นามสกุล .ico นะครับ หรือว่าเราจะดาวโหลดจาก https://www.google.com/favicon.ico ของ Google ก็ได้นะครับ หรือว่าเราจะสร้าง favicon เองก็ได้นะครับจากเว็บนี้ http://www.favicon.cc/ โดยบันทึกไว้ที่โฟว์เตอร์ที่เราเก็บ index.htm นะครับ
  • จากนั่นเราก็มาเขียนโค็ด HTML เพื่อเรียกใช้งาน Link Icon ของเรากับเว็บของเราครับตามนี้ แล้วบันทึกเป็น index.htm

  • เราลองมารันเว็บที่เราเขียนขึ้นมากับ Icon ของเรานะครับว่าโดยเปิดจาก IE, Chrome หรือว่า Firefox ก็ได้นะครับ ผลลัพธ์ควจจะได้ประมาณนี้นะครับ

เพียงเท่านี้เราก็มี Icon สวยๆ แล้วนะครับ
ถ้าอ่านแล้วชอบอย่าลืมช่วยกด Like Fan Page ที่ http://www.facebook.com/PStudioDev ด้วยนะครับ ขอบคุณครับ