หน้าเว็บ

TECH & TIPS


1. การทำ Search Engine


1.1 ใส่ Keyword ใน Title ของหน้าเว็บการใส่ keywords ใน title นี้จะช่วยทำให้ Search Engine ต่างๆ รู้ว่า เว็บเราทำเรื่องเกี่ยวกับอะไร
1.2 การใส่ Key Word
ที่ต้องการในส่วนด้านบนของเว็บไซต์และการเน้นด้วยตัวหนาใส่ keywords ที่เราต้องการให้ระบบของ google จับไปว่า เว็บไซต์ของเราทำเรื่องเกี่ยวกับอะไรนั้น ก็ควรใส่keywords นั้นๆ เป็นตัวหนา เป็น head1 head2
1.3 หลีกเลี่ยงการออกแบบเว็บไซต์ด้วย Flash หรือรูปภาพเยอะ Search Engine ต่างๆ จะอ่านไม่ออกนะเพราะ Search engine มันอ่านได้แต่ตัวอักษรหรือ html ปกติเท่านั้น
1.4 หลีกเลี่ยงใช้ออกแบบเว็บไซต์ด้วยเฟรม
1.5 ใช้ keyword ที่บริเวณ ลิงค์เชื่อมโยงมาตรฐาน (Standard Text Link) การใช้ Text link เป็นตัวเชื่อมโยง แล้วแทรก Keyword ผสมเข้าไปด้วย
1.6 ควรตั้งชื่อไฟล์รูปภาพ และใส่คำอธิบายให้กับภาพการตั้งชื่อไฟล์รูปภาพ
1.7 จด Domain name ด้วย Keywordการใช้ Keyword หลักของเว็บในการจด Domain name
1.8 เรียก Robot เข้ามาเยี่ยมชมเว็บไซต์เราสามารถเรียก robot ของ google ให้เข้ามาเยี่ยมชมที่เว็บไซต์เราได้โดย เข้าไปที่ http://www.google.com/addurl/ เพื่อ add ชื่อเว็บไซต์ของเราเพื่อให้ google เข้าไปเก็บข้อมูลและเนื้อหาของเราและใส่เว็บไซต์ของเราลงไปในฐานข้อมูลของ google
1.9 แลกลิงค์กับเว็บไซต์อื่นๆ1.10 ทำ Site Map ให้กับเว็บไซต์ของคุณ เมื่อระบบของ google วิ่งมาในเว็บไซต์เราแล้ว รู้ว่า ควรจะไปทางไหน เหมือนกับเป็นแผนที่นำทาง พา google ไปเยี่ยมชมเว็บไซต์เราให้ครบทุกจุด


 

2. วิธีใส่ไอคอนหน้า URL


icon หน้า URL เรียกว่า Favorites Icon เป็นคุณลักษณะที่ทำให้มัน
เป็นที่จะเชื่อมโยงโลโก้พิเศษหรือกราฟิก ที่มีขนาดเล็กหน้าเว็บ favicon
จะปรากฏมักจะไปที่ที่อยู่เว็บไซต์เหมือนวิธีที่ไอคอนทางลัดที่ใช้บนเดสก์ทอป
ของคอมพิวเตอร์ที่จะแยกโปรแกรมคอมพิวเตอร์และแฟ้ม favicons สามารถ
ถูกใช้เพื่อกำหนดหรือแบรนด์เว็บไซต์ เพื่อความสวยงาม บ่งบอกถึงเว็บไซต์ต่างๆ
ปัจจุบันเบราว์เซอร์หลักที่สนับสนุน favicons มีดังนี้
Internet Explorer 5 / 6 +
Firefox 1 +
Mozilla 1 +
Netscape 7 +
Opera 7 +
Konqueror 3 +
Safari


