NECTEC
NSTDA
Home
Computer
Program
Internet & Web
Graphics
CAI
Multimedia
Electrical Power
General Education
Special Education
Links
Webmaster
Web Design by HTML

สร้างไอคอนให้กับเว็บไซต์

หลายท่านคงเคยเห็นเว็บไซต์บางเว็บไซต์จะมีไอคอนพิเศษเฉพาะของตนเองปรากฏนำหน้า Title และเมื่อมีการ Bookmark ก็จะปรากฏไอคอนนี้ในรายการ Bookmark ด้วย ถ้าท่านต้องการให้เว็บไซต์ของท่านมีไอคอนกำกับ ก็ลองทำตามวิธีต่อไปนี้ดูน่ะครับ

ขั้นตอนที่ 1 เตรียมไอคอน

สำหรับการเตรียมไอคอนที่รวดเร็วที่สุด ก็คือการเลือกไอคอนสำเร็จรูป ซึ่งมีให้เลือกมากมายจากเว็บไซต์ เช่นเว็บไซต์

หรือจะเลือกการสร้างเองโดยดาวน์โหลดโปรแกรมที่สนใจได้จากเว็บไซต์ http://www.allthesoft.com/desktop/icon-maker/ โดยจะต้องสร้างไอคอนขนาด 16 * 16 pixels

จากนั้นคัดลอกไฟล์ไอคอนที่เตรียมไว้ในโฟลเดอร์ของเว็บไซต์ แล้วโอนเข้าสู่เว็บไซต์

ขั้นตอนที่ 2 ลงรหัส HTML

  • เปิดไฟล์ index.html หรือไฟล์แรกของเว็บไซต์
  • เข้าสู่โหมด HTML ป้อนคำสั่งใน Head Section ดังนี้
<HEAD>
<LINK REL="SHORTCUT ICON" HREF="http://www.mydomain.com/myicon.ico">
<TITLE>My Title</TITLE>
</HEAD>
  • แก้ไขรายการส่วนสีแดงให้ตรงกับชื่อไอคอนที่เตรียมไว้ แล้วโอนไฟล์เข้าสู่ Server เพื่อตรวจสอบ