วันนี้เราจะมา ลองทำ SEO หรือ Search Engine Optimizer คร่าวๆๆ ยิ้มใส
 ก่อนที่จะมาพูดถึงการทำ   Sitemap.xml    สำหรับเจ้าของเว็บ นะครับ ควนจะ ไปฝากลิงค์กับ พวก Search Engine ก่อน แนะนำก้มี ปิ้งๆ
กูเกิ้ล ก่อนเลย  http://www.google.com/addurl/
ยาหุ้ นะ    https://siteexplorer.search.yahoo.com/submit

ต่อไปเราก้จะ ทำ sitemap.xml  ถามว่าเอาไปทำอะไร เหว่อ

ก่อนอื่นอีกครับ คุณจะต้องมีบัญชี หรือ อีเมลืของกูเกิ้ล เพื่อที่จะ เข้า ไปถึง Google Webmaster tools นะ
1. เข้าเว็บนี้ เพื่อ ทำ การ generate Sitemap.xml นะครับ   http://www.xml-sitemaps.com/
2. ต่อไปเราก็ใส่รายละเอียดให้ครบ นะ แล้วกด START ตามรุปเล้ย

3.ต่อไปเราก็จะทำการ รอซักครุ่ เพื่อให้มันทำการ Generate นะครับ แล้วเราก็โหลดมาเลยตามภาพ

4. ต่อไปเราก็เข้าไปที่ Google Webmaster tools เพื่อที่จะทำการติดตั่ง sitemap.xml เข้าไปนะครับ ตามรูป ถ้าติดตั่งผิด
http://image.ohozaa.com/in/xmll3.jpg
คราวนี้ กูเกิ้ล ก็จะรุ้จักเว็บเราแล้วมากกว่าเดิม ฮ่าๆๆ อิอิ

ใน google webmaster tool นี่อาจจะต้อง setup หลายอย่าง เพื่อทำการ ยืนยัน่าเราเป้นเจ้าของเว้บนั้นจริงหรือป่าว ยังไงลองศึกษาดุนะครับ


ใน ส่วนของ SEO ที่ขาดไม่ได้ คือ TAG หรือ พวก Meta tags นะครับ นี่คือรูปแบบ meta tags นะครับ อ๋อ tags นี่ อยู่ในส่วนของ HEAD นะครับ เหงื่อตก


<meta name="description" content="Free Web tutorials" />
<meta name="keywords" content="HTML,CSS,XML,JavaScript" />


ประมาณนี้นะครับ  อาย

Adobe Kuler

posted on 10 May 2009 20:09 by jammycray  in Web-design
ชุมชน คนรักสี และ designer ครับ ของทางAdobe นะครับ  สามารถ เลือกสี หรือ สร้างสี หรือ ดูสีที่คนอื่นเลือกเพื่อใช้ เป็น แนวทางก็ได้นะครับ เจ๋งมากครับ หรือ จะเอามาใช้ก็ได้เลยมีโค๊ตสีเรียบร้อยที่เจ๋งมากกว่านั้น

สำหรับนักทำเว็บ ที่ใช้โปรแกรม Dreamweaver สามารถ ดาวน์โหลด externsion มาใช้ได้ด้วยนะครับ จะเลือกสี แบบออนไลน์ได้ ใช้ได้ทุกโปรแกรมเลย อย่างเช่น photoshop, illustrator ก็ใช้ได้ โดยเรียกผ่าน window> extension> Kuler เราสามารถสร้างเพื่อเก็บเป็นสต๊อคสีหรือ แชร์กับคนอื่นได้ครับ มีการเลือกสี 7แบบนะครับตาม theory  น่าจะมีสีสวยๆให้ทำงานมากมาย  ลองชมลิงค์ ด้านในได้เลย สำหรับคนที่อยากสร้างสต๊อค ก็ต้องสร้าง adobe id ก่อนนะฮะ หรือ สมัครสมาชิกนั้นเอง
ส่วนนี่เว้บ
http://kuler.adobe.com/
โดยปรกติแล้ว แบนเนอร์ก็จะมีขนาดที่ใช้กันอยู่ทั่วไปอยู่เหมือนกัน  ทาง IAB (Interactive Advertising Bureau) ได้มีการรวบรวม ขนาดมาตรฐานของแบนเนอร์ 8 แบบนะครับ ลองดูได้ครับ

 

 

 

 

 

 

 

 

 

 

 

 

