สวัสดีครับ เมื่อปีที่แล้วก็มาแนะนำกันไปแล้วนะครับ กับค่าย INET Young Webmaster Camp หรือ IYWC 8 ซึ่งปีนี้ก็จัดขึ้นเป็นครั้งที่ 9 แล้วครับ

ค่ายนี้จัดขึ้นเพื่อสอนน้อง ๆ นิสิตนักศึกษาให้ทำเว็บไซต์ในแบบธุรกิจจริง ๆ หรือพูดง่าย ๆ ว่า ทำเว็บไซต์ที่สร้างเงินได้ นั่นเอง โดยมีการเชิญกูรู และเจ้าของเว็บไซต์ดัง ๆ ในแวดวงออนไลน์ เช่น พี่ปอนด์ เจ้าของเว็บไซต์ Dek-D.com, พี่ป้อม เจ้าของเว็บไซต์ TARAD.com, พี่โก๋ พิธีกรรายการแบไต๋ไฮเทค, พี่เจ ผู้บริหารเว็บไซต์ Sanook.com และท่านเทพอีกหลาย ๆ ท่านที่ไม่ได้กล่าวถึงครับ

เชื่อว่าหลาย ๆ คน (รวมทั้งผม ก่อนหน้านี้) มองว่าการทำเว็บไซต์เป็นแค่งานอดิเรก ทำชิว ๆ ไม่ต้องคิดอะไรมาก ถ้าเว็บดังแล้วคงติดโฆษณาหาเงินอะไรงี้ ซึ่งความจริงถ้าได้เข้าไปในค่ายจะรู้ว่าเว็บไซต์ = ธุรกิจ อย่างนึงได้เลย ทำยังไงให้เว็บไซต์ดัง ทำยังไงให้เว็บไซต์มีรายรับหล่อเลี้ยงตัวเองได้ ครับ

YWC แบ่งเป็นสาขาอะไรบ้าง

ค่าย Young Webmaster Camp แบ่งเป็น 4 สาขา ดังนี้:

• Web Marketing – เว็บไซต์ทุกเว็บมีรายรับรายจ่ายครับ ต่อให้เป็นเว็บเล็ก ๆ ก็ต้องจ่ายค่าโดเมน ค่าโฮสติ้ง ซึ่งสาขานี้จะสอนว่าทำยังไงให้เว็บไซต์มีรายได้ โปรโมทเว็บไซต์อย่างไร โมเดลธุรกิจแบบรอแปะโฆษณาบนเว็บนี่พอมั้ย (อย่าเอาไปรวมกับวิธี Black Hat ทำเว็บปั่น SEO ติด Adsense นะครับ ค่ายเราไม่สนับสนุนให้สร้างเว็บที่ทำแต่เงิน ไม่ทำประโยชน์ให้คนเข้าครับ)
• Web Design – สาขานี้คนอ่านเว็บไซต์นี้ต้องเข้าครับ!! เว็บดีไซน์ที่ดีเนี่ยนอกจากจะสวยงามแล้ว ต้องใช้งานง่ายด้วยครับ ถ้าลองมองดูดี ๆ จะเห็นว่าเว็บที่ดีไซน์ที่ดี ทุกรายละเอียดจะมีความสำคัญครับ เช่น ทำไมต้องใช้สีโทนนี้ ทำไมต้องจัดวางเมนูนี้ไว้ตรงนี้ ทำไมต้องใช้คำ ๆ นี้บนปุ่ม มาเข้าค่ายนี้แล้วจะได้เรียนรู้เรื่องพวกนี้เพิ่มอีกเยอะเลยครับ
• Web Content – คงเคยได้ยินครับกับประโยคที่ว่า CONTENT is KING หมายความว่าเว็บไซต์ (บางประเภทนะครับ) เนื้อหาบนเว็บสำคัญกว่าส่วนอื่น ๆ ทั้งหมด เพราะทำให้คนที่เข้าติดใจ ถ้าเว็บเราทำเนื้อหาดี ใครชอบเขียนบทความ เขียนบลอค หรือเรียนคณะอักษรศาสตร์ แนะนำให้ลองมาเข้าสาขานี้ จะได้เรียนรู้ว่าเขียนบทความบนเว็บอย่างไรให้น่าสนใจครับ
• Web Programming – สาขานี้ยอดฮิตครับ ตอนผมเข้าค่ายนี้เมื่อ 2 ปีก่อน ก็เข้าสาขานี้ครับ (พอจบค่ายเลยทำให้รู้ว่าตัวเองกากดีไซน์มาก จนต้องมาเปิดเว็บนี้) ใครชอบเขียนโค้ด PHP, MySQL และอยากรู้ว่าการใช้ CMS มันดีมั้ย การทำเว็บให้รองรับคนเข้าเยอะ ๆ โดยไม่ล่มต้องทำยังไง ต้องมาเข้าค่ายนี้เลยครับ !!

ใครอ่านถึงตรงนี้แล้วสนใจอยากสมัคร มาสมัครกันได้เลยครับที่ http://www.ywc.in.th/

YWC เข้าค่ายนี้แล้วได้อะไร

รวบรวมจากประสบการณ์ของผมนะครับ ว่าทำไมถึงอยากแนะนำให้เข้าค่ายนี้

• การทำเว็บให้เป็นธุรกิจไม่ค่อยมีที่ไหนสอนหรอกครับ พวกโรงเรียนสอนคอมอย่าง NetDesign ก็จะเน้นสอนพวกเทคนิคต่าง ๆ มากกว่า เค้าไม่สอนว่าจะเอาความสามารถนี้ไปทำเงินได้ยังไง แต่ค่ายนี้สอนคุณได้เพราะกูรูที่เชิญมาแต่ละคนล้วนสร้างตัวได้จากเว็บไซต์ทั้งนั้นครับ
• ในค่ายจะมีการแบ่งเป็นหลาย ๆ ทีมแข่งกันทำเว็บไซต์ โดยทีมที่ได้รางวัลเว็บไซต์ยอดเยี่ยมจะได้เงินรางวัลถึง 10,000 บาท เพิ่งมีเงินรางวัลปีนี้ด้วย แอบอิจฉาตาร้อนครับ 55
• ฝึกการทำงานเป็นทีม โดยเฉพาะอย่างยิ่ง Web Programmer ที่ทำงานคนเดียวมาตลอด ถ้าได้มาลองทำงานเป็นทีม มี Web Marketing ช่วยทำการตลาด มี Web Designer ช่วยออกแบบเว็บไซต์ มี Web Content ช่วยเตรียมเนื้อหาให้ จะรู้ว่าผลงานจะออกมาดีกว่าทำคนเดียวหลายเท่าครับ
• ถ้าเข้าค่ายนี้จบมามีงานทำชัวร์ครับ เพราะพี่ ๆ ในค่ายที่เป็นเจ้าของเว็บไซต์ดังต่าง ๆ พร้อมรับน้อง ๆ ค่ายเข้าไปร่วมงานครับ หรือถ้าน้องคนไหนสนใจฝึกงานในบริษัทเหล่านั้น ถ้าบอกว่ามาจากค่ายนี้โอกาสได้เข้าไปฝึกงานจะง่ายขึ้นมาก ๆ
• ได้รู้ตัวเองว่าถนัดด้านไหนกันแน่ บางทีเข้าไปเป็น Web Programmer ออกมากลายเป็น Web Designer ก็มีครับ

