Templates by BIGtheme NET
หน้าแรก / joy (page 6)

joy

แนวทางการดีไซน์บล็อกยุคใหม่ (ตอน2)

6. ส่วนแสดงความคิดเห็น(Comments) ส่วนความคิดเห็น เป็นบริเวณที่มีการถกกันเกี่ยวกับบทความจากผู้อ่าน/ผู้เยี่ยมชม หน้าที่ของผู้ออกแบบ จะต้องออกแบบให้บริเวณนี้ดูเป็นการสนทนากัน ด้วยการแยกแต่ละความคิดเห็นออกจากกัน อาจจะด้วยการกำหนดหมายเลขให้แต่ละความคิดเห็น วิธีนี้ยังช่วยให้ง่ายต่อการอ้างอิงความคิดเห็นต่าง ๆ อีกประการ คือแยกความคิดเห็นของเจ้าของบทความ ให้ต่างจากความคิดเห็นทั่วไป เพื่อเอาไว้คั่นว่าได้ตอบความเห็นของผู้อ่านถึงไหนแล้ว หรือ ดูว่ามีความเห็นเพิ่มมาอีกหรือป่าว ตัวอย่างส่วนแสดงความคิดเห็นที่ดี 1. Chris Shiflett Chris’ ออกแบบแบบเรียบง่าย อ่านง่าย แยกชื่อผู้ออกความคิดเห็น ออกจาก ความคิดเห็นอย่างชัดเจน เพื่อประโยชน์ที่ได้กล่าวไปแล้วข้างต้น 2. Darkmotion ผมชอบที่เขาแยกส่วนชื่อผู้ออกความเห็น กับ ความคิดเห็น และดูแล้วได้อารมณ์มาก เหมือนการคุยกัน 3. Blog Design Blog นี่ก็เป็นอีกตัวอย่างหนึ่ง มีตัวเลขบอกลำดับความคิดเห็น และเน้นชื่อผู้ออกความคิดเห็นด้วยกล่องสีฟ้า ทำให้แยกออกจากส่วนของความคิดเห็น วิธีทำให้การออกแบบส่วนแสดงความคิดเห็นออกมาดูดี แยกแต่ละความคิดเห็นออกจากกัน วิธีที่ง่ายที่สุด ทำได้ด้วยการใช้สี และอีกวิธีคือ วางไว้คนละที่กันอาจจะใช้กรอบครอบแต่ละส่วน หรือใช้เส้นคั่นก็ได้ ใช้สี ...

อ่านต่อ »

แนวทางการดีไซน์บล็อกยุคใหม่ (ตอน1)

ในการออกแบบบล็อก จะสังเกตได้ว่าการออกแบบส่วนประกอบต่าง ๆ จะมีความแตกต่างกัน ในบทความนี้ผมจะแยกส่วนประกอบพวกนี้ออกเป็น 9 ส่วน หากคุณให้ความสนใจในแต่ละส่วนมากเท่าไหร่ ภาพรวมของบล็อกที่ออกมาจะดูดีมากเท่านั้น ส่วนหัว(Header) ส่วนเนื้อหา(Content Area) เมนูหลัก(Primary Navigation) เมนูรอง(Secondary Navigation) หัวเรื่อง(Headlines) ส่วนแสดงความคิดเห็น(Comments) ส่วนท้ายของบทความ(Post’s Footer) ส่วนท้ายของบล็อก(Footer) โฆษณา(Advertisements) 1.ส่วนหัว(Header) ส่วนหัวเป็นส่วนที่ผู้เยี่ยมชมส่วนใหญ่จะเห็นเป็นส่วนแรก เมื่อเข้ามาในบล็อกของคุณ และเป็นส่วนที่สำคัญที่สุด มันเป็นสิ่งเดียวที่จะแยก ให้เห็นถึงความแตกต่างระหว่างบล็อกของคุณกับบล็อกอื่น ๆ นับล้านบล็อก เป็นสิ่งที่แสดงถึงเอกลักษณ์ของบล็อกคุณเพื่อให้เกิดการจดจำ จากที่กล่าวมาแสดงให้เห็นว่าทำไมส่วนหัวจึงสำคัญมากที่สุด ในบรรดากระบวนการออกแบบบล็อก แม้แต่คนที่ไม่ให้ความสนใจกับการออกแบบบล็อกสักเท่าไหร่ แต่เขาก็ให้ความสำคัญกับส่วนหัวมาก ตัวอย่างส่วนหัวที่ดี 1. Octwelve Octwelve เป็นตัวอย่างที่ดีของการใช้ตัวอักษรที่สวยงาม ในส่วนหัวเพื่อทำให้ส่วนหัวแตกต่างจากส่วนอื่น ๆ ของบล็อกอย่างเห็นได้ชัด และยังทำให้คุณรู้ว่าบล็อกนี้มีเนื้อหาเกี่ยวกับอะไร 2. Cult foo ผมชอบส่วนหัวของ Cultfoo ตรงที่รูปภาพทะลุออกมาจากกรอบ ...