468 x 60  - ขนาดไฟล์    40k    
234 x 60  - ขนาดไฟล์   30k
88 x 31    - ขนาดไฟล์   10k    
120 x 90  - ขนาดไฟล์    20k    
120 x 60   - ขนาดไฟล์  20k    
120 x 240- ขนาดไฟล์   30k
125 x 125- ขนาดไฟล์     30k    
728 x 90  - ขนาดไฟล์     40k

และยังมี ขนาดแบบ retangle หรือ สี่เหลี่ยม และ popup อีกครับ ที่ใช้กันอย่างเผ่ยหลาย

300 x 250  - ขนาดไฟล์ 40k    
250 x 250  - ขนาดไฟล์ 40k    
240 x 400  - ขนาดไฟล์ 40k    
336 x 280  - ขนาดไฟล์ 40k    
180 x 150  - ขนาดไฟล์ 40k   

edit @ 10 May 2009 16:15:55 by jammycray

edit @ 10 May 2009 16:16:10 by jammycray

การปรับรูปทรงตัวหนังสือ  ในโปรแกรม illustrator นะครับ
เราจะมาเรียนรุ้คำสั่ง Envelop ในการปรับรูปทรงตัวหนังสือนะครับ

คำสัง Envelop มีอยู่ สาม แบบ แต่จะพูดถึง 2อย่างที่ จำเป้นนะครับ
คือแบบ mesh แล้ว แบบ fit to object นะครับ แป๋ว

มาดูแบบที่1ก่อน นะครับ แบบ Mesh

ดูต่อได้ที่

http://graphicnaked.com/smf/index.php?topic=230.0

การทำ icon ใช้กับเว็บ

posted on 09 May 2009 19:59 by jammycray  in Web-design
การทำ icon ใช้กับเว็บ


มา พูดเรื่อง การทำ icon ใช้กับเว็บ บ้างนะครับ เผื่อบางคนยังไม่รุ้ ก่อนอื่นจะแนะนำโปรแกรม ทำไอคอน ที่ใช้ เป็น Freeware ประสิทธิภาพพอใช้ได้เลยนะครับ ทำ transperent ได้ ด้วย หรือ สามารถสร้างไอคอนจากภาพได้ ด้วยอีกต่างหากนะครับ
ลองดูโปรแกรมนี้ได้ ที่ Thaiware นะครับ
http://www.thaiware.com/main/info.php?id=8415

หน้าตาโปรแกรมน่าใช้ดีนะครับ อิอิ

มาเริ่มกันก่อนเลย ก่อนอื่นก็ทำ รูป icon มาก่อน แล้วsave เป็น BMP นะครับ แล้วไปเปิดกับโปรแกรมนั้น แล้ว save ออกมาเป็น icon ได้เลย
นาสกุล ico เนอะ เทห์ไปปะ

ต่อมาฮะ เทห์ไปปะ

ให้เราเปิดหน้าเว็บ เรานะครับ เอาโค็ตตัวนี้ไปใส่ไว้ที่ ในส่วน ของ <head >  </head>


<link rel="shortcut icon"href ="ที่อยู่ของไฟล์ ico นะครับ">


อย่างเช่น

<link rel="shortcut icon"href ="http://www.graphicnaked.com/gn.ico">

 นะครับ
แค่นี้เองก็จะได้แระฮ่าๆๆ ง่ายไหมครับ ดูได้จากภาพ

อันนี้ทำมาแจกเองจัดไป อาจจะไม่งามมากนะฮะ
โหลดเลย เหงื่อตก
http://graphicnaked.com/0102.rar