ใครที่ยังเป็นนิสิต-นักศึกษาอยู่ รีบสมัครเลยครับ !! โอกาสดี ๆ แบบนี้ไม่มีอีกแล้ว ค่ายฟรี ถือว่าได้ไปเปิดโลกใหม่ ๆ ด้วยครับ สมัครเลยที่ http://www.ywc.in.th/

หากมีข้อสงสัยเกี่ยวกับค่ายก็ถามที่นี่ได้เลยนะครับ ^^ หรือไปถามที่ เว็บบอร์ด YWC9 ก็ได้ครับ

สวัสดีครับ ต้องขออภัยที่ช่วงนี้หมดมุขเล็กน้อย ไม่รู้จะอัพอะไรดี เนื่องจากเรามีการอัพเดท Content หลายช่องทางมากครับ เช่น บทความต่างประเทศเจ๋ง ๆ หรือเว็บสวย ๆ จะทวีตอยู่ใน @designil ครับ ส่วนหน้า Designil Fanpage ใน Facebook ก็จะมีการอัพเดท Status อะไรไปเรื่อยครับ แต่ก็จะเกี่ยวกับ เว็บดีไซน์ อยู่นะครับ

สำหรับหน้าเว็บหลักเราจะคัดสรรมาลงแค่ที่น่าสนใจจริง ๆ เท่านั้นครับ บางทีก็กรองออกมาจากทวีตใน @designil อีกทีนึง (จริง ๆ ที่ทวีตออกไปก็น่าสนใจในระดับหนึ่งอยู่แล้วครับผม)

Video สอนทำหน้า Facebook Fanpage

สิ่งที่ไปเจอมาเมื่อวานนี้เป็นวีดิโอสอนทำหน้า Facebook Fanpage ครับ ซึ่งที่บอกว่า “สอนทำ” หมายถึง สอนเอาดีไซน์ที่เสร็จเรียบร้อยแล้ว เข้ามาใช้ใน Facebook ครับผม

วีดิโอมีความยาว 38 นาทีครับ ออกจะยาวไปสักหน่อย แต่เมื่อคืนผมก็นั่งดูจนจบครับ รับรองว่าดูจบแล้วทำเป็นชัวร์ ๆ ถ้าไปลองหาทางเองยังไงก็เสียเวลามากกว่า 38 นาทีแน่นอนครับ

อันนี้เป็นหน้าที่ผมลองทำดู หลังจากดูวีดิโอจบครับ >> DesignIL Say Hi: Facebook Landing Page

สิ่งที่วีดิโอนี้จะสอน มีดังนี้ครับ:

• เอาดีไซน์ HTML CSS ที่เราทำเสร็จแล้ว เข้าไปใส่ใน Facebook Page
• สอนตั้งค่าตอนสร้าง Facebook App และตอนเอา App มาใส่ใน Page อีกที (Setting มันเยอะครับ ดูวีดิโอแล้วช่วยได้มาก)
• ปกติ Facebook App ยอมให้หน้าต่างสูงสุดแค่ 800px เท่านั้น วีดิโอนี้จะสอนวิธีแก้ให้มันยาวได้ตามดีไซน์เรา
• สอนดึงข้อมูลพื้นฐานจาก Facebook PHP SDK เช่น เช็คว่าถ้าคนยังไม่กด LIKE เพจเราให้แสดงรูปชวนกด LIKE

ถ้าสิ่งเหล่านี้เป็นสิ่งที่ยังไม่รู้ และสนใจอยากจะรู้ ดูวีดิโอได้เลยครับ

How to Design and Program a Facebook Landing Page from NoupeMag on Vimeo.

หากมีข้อสงสัยอะไรในการทำ Facebook Page ตามวีดิโอนี้ สามารถสอบถามได้เลยนะครับ ^^

เพียงไม่กี่ปีที่ผ่านมา การสร้างเว็บไซต์ส่วนตัวเริ่มเป็นมาตรฐานด้วยการเขียนแบบ HTML กับ CSS แต่รู้หรือไม่? ปัจจุบันนั้น เว็บไซต์ทั้งหมดกว่า 14% นั้นใช้ระบบเว็บไซต์ของ WordPress กันทั้งนั้น

เหตุผลเพราะระบบการจัดการรูปแบบต่างๆของ WordPress นั้นมีความกว้างขวางมากมายที่สามารถใช้ได้กับเว็บไซต์ได้แทบทุกประเภท

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

แต่ขณะที่ WordPress นั้นได้ขึ้นชื่อว่ามีระบบเชื่อมต่อ SEO ที่มีการเพิ่มประสิทธิภาพด้านการค้นหาเพื่อให้ระบบ SEO นั้นสามารถเข้าหาได้ดียิ่งขึ้น เราจะมาดูกันว่าวิธีการปรับแต่งเว็บไซต์ WordPress ของคุณให้มีประสิทธิภาพด้านการค้นหาให้มากยิ่งขึ้นนั้นต้องทำอย่างไรบ้าง

ระบบ Permalink Structure for URLs

คุณสามารถหาระบบนี้โดยการปรับที่ Setting > Permalinks ซึ่งระบบ Permalink นี้จะทำให้คุณสามารถสร้าง URL เฉพาะให้กับ WordPress ของคุณ

โดยปกติ หน้าตา URL ของโพสใน WordPress จะเป็นแบบนี้

http://example.com/?p=123

โดยมุมมองของระบบ SEO นั้น ไม่สามารถวิเคราะห์ URL รูปแบบนี้ได้ เพราะหัว URL นั้นไม่มีคีย์เวิร์ด

(คีย์เวิร์ด คือ คำคำหนึ่งที่เป็นคำสำคัญในบล็อคโพสนั้นๆ มีไว้เพื่อเชื่อมกับระบบการค้นหาแบบเล็กๆ จนไปถึงขนาดใหญ่)

ซึ่งบางระบบของ SEO ส่วนใหญ่จะมีผลกับโครงสร้าง URL แบบ single-level ของบล็อคโพส ยกตัวอย่างเช่นระหว่าง URL 2 อัน จากด้านล่างนี้

http://example.com/post-name/

กับ

http://example.com/post-category/post-name/

อันแรกเป็น URL แบบ single-level ของบล็อคโพส, เราสามารถปรับใน WordPress ตรงแผงเมนู Permalink คุณจะเห็นส่วนที่เขียนว่า Common settings ให้เลือกแบบ Custom Structure และใส่ข้อความนี้ลงไป

/%postname%/

เมื่อเลือกเสร็จแล้ว URL ของบล็อคโพสคุณจะขึ้นลักษณะนี้

http://example.com/post-name/

ระบบ Title Tag

แท็ค <title> ในภาษา HTML นั้นมีความสำคัญต่อระบบของ SEO มาก เพราะเว็บเพจทุกหน้าย่อมต้องมีแท็ค <title> เสมอ

ผลของระบบเซิร์จเอนจิ้นนั้น จะนำแท็ค <title> แสดงขึ้นในการค้นหา ยกตัวอย่างเช่น ลองเซิจสักคำใน Google ซึ่งผลที่ได้มาจะออกมาเป็นแบบนี้

เป็นเพราะระบบการค้นหาอันดับแรกนั้นจะขึ้นอยู่กับแท็ค <title> นั่นเอง เช่นที่ผมได้ทำการค้นหาคำว่า “designil” ลงไป ก็จะขึ้นเว็บของ DesigNIL.com ขึ้นมา ก็เพราะหัวแท็ค <title> นั้นมีคำว่า “DesigNIL” อยู่นั่นเอง

<head>
<title>DesigNIL: Web Design HTML5 CSS3 Tutorial รวมความรู้เว็บดีไซน์ สอนออกแบบเว็บไซต์</title>
</head>