อ่านต่อ »

WordPress Theme & Plugin ที่ใช้ใน enjoyday

Theme ที่ใช้ใน enjoyday คือ disaster-right + coolbreez จาก wpdots.net  enjoyday ใช้ 2 Theme มา mix กัน   เป็น Theme ที่เรียบง่าย ใส่ภาพที่ด้านหน้าแต่ละบทความได้ มีที่ใส่โฆษณาด้านขวา และท้ายบทความยังใส่ Social Bookmark ไว้ให้ด้วย ภายหลัง enjoyday ได้มีการแก้ไข style sheet ใหม่พอสมควรค่ะ . Plugin ที่ใช้ใน enjoyday 1. Akismet เป็น Plugin ที่ใช้สำหรับป้องกัน spammer ทั้งหลาย ที่ชอบมาโพสท์ comment ที่ไม่เกี่ยวข้องกับเนื้อหาในเว็บ    Akismet เป็น plugin มาตรฐานที่ติดมาพร้อมกับตัว wordpress  ...

อ่านต่อ »

วิธีการติดตั้ง Plugin ให้ WordPress

WordPress Plugin เป็นส่วนเสริม หรือลูกเล่นที่เราใส่เพิ่มเข้าไปใสโปรแกรมหลัก ให้มีความสามารถมากขึ้น เช่น การทำ Related Post, นับจำนวนคนอ่านบทความ, การตัดบทความที่ยาว แล้วแสดงเป็นลิงค์ Continue reading แทน, การทำ Poll และอื่นๆ อีกมากมายค่ะ วิธีการติดตั้ง Plugin 1. ให้ไปที่เว็บไซต์ http://wordpress.org/extend/plugins/ :ลิงค์ออก: หรือเว็บไซต์อื่นที่แจก Plugin ของ WordPress ฟรี เช่น http://lesterchan.net/portfolio/programming/php/ หรือ สามารถ Search หาจาก Google.com ได้ค่ะ . 2. ในเว็บไซต์ของ WordPress จะมี Plugin ให้เราเลือกมากมาย ลองคลิกเข้าไปอ่านความสามารถ วิธีการติดตั้ง วิธีการใช้งานก่อน ถ้าถูกใจแล้วก็ดาวน์โหลดมาเก็บไว้ที่เครื่องเราเลยค่ะ . ...

อ่านต่อ »

วิธีการเปลี่ยน Theme ให้ WordPress