วิธีทำ Icon ของเว็บไซต์
1. เตรียมรูปภาพที่จะทำ Icon ขนาด 16x16 พิกเซล Save เป็น สกุล .gif , .jpg,
.bmp หรือ.png ก็ได้
2. เมื่อได้รูปแล้วต้องเอารูปไปแปลงเป็นไฟล์สกุล .ico ซึ่งเราสามารถใช้โปรแกรม
แปลงไฟล์ เช่น AWicons Lite , AtoBsoft PNG to ICO Converter หรือตามเว็บ
ที่ให้แปลงไฟล์ก็ได้ โดย เข้าไปที่ URL ดังนี้
http://tools.dynamicdrive.com/favicon/
หรือ http://favicon.htmlkit.com/favicon/

 

3. กด Browse หรือกดเรียกดู เพื่อเลือกไฟล์ที่รูปภาพ
 

4.เลือกเสร็จก็กด Upload it! รอซักพัก แล้วแต่ขนาดไฟล์ ถ้ารูปใหญ่ก็รอนาน
 


ดูตรง
Host It at IconJ.com: (Direct Link) แล้วก็อปโค้ดมาสำหรับตำแหน่งที่
วางโค๊ดนี้ลงไปให้วางไว้ในแท็ก HEAD ตัวอย่าง

<head>

<link rel=”shortcut icon” href=” URL รูปไอคอน .ico”> หรือ

<link rel="shortcut icon" href="URL รูปไอคอน .gif" type="image/gif">
( กรณีเป็นภาพเคลื่อนไหว ) หรือ

<link rel="shortcut icon" href="http://www.เว็บคุณ.com/
URL รูปไอคอน .ico">

</head>


สำหรับทำแล้วไม่ขึ้นให้ดูข้อควรระวังตามนี้

1. ไฟล์เป็นไฟล์ .ico หรือไม่

2. ไฟล์ icon เรียกใช้ถูกที่หรือไม่

3. ตรวจสอบ Version เบราว์เซอร์ที่สนับสนุน
 

 

3.สร้าง Barcode แบบง่ายๆโดยใช้ Photoshop

ขั้นตอนที่1.
เริ่มจากสร้างไฟล์ใหม่ขนาดใดก็ได้ตามที่เราต้อการโดยมาที่คำสั่ง File --> New
สร้าง Layer ใหม่โดยคลิ๊กไอค่อนรูปกระดาษตรง Layer จากนั้นใช้อุปกรณ์ Marquee tool ที่มีลักษณะเส้นเดี่ยว
ขั้นตอนที่2.
(Single row marquee tool) แล้วทำการคลิ๊กที่พื้นที่การทำงาน ก็จะได้เส้นประเดี่ยวดังภาพ


ขั้นตอนที่3.
จากนั้นให้ทำการเลือกสี Foreground color เป็นที่เราต้องการ จากตัวอย่างจะใช้สีดำจากนั้นมาที่คำสั่ง Edit --> Fill ,Use = Foreground Color
ขั้นตอนที่4.
ยังไม่ต้องทำการยกเลิกเส้น Selection นะขอรับ แล้วให้มาที่คำสั่ง Fileter --> Noise --> Add Noise แล้วปรับค่าต่างๆ ดังภาพ. แล้วก็ OK






 

ขั้นตอนที่5.
ให้ทำการยกเลิกเส้น Selection โดยมาที่คำสั่ง Select --> Deselect จากนั้นให้ทำการยืดขึ้นโดยใช้คำสั่ง Edit --> Free transform ( Ctrl + T ) แล้วให้ยืดดังตัวอย่าง Barcode ก็จะปรากฎดังภาพ.



ขั้นตอนที่6.
จากนั้นให้ Marquee tool สร้างเส้นสี่เหลี่ยมผืนผ้าจากนั้นให้ Fill สีขาวลงไป
(Edit --> fill ,use = White) แล้วทำการพิมพ์ Text ตัวเลขลงไปโดยใช้อุปกณณ์ Type toolก็เป็นอันเสร็จกระบวนการ.

 

 



 



 

ไม่มีความคิดเห็น:

แสดงความคิดเห็น