โดยปกติระบบของ WordPress ตรงส่วนแท็ค <title> นั้นจะขึ้นแบบ “ชื่อบล็อค » ชื่อโพส” และเป็นเช่นนั้น ระบบเซิร์จเอนจิ้นต่างๆก็จะค้นหาและเก็บข้อมูลไว้

สำหรับระบบเว็บ WordPress นั้น จะเป็น fronting-load keywords คือเมื่อเซิร์จเอนจิ้นทำการเก็บข้อมูล มันจะแยกผู้ใช้กับส่วนโพสออกจากกัน ดังนั้นเมื่อเวลาหาโพสใดๆจากเว็บหนึ่ง มันก็จะขึ้นผู้ใช้มาก่อนชื่อโพส นั่นเป็นคำตอบว่าทำไมถึงเอาชื่อโพสไว้ด้านหลังชื่อบล็อค

เราสามารถเปลี่ยนรูปแบบของ <title> ได้ โดยทำการติดตั้งปลั๊คอินตัวเสริมชื่อ All in One SEO Pack ลงไปในระบบ ซึ่งในส่วนของเมนูปลั๊คอินนี้จะทำการเซ็ทแท็ค <title> ให้อัตโนมัติ เพื่อสามารถให้ระบบ SEO ค้นหาได้ง่ายขึ้น

ซึ่งปลั๊คอิน All in One SEO Pack สามารถหาดาวโหลดได้ที่ http://wordpress.org/extend/plugins/all-in-one-seo-pack/

Meta Tags

Meta Tags หรือ เมต้าแท็ค คือคำอธิบายสั้นๆ ของหน้าเว็บหนึ่งนั้นที่เกี่ยวข้องกับการค้นหาและการแสดงผลลัพท์ ซึ่งคำเหล่านี้จะเป็นหลายๆ คีย์เวิร์ดจากหน้าเว็บมาแบ่งตัดทอนกัน เหมาะสมมากในการรวมคำหลักๆ ของหน้าเว็บที่คุณต้องการให้แสดงมาจัดลงในเมต้าแท็คเหล่านี้ เพื่อให้ระบบเซิร์จเอนจิ้นสามารถรวบรวมและค้นหาได้ง่ายขึ้น

แต่อย่าลืมว่ามีข้อตกลงด้าน Human-friendly, non-spammy way อยู่ด้วย ซึ่งคีย์เวิร์ดที่จะนำมาอธิบายในหน้าเว็บนั้นควรอยู่ระหว่าง 150-160 ตัวอักษร ถ้ามากกว่านั้น ระบบเซิร์จเอนจิ้นจะตัดการค้นหานั้นออกไปหรือจนกว่าระยะเวลาการค้นหาของมันหมดลง

ใน WordPress นั้น ไม่มีระบบการจัดการสร้างเมต้าแท็คแบบอัตโนมัติที่สมบูรณ์แบบ ซึ่งคำอธิบายที่ดีที่สุดคือ ควรพิมพ์ด้วยตัวเอง และรวมไปถึงวิธีต่างๆที่ได้กล่าวมาในบทความข้างต้นด้วย ซึ่งวิธีนี้จะทำให้คุณสามารถกำหนดคีย์เวิร์ดสำหรับแต่ละบทความ

คุณสามารถใส่คีย์เวิร์ดในเมต้าแท็คบทบล็อคโพสเพื่อจัดคีย์เวิร์ดที่มีวลีสำคัญต่างๆ แต่ควรพิจารณาการจัดลำดับเซิร์จเอนจินซึ่ง Google ได้บอกไว้ว่า no longer takes meta keyword tags into account แปลได้ว่า “จะไม่ให้ความสำคัญกับ meta keyword”

ซึ่งหลายๆคนอาจกล่าวได้ว่า “มันอาจจะไม่สำคัญนักสำหรับการใช้เมต้าแท็คที่ยาว” แต่ยังมีระบบเซิร์จเอนจิ้นอื่นๆที่ใช้ระบบใกล้เคียงกับ Google อยู่ด้วย ซึ่งก็ใช้ระบบเมต้าแท็คคีย์เวิร์ดในการจัดอันดับเว็บไซต์เช่นกัน ดังนั้นผมแนะนำอย่างยิ่งในการใส่คีย์เวิร์ดอย่างรอบคอบและดีที่สุด

ซึ่งเช่นกัน คุณสามารถสร้างเมต้าแท็คคีย์เวิร์ดตามต้องการโดยใช้ปลั๊คอิน All in One SEO Pack

ใช้ noindex Meta Tag สำหรับหน้าที่ไม่ได้ใช้

โดยค่าเริ่มต้นของ WordPress มีวิธีไม่กี่อย่างที่สามารถนำพาผู้ชมไปยังเนื้อหาของคุณ ทั้งนี้ขึ้นอยู่กับ Themes ของ WordPress ที่คุณใช้อยู่ด้วย และอาจจะตันกับเนื้อหาที่เหมือนหรือซ้ำกันในหน้านั้น ซึ่งไม่ดีต่อระบบ SEO

สมมุติว่าคุณได้สร้างหน้าหมวดหมู่สำหรับบล็อคโพสหนึ่งใน URL

http://example.com/category/my-category/

กับหน้าที่เหมือนกันซึ่งดูได้จากตรงนี้

http://example.com/my-category/

ซึ่งไม่ดีแน่ ดังนั้นคุณจะทำอย่างไรต่อไป?

โดยการใช้ noindex HTML Meta Tag ทำให้คุณสามารถบอกเซิร์จเอนจิ้นว่า URL นี้ไม่ต้องจดจำไว้ ผลลัพท์คือช่วยลดโอกาสที่เว็บไซต์คุณจะโดนลงโทษในการจัดอันดับของเครื่องมือค้นหาสำหรับเนื้อหาที่เหมือนหรือซ้ำกัน (อาจหมายถึงทำให้เว็บของคุณตกอันดับ)

วิธีที่ง่ายที่สุดที่จะแก้ปัญหานี้คือใช้ปลั้กอิน All in One SEO Pack อีกแล้ว ในปลั้กอินนั้นจะมีตัวเลือกให้คุณกำหนดค่า noindex HTML Meta Tag ได้สามอย่างคือ Categories, Archives และ Tag Archives

ใช้ HTML Heading อย่างเหมาะสม

ส่วนใหญ่แท็ค HTML ที่ใช้ส่วนหัวคือ <h1>, <h2> , … , <h6> เพื่อแยกส่วนของเนื้อหาออกจากหัวของบทความ เป็น

วิธีที่ทำให้เนื้อหาของคุณอ่านง่ายขึ้น ไม่ใช่แค่นั้น ยังเป็นจุดสำคัญของการกำหนดคีย์เวิร์ดกับระบบจดจำเว็บไซต์ของเซิร์จเอนจิ้นต่างๆ ซึ่งแท็คส่วนหัวนี้มันมีค่ามากกว่าแท็ค HTML ทั่วๆไป (จำพวก <p> หรือ <blockquote> เป็นต้นฯ)

ซึ่งน่าแปลกที่ผู้สร้าง Themes ของ WordPress ปัจจุบันนี้ แทบทั้งหมดไม่ได้ให้ความสำคัญกับโครงสร้างเนื้อหาแบบที่ได้กล่าวข้างต้น

จากมุมมองของระบบ SEO นั้น แท็ค <h1> เป็นหัวข้อที่สำคัญมากที่สุดและควรมีเพียงแท็คนี้แท็คเดียวในหน้าเว็บ