เราสามารถเปลี่ยนหน้าตาของ Blog ของเราใหม่ด้วยการเปลี่ยน Theme หรือรูปแบบการแสดงผล ซึ่งมีผู้พัฒนามาให้เราเลือกใช้กันฟรีๆ มากมายเลยค่ะ 1. ให้ไปที่เว็บไซต์ http://wordpress.org/extend/themes/ :ลิงค์ออก: หรือเว็บไซต์อื่นที่แจก Theme ของ WordPress ฟรี เช่น http://www.ezwpthemes.com http://newwpthemes.net สามารถ Search หาจาก Google.com ได้ค่ะ 2. ในเว็บไซต์ของ WordPress จะมี Theme ให้เราเลือกมากมาย ลอง Preview ดูก่อน ถ้าถูกใจแล้วก็ดาวน์โหลดมาเก็บไว้ที่เครื่องเราเลยค่ะ หลายๆ Theme ก็ได้ค่ะ 3. เมื่อได้ไฟล์ Theme.zip มาแล้ว ให้แตกไฟล์ แล้ว Upload ทั้ง folder ไปที่ Host ตาม path ...

อ่านต่อ »

วิธีติดตั้ง WordPress 2.7 แบบ step by step

เมื่อตกลงปลงใจจะสร้าง Blog แล้ว ก็มาดูวิธีการติดตั้ง WordPress กันค่ะ วิธีติดตั้ง WordPress 2.7 แบบ step by step บน Host โดยจัดการฐานข้อมูลผ่านทางหน้าจัดการเว็บไซต์ Control Panel แบบ cPanel (Host บางเจ้าอาจจะใช้ Control Panel คนละตัวกับตัวอย่าง แต่หลักการยังคงเหมือนกันค่ะ) 1. ดาวน์โหลดตัวติดตั้ง WordPress ไปที่เว็บไซต์ http://www.wordpress.org คลิกที่ Download เพื่อดาวน์โหลดตัวติดตั้ง WordPress . 2. สร้างฐานข้อมูล MySQL สำหรับจัดเก็บข้อมูล Blog และสร้างผู้ใช้งาน ให้เข้าไปหน้าจัดการเว็บไซต์ของคุณ (cPanel) คลิกที่ MySQL Database สร้างเสร็จแล้ว ให้จดชื่อ Database, ...

อ่านต่อ »

เกี่ยวกับ WordPress

WordPress คืออะไร? WordPress เป็น software แบบ Open Source  ใช้สำหรับสร้างเว็บไซต์แบบ Blog :ลิงค์: พัฒนาโดยใช้ภาษา PHP ใช้งานร่วมกับระบบฐานข้อมูล MySQL มีความง่ายในการติดตั้ง และการใช้งาน   มีผู้ออกแบบและพัฒนา Theme หรือรูปแบบการแสดงผลหน้าตา Blog ต่างๆ ให้เลือกใช้กันฟรีๆ มากมาย   รวมทั้งสามารถติดตั้ง Plugin เพื่อเพิ่มความสามารถของ Blog ได้อีกด้วย ด้วยความที่ใช้งานง่าย และมีความยืดหยุ่นนี้เอง ทำให้ WordPress ได้รับความนิยมจาก Blogger ทั่วโลก ไม่เว้นแม้แต่ประเทศไทย (รวมถึง enjoyday ด้วยค่ะ)   การที่คนใช้งานกันเยอะนี้เอง ทำให้ WordPress ได้รับการพัฒนาให้ดีขึ้นอย่างต่อเนื่อง  หาข้อมูลการใช้งานต่างๆ ได้ง่าย จุดเด่นอีกเรื่องของ WordPress ก็คือ มัน Friendly กับ ...

อ่านต่อ »

สร้างเว็บไซต์แบบมืออาชีพในพริบตาด้วย Web CMS