รองลงมาคือ <h2> ซึ่งคุณสามารถมีได้หลายๆแท็คในหน้า จำพวกหัวข้อภายในเนื้อหา รองลงมาอีกคือ <h3> และ <h4> มีไว้เน้นเนื้อหาข้อความหรือแสดงข้อความให้ชัดเจนมากขึ้น (หรือเป็นข้อความคีย์เวิร์ด) ซึ่งนี่เป็นวิธีคล้ายๆกับการจัดโครงสร้างหน้าแบบนิตยสารต่างๆ

หากคุณใช้ชุด Themes ของ WordPress ที่คุณไม่ได้สร้างขึ้นมาเอง ขอให้คุณตรวจสอบแม่แบบของ Themes นั้นๆ (เช่น header.php, single.php, post.php, home.php และ page.php) เพื่อให้มั่นใจว่าเขียนรูปแบบแท็ค HTML ที่ถูกต้องและจัดโครงสร้างให้อย่างดี

ใช้ Sitemap XML

Sitemap XML คือโปรโตคอลทั่วไปที่ใช้ในการสร้างอินเด็กซ์ของหน้าเว็บไซต์ ที่จะช่วยให้ระบบเซิร์จเอนจิ้นค้นพบและรวบรวมข้อมูลได้ง่ายขึ้น

เราสามารถสร้าง Sitemap XML เองได้โดยง่าย แต่ถ้าเว็บไซต์ของคุณเป็นประเภทที่ต้องสร้างเนื้อหาใหม่อยู่ตลอดเวลา จะไม่ค่อยแนะนำที่จะใช้ระบบ Sitemap XML เพราะคุณต้องแก้ไขมันอย่างต่อเนื่อง

ดังนั้นการใช้ปลั๊กอิน Google XML Sitemaps ของ WordPress นั้น จะช่วยสร้าง Sitemap XML ของเว็บไซต์โดยอัตโนมัติ แถมยังมีระบบแจ้งการอัพเดทด้วยอีกเมื่อระบบเซิร์จเอนจิ้นต่างๆได้เข้ามาดูการปรับปรุง XML ของเว็บไซต์คุณ

สวัสดีครับ วันนี้มีค่ายฟรี ๆ ดี ๆ มาแนะนำกันครับ สำหรับน้อง ๆ มอปลายตั้งแต่เพิ่งขึ้นม. 3 ไปจนถึงคนที่เพิ่งจบม. 6 เตรียมขึ้นมหาลัย ก็สามารถมาเข้าค่ายนี้กันได้ทุกคนครับ ^^ (คนที่เข้ามหาลัยไปแล้วก็ไม่ต้องเสียใจไปครับ เรามีค่าย YWC ที่จะจัดขึ้นในช่วงท้ายปี สำหรับเด็กมหาลัยครับ) เรามาดูกันว่าค่าย JWC3 นี้เกี่ยวกับอะไรครับ

Junior Webmater Camp 3 คืออะไร?

ค่ายนี้เป็นค่ายสอนทำเว็บฟรี ๆ ให้กับน้อง ๆ มอปลายครับ โดยในปีนี้ถ้าฟังมาไม่ผิดจะสอนทำเว็บไซต์ด้วย WordPress ครับ ซึ่ง WordPress เป็นระบบสำหรับสร้างเว็บไซต์ได้ง่าย ๆ ครับ ถึงขนาดที่ว่ามีสโลแกน “สร้างบลอคของคุณได้ใน 5 นาที” เลยทีเดียว เว็บไซต์ที่คุณอ่านอยู่นี้ก็ใช้ WordPress เหมือนกันนะครับ

สำหรับปีที่แล้วในค่าย JWC2 เราไม่มีการแบ่งรับสมัครเป็นสาขาครับ แต่ปีนี้พิเศษหน่อยมีการแบ่งเป็น 3 สาขาดังนี้

1. Web Design – อยากดีไซน์เว็บไซต์ให้สวย ดึงดูดคนเข้า ดีไซน์อย่างไรให้เว็บออกมาดูดีและสื่อความหมายได้ดี อยากรู้ต้องสมัครเข้าสายนี้เลยครับ!
2. Web Content – เคยได้ยินมั้ยครับว่า “Content is King” เนื้อหาของเว็บเป็นส่วนสำคัญมากครับ ถ้าอยากรู้ว่าต้องเขียนอย่างไรให้น่าสนใจ คนอ่านติดงอมแงม ต้องมาสมัครสายนี้กันครับ
3. Web Marketing – การตลาดของเว็บก็สำคัญไม่แพ้ด้านอื่น ๆ เลย การทำให้เว็บมูลค่า 10,000 บาทกลายเป็น 10 ล้านบาทก็ต้องมาจากการตลาดนี่แหละ อยากรู้ความลับของสายนี้ก็ต้องสมัครกันเลย!

แต่ละสาขารับ 20 คนนะครับ ยกเว้น Web Marketing สายนี้โหดจริง ๆ รับแค่ 10 คนเท่านั้นครับ!

นอกจากนี้ยังได้พบปะพูดคุยกับเว็บมาสเตอร์ชื่อดัง และคนในวงการจากหลาย ๆ เว็บไซต์ เช่น Dek-D.com, Sanook.com, Tarad.com, Designil.com (อันหลังไม่ใช่แล้วครับ 55)

Junior Webmaster Camp 3 จัดที่ไหน เมื่อไร?

ค่ายนี้เป็นค่าย 2 วัน 1 คืน จัดขึ้นในวันเสาร์-อาทิตย์ที่ 7-8 พฤษภาคม 2554 ครับ โดยจัดขึ้นที่ มหาวิทยาลัยราชภัฏจันทรเกษม ถนนรัชดาภิเษก กรุงเทพ สำหรับน้อง ๆ ที่ต้องเดินทางมาจากต่างจังหวัดก็ไม่ต้องกลัวครับ เพราะก่อนวันค่ายจะมีบอกวิธีเดินทางมาอย่างละเอียดครับผม

สมัครค่าย Junior Webmaster Camp 3 ได้ที่ไหน?

สามารถคลิกได้ที่แบนเนอร์ด้านข้าง หรือลิงค์ด้านล่างนี้เลยครับ:

สมัครเข้าค่าย Junior Webmaster Camp 3 ที่นี่!

หากมีข้อสงสัยอะไรเกี่ยวกับค่ายนี้ สามารถไปสอบถามได้ใน เว็บบอร์ด ของค่ายได้เลยครับผม

สไลด์นี้เก็บตกมาจากงาน WPDevNight ครับ เป็นงานพบปะพูดคุยของคนทำเว็บไซต์ด้วย WordPress ครับผม (เว็บไซต์นี้ก็รันบน WordPress เหมือนกันครับ) โดยเนื้อหาจะเน้นเกี่ยวกับคนที่ “ทำ” เว็บไซต์ หรือ Web Developer ครับ ถ้าใครที่เป็นคนเขียนบลอคเฉย ๆ ไม่มีความรู้พวก HTML CSS PHP นิดหน่อยอาจงง ๆ ได้ครับ

สำหรับเนื้อหางานสามารถตามไปอ่านได้ที่ลิงค์เว็บไซต์หลักด้านบนได้เลยครับ ใครที่พลาดงานนี้ไปเอาไว้เจอกันใน Wordcamp (งานที่รวมทั้ง Developer & Blogger ที่ใช้ WordPress มาพูดคุยกัน) ครับผม

ผมเองก็พลาด WPDevNight เหมือนกัน แต่ไม่เป็นไรครับ ดีที่งานนี้ใช้การเขียนสิ่งที่บรรยาย (อาจจะไม่หมด) เข้าไปในเว็บ Smallpad.org ซึ่งเปิดให้ทุกคนสามารถเข้าไปอ่านได้ครับ มาดูกันเลยครับว่ามีอะไรที่น่าอ่านกันบ้าง

1. Web Design Business with WordPress

เปรียบเทียบ WordPress กับ CMS ตัวอื่น ๆ, วิธีการทำให้ลูกค้าเข้าใจเกี่ยวกับ CMS, ข้อดีของ WordPress, รูปแบบเว็บไซต์ที่ควรใช้ WordPress ทำ อ่านเนื้อหา Web Design Business with WordPress

2. WordPress Showcase & Plugin

รวมปลั๊กอินเวิร์ดเพรสต่าง ๆ ที่น่าสนใจ โดยแบ่งเป็นหมวดหมู่ และถ้าที่ลิสต์เอาไว้มีไม่พอ ก็มีลิงค์ให้ตามเข้าไปดูคลังปลั๊กอินเจ๋ง ๆ รวบรวมโดย @iannnnn ครับผม อ่านเนื้อหา WordPress Showcase & Plugin

3. WordPress Theme Design

สอนทำธีม WordPress โดยพูดถึง CSS และ Template Tag สำคัญ ๆ ต่าง ๆ ในธีม WP ดูสไลด์ได้ด้านล่างเลยครับผม อ่านเนื้อหา WordPress Theme Design

4. Interview with @ipeerapong

เชื่อว่าเว็บดีไซเนอร์หลาย ๆ คนที่ติดอกติดใจกับ WordPress น่าจะรู้จักเว็บไซต์ themeforest.net บ้างครับ เป็นเว็บไซต์ขายธีม WP ที่ใหญ่และคุณภาพดีมากเว็บหนึ่ง แล้วก็เคยมีการเอา Theme WordPress มาเซลล์ด้วย

ผมเคยได้ยินมาบ้างว่ามีคนไทยไปขายอยู่ด้วย ซึ่งคุณ @ipeerapong นี่แหละครับที่เป็นคนไทยที่ขายธีมเวิร์ดเพรสใน themeforest แล้วได้กำไรเป็นกอบเป็นกำ ใครสนใจอยากลองหรืออยากรู้ว่าเป็นยังไง ต้องอ่านครับ อ่านเนื้อหา Interview with @ipeerapong

5. WordPress Plugin Development

แนะนำพื้นฐานสำหรับคนที่สนใจอยากเขียนปลั๊กอิน WordPress เป็นครับ คนที่อยากทำแต่ไม่รู้จะเริ่มต้นยังไงสามารถเข้าไปอ่านได้เลยครับผม อ่านเนื้อหา WordPress Plugin Development

หัวข้อต่าง ๆ ก็มีเท่านี้ครับผม ใครชอบ WordPress ถ้ามีจัดอีกพลาดไม่ได้แล้วครับสำหรับงานดี ๆ แบบนี้ ซึ่งก็ขอขอบคุณทางผู้จัดงานด้วยครับที่ทำเนื้อหาลง Smallpad.org เพื่อให้คนเข้ามาแชร์ข้อมูลกันได้ และทำให้ผู้ที่อดไปร่วมงานได้เก็บความรู้ไปบ้างไม่มากก็น้อยจากงานนี้ครับ

ใครที่ได้ไปงานนี้มาแล้วรบกวนช่วยบอกเล่ากันหน่อยนะครับว่าในงานเป็นอย่างไรบ้าง ขอบคุณมากคร้าบ

หลายคนอาจจะเคยผ่านตาโพสที่ผมเขียนประชาสัมพันธ์ค่าย INET Young Webmaster Camp 8 มาแล้วนะครับ ค่ายนี้จะรับนิสิตนักศึกษาที่สนใจในด้านต่าง ๆ คือ เว็บโปรแกรมมิ่ง, เว็บดีไซน์, เว็บคอนเท้นท์, และ เว็บมาร์เก็ตติ้ง เข้ามาฝึกฝนโดยมีเว็บมาสเตอร์ดัง ๆ มาคอยให้คำแนะนำครับ

ไปค่าย YWC แล้วได้อะไร

ในฐานะที่ผมเคยเป็นเด็กค่ายปีที่แล้ว ก็ต้องไปคุมน้อง ๆ ที่เข้ามาในปีนี้ครับ และได้เรียนรู้อะไรหลาย ๆ อย่างเลยทีเดียว จริง ๆ แล้วตอนปีที่แล้วผมเข้าไปในฐานะ Web Programmer ครับ พอเข้าไปในค่ายนี้ก็ได้เรียนรู้ว่า โปรแกรมเมอร์ควรจะรู้เรื่องเว็บดีไซน์ด้วย ไม่งั้นสื่อสารกับ Web Designer ไม่รู้เรื่องจริง ๆ ครับ (ตอนผมเข้าไปนี่พวก HTML, CSS ไม่แข็งมาก ๆ) และเพราะอยากรู้เรื่องนั้นก็เลยเปิดเว็บไซต์นี้ designil.com ขึ้นมาครับ เวลาผมไปเจอความรู้อะไรใหม่ ๆ บนเว็บต่างประเทศจะได้เอามาแบ่งปันทุกท่านด้วย

ปีล่าสุดที่ผมไปในฐานะรุ่นพี่ ก็ได้เรียนรู้ความสำคัญของ Web Marketing เพิ่มขึ้นมาครับ (ส่วน Web Content นี่เนื่องจากตอนเด็ก ๆ ก็เคยเขียนนิยายอะไรพวกนี้อยู่ เลยค่อนข้างจะเข้าใจ) การตลาดเนี่ย ไม่ว่าจะเป็นในสังคมออนไลน์ หรือสังคมจริง ๆ ก็มีอะไรน่าสนใจเยอะแยะไปหมดครับ แล้วมันก็เป็นสิ่งที่ไม่นิ่งเอามาก ๆ

ไม่ใช่ว่าซื้อหนังสือ “เทคนิคทำการตลาดบน Twitter/Facebook” มาแล้วมันจะช่วยให้สินค้าขายดีขึ้นทันที เพราะเทคนิคอะไรที่ใช้แล้วมันสำเร็จเนี่ย คงมีคนก่อนหน้าเราเป็นร้อยใช้ไปหมดแล้วล่ะครับ เราต้องศึกษาให้มากกว่านั้น ทั้งจาก Case Study (กรณีศึกษาของแบรนด์ต่าง ๆ ว่าเค้าทำอะไรยังไงบ้าง), ข่าวสารใหม่ ๆ (แนะนำเว็บไซต์ Thumbsup.in.th ครับ ข่าวเค้าไวมาก), นิตยสารและหนังสือ Marketing มากมายในท้องตลาด

อย่างไรก็ตาม ผมยังศึกษาด้านนี้อยู่แล้วก็ยังไม่เชี่ยวชาญนะครับ หากมีข้อมูลเรื่องอะไรผิดไปก็ติติงมาในคอมเม้นท์ได้เลยครับ

กลับมาที่เรื่องของค่าย IYWC นะครับ หากใครมีโอกาสแนะนำว่าให้ลองมาดูสักครั้งครับ รับรองว่าได้อะไรติดมือไปมากกว่าความรู้และประสบการณ์ของวิทยากรแน่นอนครับ ถ้า YWC9 รับสมัครเมื่อไรผมจะรีบมาแจ้งข่าวในเว็บไซต์นี้ทันทีครับ

YWC Magazine คืออะไร