ในบทความก่อนๆ มีการกล่าวถึง Web CMS อยู่หลายครั้ง ในบทความนี้เราจะได้ทำความรู้จักกับ Web CMS  แบบจริงๆ จังสักที… ปัจจุบันมีเว็บไซต์เกิดขึ้นใหม่มากมาย เนื่องจากผู้สร้างเว็บสมัยนี้ไม่จำเป็นต้องเรียนรู้การเขียนโปรแกรมภาษา HTML หรือภาษา script ต่างๆ เช่น PHP, ASP, JavaScript เหมือนสมัยก่อน ก็สามารถใช้ Web CMS ในการสร้างเว็บไซต์ขึ้นได้อย่างง่ายดาย โดยใช้เวลาไม่กี่นาที แถมหน้าตาเว็บที่ได้ก็ยังเหมือนมืออาชีพทำอีกด้วย !! Web CMS คืออะไร ? Web CMS (Web Content Management System) คือ software ระบบจัดการเนื้อหาเว็บไซต์ หรือ เว็บไซต์สำเร็จรูป (ซึ่งเป็นคำเรียกให้มือใหม่เข้าใจง่าย) ถูกออกแบบมาให้ใช้งานได้ง่าย ตั้งแต่การติดตั้ง การสร้างและการจัดการดูแลเนื้อหา เหมาะสำหรับผู้ที่ไม่มีพื้นฐานด้านการเขียนโปรแกรม (หรือจะมี ก็ไม่ว่ากันค่ะ) ...

อ่านต่อ »

4.4 ลงมือสร้างเว็บไซต์

สำหรับตัวอย่างการสร้างเว็บไซต์ที่ enjoyday วางแผนไว้ว่าจะนำเสนอนั้น บางส่วนอยู่ระหว่างการจัดทำ แบ่งเป็น 1. การสร้าง Blog โดยใช้โปรแกรมเว็บสำเร็จรูป CMS : WordPress ตัวอย่างเว็บ Blog : enjoyday.net นี่แหละค่ะ « บทความเรื่อง การสร้าง Blog ด้วย WordPress » 2. การสร้างเว็บไซต์ โดยใช้โปรแกรมเว็บสำเร็จรูป CMS : Joomla ตัวอย่างเว็บไซต์ : enjoychinese.net เป็นเว็บสอนภาษาจีน (อีกเว็บไซต์หนึ่งของผู้เขียนเองค่ะ) « บทความเรื่อง การสร้างเว็บไซต์ด้วย Joomla! » 3. การสร้างเว็บไซต์แบบเขียนหน้าเว็บเพจเองโดยใช้ HTML, CSS, XHTML แบบนี้จะเหมาะกับเว็บไซต์ที่มีจำนวนหน้าเว็บเพจไม่มาก ที่ไม่มีการเปลี่ยนแปลงบ่อยๆ ตัวอย่างเว็บไซต์ #1 : ...

อ่านต่อ »

4.3 โปรแกรมสำหรับใช้งานในการสร้างเว็บไซต์

โปรแกรมสำหรับใช้งานในการสร้างเว็บไซต์ที่จำเป็น ได้แก่ 1. โปรแกรมสำหรับพัฒนาเขียนเว็บเพจ สำหรับตัวที่แนะนำคือ EditPlus กับ Adobe Dreamweaver กรณีที่เราออกแบบเว็บไซต์และเขียนเว็บเพจแต่ละหน้าเอง แนะนำให้ใช้ Adobe Dreamweaver ค่ะ ก่อนใช้งานโปรแกรม Adobe Dreamweaver เราจะต้องมีความรู้พื้นฐานภาษา HTML ก่อนนะคะ ไม่งั้นงงแย่ เว็บไซต์ที่สอนการใช้งานโปรแกรม Adobe Dreamweaver CS3 (ณ ตอนนี้ โปรแกรม Adobe มาถึงเวอร์ชั่น CS4 แล้วค่ะ) ลองเข้าไปศึกษาได้ค่ะ http://www.bloggang.com/viewdiary.php?id=tutorcat&month=12-2007&date=12&group=1&gblog=1 ส่วนกรณีที่เราใช้โปรแกรมเว็บไซต์สำเร็จรูปอื่นๆ เช่น WordPress, Joomla ที่จะต้องมีการแก้ไขไฟล์บางไฟล์ และเราไม่มีความรู้ทางการเขียนโปรแกรมเลย อาจจะแค่โปรแกรม Text Editor ง่ายๆ อย่าง EditPlus เปิดโปรแกรมเร็วดี ไม่หนักเครื่องด้วยค่ะ download โปรแกรม EditPlus ...

อ่านต่อ »