เนื่องจากมีผู้ใหญ่ใจดีมีไอเดียว่าอยากทำเว็บไซต์สไตล์นิตยสารออนไลน์ โดยให้ความรู้เกี่ยวกับการสร้างเว็บไซต์ในแต่ละสาขา (Design, Code, Content, Marketing) เพื่อให้ทุกคนที่ทั้งได้เข้าและไม่ได้เข้าค่ายนี้มารับความรู้กัน รุ่นพี่ YWC คนหนึ่งจึงได้ตัดสินใจสร้างเว็บไซต์นี้ขึ้นมาครับ

โดยเนื้อหาด้านในจะรวบรวมมาเฉพาะที่น่าสนใจ แบ่งไปตามหมวดหมู่ครับ หากท่านใดมีเว็บไซต์ บลอค หรือทวิตเตอร์ รบกวนนำเว็บไซต์นี้ไปเผยแพร่นะครับ คนทำจะได้มีกำลังใจอัพเดทเว็บไซต์ ขอบคุณมากคร้าบ

สวัสดีครับ คราวที่แล้วแนะนำเกมส์เขียนด้วย HTML5 ที่เป็นของใหม่กันไปแล้ว เรามาลองดูของเก่าแต่น่าสนใจกันบ้างครับ

ฟ้อนต์ชื่อ Comic Sans คิดว่าคนส่วนใหญ่ต้องเคยได้ยิน หรือเคยใช้กันมาอยู่แล้วครับ ฟ้อนต์น่ารัก ๆ ที่ติดมากับ Windows ตัวนี้ตอนเด็ก ๆ ที่ผมทำรายงานก็ชอบใช้เหมือนกันครับ มันอ่านแล้วสบายตา แล้วก็ให้ความรู้สึกแบบชิว ๆ ดีด้วยครับ

สำหรับสาเหตุที่มาเขียนบทความนี้ เพราะหลงเข้าไปเจอเว็บ Comic Sans Criminal มาครับ เป็นเว็บไซต์อธิบายว่า ทำไมเราถึงควรเลิกใช้ฟ้อนต์ Comic Sans

ประวัติ: Comic Sans Font เกิดขึ้นมาได้ยังไง

ฟ้อนต์ตัวนี้เกิดขึ้นมาจากฝีมือของพนักงานตำแหน่ง Typographic Engineer ใน Microsoft ครับ โดยเป็นคนเดียวกับที่ดีไซน์ font ชื่อ Trebuchet กับ Magpie สำหรับฟ้อนต์สุดแอ๊บแบ๊วตัวนี้เขาสร้างขึ้นมาเพราะอยากได้อะไรง่าย ๆ ที่มีส่วนโค้ง และให้ความรู้สึกนุ่มนวล ไม่แข็งกระด้างแบบ Times New Roman

ตอนแรกฟ้อนต์นี้ถูกโยนลงถังขยะเนื่องจากปัญหาด้านความสามารถของโปรแกรมในขณะนั้น เพราะฟ้อนต์นี้ไม่สามารถวางลงบนกริดได้ แต่หลังจากนั้นไม่นานก็ได้มีการถูกนำไปใช้กับโปรแกรม Microsoft Movie Maker เวอร์ชั่นแรก และถูกรวมเข้าไปเป็นฟ้อนต์ที่มากับ Windows ตั้งแต่ Windows 95

หลังจากนั้นเป็นต้นมา คนเริ่มแห่กันมาใช้ฟ้อนต์นี้ในงานหลายแบบ แต่ยิ่งคนใช้เยอะขึ้น คนชอบมากขึ้น คนที่เกลียดก็มากขึ้นตามไปด้วย…

(เล่าแล้วเหมือนดราม่าเลยครับ 55)

ทำไมดีไซเนอร์ถึงไม่ชอบฟ้อนต์ Comic Sans

ในช่วงแรกการดีไซน์บนคอมพิวเตอร์ยังไม่มีใครสนใจเรื่องการเลือก Font มากนักครับ ต่างกับตอนนี้ที่เรื่อง Typography เป็นเทรนด์เว็บดีไซน์อันดับต้น ๆ ของปี 2011 เลยทีเดียว

ต้องบอกก่อนว่าฟ้อนต์ Comic Sans นี่ออกแบบมาสำหรับ:

• ใช้ในกล่องคำพูดของตัวการ์ตูน
• ใช้สำหรับเด็กโรงเรียนประถม อนุบาล
• บัตรเชิญเด็ก ๆ มางานปาร์ตี้ของลูกตัวน้อย

แต่มันดันแพร่หลายมาก ๆ จนถูกนำไปใช้สำหรับโรงพยาบาล โบสถ์ ออฟฟิส ร้านอาหาร และข้อมูลต่าง ๆ ที่เป็นข้อมูลค่อนข้างซีเรียส เลยทำให้กลุ่มดีไซเนอร์ที่ให้ความสำคัญกับการใช้ Font ในการออกแบบมาก ๆ เกิดรับไม่ได้ครับ ต้องมาจัดแคมเปญต่อต้านการใช้ฟ้อนต์ Comic Sans กัน

อย่างไรก็ตาม ก็ปฏิเสธไม่ได้ว่าการต่อต้านของเค้าค่อนข้างมีเหตุผลครับ ลองมาดูตัวอย่างว่า Comic Sans ไม่เหมาะกับงานแบบไหน

จากรูปด้านบนเป็นการเปรียบเทียบระหว่างการใช้ฟ้อนต์ Comic Sans กับฟ้อนต์ที่ควรจะใช้จริง ๆ ครับ จะเห็นได้ว่าฟ้อนต์ Comic Sans ให้ความรู้สึกน่ารัก ๆ และไม่ทำให้เรารู้สึกว่าควรต้อง STOP เท่ากับป้ายด้านขวาที่ใช้กันตามปกติ

ลองคิดง่าย ๆ ว่ามีจดหมายที่เนื้อหาถึงขั้นคอขาดบาดตายส่งมาถึงคุณ แต่ดันใช้ฟ้อนต์ Comic Sans ที่น่ารักนุ่มนิ่มเขียน คุณจะรู้สึกแปลก ๆ หรือเปล่า?

เว็บ Comic Sans Criminal นี่เกลียดฟ้อนต์นี้ถึงขนาดมีแนะนำ ฟ้อนต์แนวการ์ตูนน่ารัก ๆ ตัวอื่น ๆ ที่น่าใช้ให้ด้วยเลยครับ คนจะได้เลิกใช้ Comic Sans กัน ถ้าคุณเห็นด้วยก็ลองไปเช็คดูในเว็บไซต์ของเค้าได้ครับว่าจะใช้ฟ้อนต์ไหนแทนดี

สรุปว่าเราควรใช้ฟ้อนต์ Comic Sans มั้ย

ฟ้อนต์ Comic Sans ไม่ใช่ฟ้อนต์ที่ออกแบบมาแย่ครับ มันเป็นฟ้อนต์ที่ออกแบบมาดี และเหมือนกับฟ้อนต์ทั่ว ๆ ไปที่ต่างก็มีที่อยู่ที่เหมาะสมของมันครับ เราแค่ต้องเลือกใช้ให้ถูกกับงานเท่านั้น

สำหรับความคิดเห็นส่วนตัวของผมนะครับ ผมคิดว่าถ้ามันเหมาะกับงานก็ใช้เต็มที่เลยครับฟ้อนต์ตัวนี้ ถ้ามีงานออกแบบเว็บไซต์ที่กลุ่มเป้าหมายเป็นเด็ก ๆ หน่อยผมก็คงใช้เหมือนกันครับ ถึงดีไซเนอร์ฝรั่งบางส่วนเค้าจะแอนตี้ฟ้อนต์นี้กันก็จริง แต่ถ้าเราเห็นว่ามันเหมาะก็เชื่อเซนส์ตัวเองครับ ลูกค้าที่เค้าจ้างเราก็เพราะเค้าเชื่อเซนส์เราเหมือนกัน

อ่านแล้วคิดเห็นยังไงโพสคอมเม้นท์ไว้เลยครับ อยากทราบความคิดเห็นที่ทุกท่านมีต่อฟ้อนต์นี้ครับ

สวัสดีครับ เนื่องจากติดสอบไปพักนึงเลยไม่ได้มาอัพ ตอนนี้กลับมาอัพเดทตามปกติแล้วครับ วันนี้มาพูดถึงเรื่องการเลือกสีสำหรับแบรนด์ดัง ๆ บนอินเตอร์เน็ตต่าง ๆ ครับ อาจจะไม่เกี่ยวกับเว็บดีไซน์โดยตรง แต่ก็มีประโยชน์กับเว็บดีไซเนอร์ไม่มากก็น้อยแน่นอนครับ

ทางเว็บไซต์ Colourlovers ได้ทำการเก็บข้อมูลด้วยเครื่องมือ Twitter ของเค้า แล้วนำมาทำเป็น Infographic (เป็นการนำเสนอข้อมูลด้วยรูปภาพ เช่น กราฟ ตาราง ทำให้คนสนใจอยากอ่านข้อมูลมากขึ้น)

สามารถดู Infographic ที่ว่านี้ได้ด้านล่างเลยครับ คลิกที่รูปเพื่อดูรูปใหญ่ครับ:

ในกราฟครึ่งวงกลมอันใหญ่ด้านบนสุด จะเห็นได้เลยว่า สีที่แบรนด์ดังต่าง ๆ เลือกใช้มากที่สุดก็คือ สีแดง กับ สีน้ำเงิน ครับ โดยถ้าตามหลักทฤษฎีสี (Color Theory) แต่ละสีมีความหมายดังนี้ครับ:

สีแดง สื่อถึง พลัง, ความหลงใหล, เพลิงที่ร้อนแรง, ความตื่นเต้น, ความสำคัญ

สีน้ำเงิน สื่อถึง ความสงบ, ความมั่นคง, ความชำนาญ, ความเชื่อถือ

อย่างไรก็ตาม ไม่มีอะไรสรุปได้ว่าการเลือกใช้สีใดจากสองสีนี้จะทำให้เว็บไซต์ประสบความสำเร็จ เพราะจากที่ทางเว็บไซต์ Colourlovers เคยถาม Mark Zuckerberg หนึ่งในเจ้าของเว็บไซต์ชื่อดัง Facebook.com ว่าทำไมถึงเลือกใช้สีน้ำเงินเป็นสีของเว็บไซต์ เค้าก็ตอบง่าย ๆ ว่า “ผมเป็นคนตาบอดสี สีฟ้าเป็นสีเดียวที่ผมเห็น”

สิ่งหนึ่งที่บอกได้ก็คือ สีฟ้าและสีแดงจะยังคงเป็นสีที่แบรนด์ส่วนใหญ่เลือกมาใช้ เพราะจากที่นิตยสาร Wired เคยเก็บข้อมูลเมื่อ 7 ปีที่แล้ว (ปี 2003) ก็พบว่าสีที่แบรนด์ส่วนใหญ่เลือกใช้อันดับ 1 คือ สีน้ำเงิน และตามมาติด ๆ ด้วย สีแดง

นอกจากเรื่องของสีที่ถูกใช้มากที่สุดแล้ว ในรูป Infographic ด้านบนก็ยังบอกอีกว่า เว็บไซต์แนวคล้าย ๆ กันจะใช้สีจากโซนใกล้เคียงกัน ตัวอย่างเช่น เว็บไซต์แนว Social Network อย่าง Facebook, Twitter, Myspace ก็ใช้ สีน้ำเงิน/สีฟ้า ด้วยกันทั้งนั้น

น่าจะมีคนทำสถิติสำหรับเว็บไซต์ในไทยบ้างนะครับ เพราะจากที่ผมดูเว็บไซต์ 5 อันดับแรกใน Truehits ก็เห็นว่ามีแค่ Sanook.com เว็บเดียวที่ใช้สีแดง ส่วนเว็บไซต์อื่น ๆ ก็ใช้สีเช่น สีส้ม (Dek-D.com) สีเขียว (Kapook.com) ถ้าทำเฉพาะเว็บไซต์ไทยอย่างเดียวคงได้เห็นข้อมูลแปลก ๆ ใหม่ ๆ โผล่มาให้เห็นครับ

ลองเช็คกันดูว่า เว็บไซต์ที่คุณเข้าบ่อย ๆ ใช้สีแดงหรือสีน้ำเงินสำหรับโลโก้หรือเปล่า? แล้วพบกันใหม่บทความหน้าครับ

สวัสดีครับ คราวนี้มาแนะนำค่ายดี ๆ สอนทำเว็บไซต์ฟรี ๆ กันครับ หลายคนอาจเป็นแบนเนอร์ค่ายนี้จาก Sidebar เว็บไซต์ของเราสักพักแล้ว และหลายคนอาจเผลอตัวเข้าไปสมัครค่ายนี้แล้วก็ได้ สำหรับคนที่ยังไม่ได้เข้าไป มาลองดูกันครับว่าค่ายนี้คืออะไร และดียังไง ทำไมถึงต้องเอามานำเสนอกันขนาดนี้!!

Young Webmaster Camp 8 คืออะไร?

ค่ายนี้เรียกย่อ ๆ ว่า IYWC8 หรือ INET Young Webmaster Camp 8 นั่นเองครับ เป็นค่ายสอนทำเว็บฟรี ๆ สำหรับนิสิต-นักศึกษาระดับปริญญาตรี (หรือเทียบเท่า) ครับ ไม่จำกัดว่าเรียนมหาวิทยาลัยไหน คณะอะไร ขอแค่มีความสามารถในการทำเว็บก็พอครับ

ค่ายนี้แบ่งผู้เข้าสมัครเป็น 4 สาขาตามความสามารถที่ถนัด ตามนี้เลย:

1. Web Marketing
   การตลาดของเว็บไซต์ ทำยังไงให้เว็บดัง คนเข้าเยอะแยะ โดยไม่ได้สนใจเฉพาะ SEO นะครับ แต่เน้นเรื่องการคิดแผนการตลาดจริง ๆ ที่กลุ่มเป้าหมายเป็นคน ไม่ใช่ Search Engine ครับ สอนโดยผู้มีประสบการณ์จริง ปั่นเว็บไซต์เป็นเงินหลักล้านมาแล้ว
2. Web Design
   สอนการออกแบบเว็บไซต์อย่างเทพ เลือกสีอย่างไร เลือกกราฟฟิกอย่างไร จัดวางเลย์เอาท์เว็บไซต์อย่างไรให้ดึงดูดคน ทำอย่างไรให้ดีไซน์ไม่ใช่แค่ดูดี สวยงาม แต่สื่อความหมายได้ดีอีกด้วย ใครชอบอ่านบลอคนี้ควรไปสมัครอย่างด่วนเลยครับ!
3. Web Content
   เนื้อหาบนเว็บไซต์สำคัญถึงขนาดมีคำกล่าวไว้ว่า “Content is King” แต่ Content จะเป็น King ไม่ได้เลย ถ้าคนที่ทำ Content ไม่มีความสามารถพอ ค่ายนี้จะสอนว่าทำ Content อย่างไรให้เป็น King!
4. Web Programming
   สอนทิป-เทคนิคลับ ๆ ในการเขียนโปรแกรมบนเว็บไซต์ แนะนำเครื่องมือเด็ด ๆ ที่ช่วยทุ่นแรง ลดเวลาการทำ รวมไปถึงเทคโนโลยีใหม่ ๆ ในการทำเว็บไซต์ที่มีมาเรื่อย ๆ ไม่มีสิ้นสุด ใครชอบเขียนโค้ดไม่ควรพลาด!

นอกจากนี้ยังได้พบปะ-พูดคุยกับเว็บมาสเตอร์เจ้าของเว็บไซต์ดัง ๆ มากมาย อาทิ กระปุก Kapook.com, เด็กดี Dek-D.com, ตลาด TARAD.com, ดีไซน์นิล Designil.com (รู้สึกอันหลังไม่เกี่ยว 55) และวิทยากรชื่อดังอีกหลาย ๆ ท่านที่จะมาให้ความรู้ว่า ทำยังไงเว็บไซต์เล็ก ๆ ถึงได้เติบโตเป็นเว็บไซต์ใหญ่โตระดับประเทศ

Young Webmaster Camp 8 จัดขึ้นเมื่อไร ที่ไหน

ค่ายนี้จัดขึ้นในวันที่ 22-25 ตุลาคม 2553 ครับ โดยจัดขึ้นที่ มหาวิทยาลัยนเรศวร จ.พิษณุโลก ภาคเหนือเลยครับ แต่ไม่ต้องห่วงเรื่องการเดินทางนะครับ เรานัดพบกันที่กรุงเทพก่อนเดินทางไป จ.พิษณุโลก อยู่แล้ว ค่าเดินทางไม่ต้องเสียสักบาทเลยครับผม!

วีดิโอโปรโมท IYWC8 แบ่งตามสาขา

วีดิโอโปรโมทค่ายจัดทำโดยทีมงาน Eventpro.in.th ครับ ขอขอบคุณมา ณ ที่นี้ด้วย โดยในวีดิโอจะมีรุ่นพี่มาแนะนำว่าสาขานั้น ๆ เป็นยังไง และแอบบอกด้วยว่าการคัดเลือกแต่ละสาขาทำกันยังไง ใครสนใจอยากสมัครก็ลองไปดูกันนะครับ

ตอนนี้มีวีดิโอออกมาทั้งสิ้น 2 สาขาครับ โดยอีก 2 สาขาที่เหลือจะตามมาเร็ว ๆ นี้ครับ:

IYWC8 – Web Content

Powered by www.eventpro.in.th

IYWC8 – Web Design (ใครชอบเว็บนี้ ต้องดู!!)

Powered by www.eventpro.in.th

อยากสมัคร IYWC8 แล้ว ต้องไปสมัครที่ไหน?

คลิกเข้าไปตามแบนเนอร์ด้านล่างเลยครับ!!

มีข้อสงสัยอะไรเกี่ยวกับค่ายนี้ ถามในส่วนคอมเม้นท์ได้เลยนะครับ! รับรองว่าตอบทุกคอมเม้นท์คร้าบ!!

เว็บดีไซน์เนอร์แต่ละคนก็มีสไตล์การดีไซน์เว็บไซด์แตกต่างกันไปครับ แต่สุดท้ายแล้วเว็บไซด์ที่ออกมาก็มีเป้าหมายเดียวกัน นั่นคือ แสดงข้อมูลที่เราต้องการด้วยวิธีใดวิธีหนึ่ง (รูปภาพ ตัวหนังสือ การจัดวาง ฯลฯ)

วันนี้ได้ไปเจอบทความของ ZURB ครับ ซึ่งบทความนี้แนะนำวิธีเด็ด ๆ ต่าง ๆ ที่เอาไว้เช็คคุณภาพเว็บดีไซน์ของเรา ว่าเว็บไซด์ของเรานำเสนอข้อมูลออกมาได้ตรงจุดมั้ย และสร้าง First Impression แค่ไหน ซึ่งผมได้เลือกวิธีทั้งจากในบทความ และจากคอมเม้นท์ต่าง ๆ ที่น่าสนใจมาเสนอครับ

1. ดูว่าตามองที่ไหนเป็นที่แรก?

พิมพ์ URL แล้วปิดตาทันทีที่เว็บโหลดเสร็จ (ควรจะเน็ตเร็วหน่อยนึง ถ้าเน็ตช้ามากจะมีเวลาดูมากเกินไป) ให้ดูว่าจุดไหนในเว็บที่เรามองเห็นเป็นที่แรกทันทีที่เว็บโหลดเสร็จ ซึ่งจุดนั้นควรจะเป็นจุดที่สำคัญของเว็บ และให้ดูด้วยว่าแค่เราเห็นจุดนั้นแป๊ปเดียวเราได้ข้อมูลอะไรไหม หรือต้องดูสิ่งรอบข้างประกอบถึงจะรู้ความหมาย

2. อ่านเว็บไซด์จากซ้ายบน -> ขวาล่าง

คนส่วนใหญ่เวลาดูเว็บไซด์มักจะมองจากมุมซ้ายบน ไปจนถึงมุมขวาล่าง (ซึ่งบางประเทศอาจจะตรงข้ามกัน) เนื่องจากสมองของมนุษย์เตรียมรับข้อมูลจากมุมบนซ้ายถึงมุมขวาล่างอยู่แล้ว การเรียงข้อมูลบนเว็บไซด์ก็ควรจะเป็นไปตามลำดับที่ถ้าอ่านในทิศทางนั้นแล้ว จะเข้าใจง่าย

3. ทริค “5 อย่าง”

เปิดหน้าแรกของเว็บไซด์คุณขึ้นมา ดูหน้าเว็บไซด์ 5 วินาทีแล้วปิด จากนั้นลิสต์ 5 อย่างแรกที่จำได้ลงบนกระดาษ ซึ่งสิ่งที่คุณควรจะจำได้ก็คือสิ่งที่คุณอยากให้ลูกค้าจำได้ สมองของมนุษย์จะจดจำข้อมูลส่วนใหญ่ได้ในระยะเวลาสั้น ๆ เท่านั้น และคนเข้าเว็บไซด์ส่วนใหญ่ก็จะไม่มีเวลาอ่านเนื้อหาจนครบทั้งหน้า เพราะฉะนั้นสิ่งที่ควรเห็นอย่างแรก ๆ ในเว็บไซด์จะต้องเป็นสิ่งสำคัญมาก

เพิ่มเติม: เว็บไซด์ FiveSecondTest ให้บริการคล้าย ๆ อันนี้ ฟรี! (แบบเสียเงินก็มี) โดยเราสามารถโพสรูปหน้าเว็บไซด์ของเรา รอให้คนมาทำการทดสอบด้วยวิธีดูหน้าเว็บเรา 5 วินาที แล้วคลิกบนจุดที่เด่นที่สุดบนเว็บไซด์เรา (เราสามารถเป็นฝ่ายทำการทดสอบเว็บไซด์คนอื่นได้ เพื่อเก็บเครดิตมาซื้อบริการแบบเสียเงินบนเว็บไซด์นี้)

เทคนิคที่ผมคิดว่าน่าสนใจก็มีเท่านี้ครับ ใครที่มีเทคนิคในการเช็คของตัวเองแบบไหนก็เอามาแบ่งปันกันหน่อยนะครับ~!!