Tagged: เว็บ

ย้ายข้อมูลจาก Blog WordPress หนึ่งไปอีก Blog

บอกเล่าเรื่องราว

ย้ายข้อมูลจาก Blog WordPress หนึ่งไปอีก Blog

หลายๆ ท่านที่ใช้บริการ Free Hosting ของ WordPress.com และท่านที่ทำเว็บไซต์ด้วย WordPress.org เอาไว้ก่อนหน้าแล้ว อาจจะมีความจำเป็นต้องย้ายระบบ/เว็บไซต์ เช่น ย้ายข้อมูลจากเว็บ wordpress.com มาไว้ในเว็บที่พัฒนาของตนเองด้วย wordpress.org สามารถทำได้ง่าย เพียง Login เข้าสู่ระบบ จากนั้นเลือกเมนูคำสั่ง Tools, Export (เครื่องมือ, นำออก) เลือกข้อมูลของสมาชิกที่ต้องการ หรือเลือกทุกคน จากนั้นคลิกปุ่ม Export (ดาวน์โหลดไฟล์นำเข้า) โปรแกรมจะแปลงไฟล์เป็น .xml ให้เลือกไดร์ฟและโฟลเดอร์ที่ต้องการเก็บ //สามารถใช้ไฟล์นี้เป็นสำเนาข้อมูล (backup...

Security Tips สำหรับผู้ใช้ WordPress.org

บอกเล่าเรื่องราว

Security Tips สำหรับผู้ใช้ WordPress.org

เทคนิคควรทราบสำหรับผู้ใช้ WordPress เพื่อสร้างความมั่นคงปลอดภัยให้กับเว็บของคุณ หมั่นสำเนาข้อมูลสม่ำเสมอ สามารถใช้เทคนิค WordPress Export ได้นะครับ หมั่นปรับปรุงรุ่นของ WordPress (Upgrade WordPress) โดยเริ่มจากการติดตั้ง Plug-ins Automatic WordPress Upgrade เปลี่ยนรหัสผ่านที่โปรแกรมให้ และหมั่นเปลี่ยนรหัสผ่านอย่างสม่ำเสมอ ใช้ SSH/Shell Access แทนการ FTP แบบปกติ สร้างหน้าเว็บว่าง (a blank index.html) ใส่ไว้ในโฟลเดอร์ Plugins ลบคำสั่งแสดงรุ่น WordPress (version...

Dummy Text ที่น่าใช้ในการออกแบบงานกราฟิก งานสิ่งพิมพ์

บอกเล่าเรื่องราว

Dummy Text ที่น่าใช้ในการออกแบบงานกราฟิก งานสิ่งพิมพ์

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

favicon ไอคอนเพื่อแสดงความเป็นตัวตนผ่านเว็บ

บอกเล่าเรื่องราว

favicon ไอคอนเพื่อแสดงความเป็นตัวตนผ่านเว็บ

เว็บไซต์ถือเป็นสื่อแสดงความตัวตนรูปแบบหนึ่งขององค์กร หรือบุคคล องค์ประกอบของเว็บจึงเป็นส่วนหนึ่งของการแสดงความเป็นตัวตนด้วยเช่นกัน โดยเฉพาะ Favicon ซึ่งจะเป็นไอคอนเล็กๆ ที่ปรากฏในแถวแรกของเว็บเบราว์เซอร์ ดังนี้ เว็บไซต์ต่างๆ จึงควรปรับเพิ่ม Favicon ให้กับเว็บด้วยทุกครั้ง โดยการใช้โปรแกรมกราฟิกต่างๆ ออกแบบในขนาด 16 x 16 พิกเซล บันทึกในชื่อ favicon โดยมีส่วนขยายเป็น .ico และระบุ HTML Code ใน Head Section ของไฟล์ HTML <link rel=”shortcut icon” href=”/favicon.ico”...

การสร้างบทความใน Joomla 2.5

บอกเล่าเรื่องราว

การสร้างบทความใน Joomla 2.5

ก่อนหน้านี้ได้แนะนำการติดตั้ง Joomla 2.5 บน AppServ ไปครั้งนี้ขอแนะนำการสร้างเนื้อหาทั้งที่เป็นบทความแบบ Static และ Dynamic การจัดการบทความ การจัดการหมวดหมู่เนื้อหา (Category) การนำเสนอบทความผ่านเมนู และการแสดงบทความในหน้าแรกของเว็บ   Joomla2-5-article-manager from Boonlert Aroonpiboon

แนะนำ Inkscape

บอกเล่าเรื่องราว

แนะนำ Inkscape

สำหรับท่านที่มองหาโปรแกรมวาดภาพกราฟิกแบบ Vector ลักษณะเดียวกับ Adobe Illustrator โปรแกรม Inkscape เป็นทางเลือกที่น่าสนใจ โดย Inkscape เป็นโปรแกรมที่วาดภาพเวกเตอร์และจัดเก็บตามมาตรฐาน  W3C โดยมีฟอร์แมตเป็น Scalable Vector Graphics (SVG) สามารถสร้างสรรค์ผลงานได้ด้วยความสามารถ Path, Object ครบถ้วน ดาวน์โหลดมาใช้งานได้ฟรีจากเว็บ http://www.inkscape.org การติดตั้งใช้งานเป็นไปตามโปรแกรมทั่วไป ไม่ยุ่งยากซับซ้อน ทำงานได้ทั้งระบบปฏิบัติการ Windows, MacOS, Linux Inkscape มีเครื่องมือและฟังก์ชันช่วยสร้างสรรค์งานกราฟิกแบบ Vector ที่หลากหลาย เช่น เครื่องมือสร้างรูปทรงพื้นฐาน...

Web Meta Tag องค์ประกอบที่ยังขาดหายไปในการพัฒนาเว็บไซต์

บอกเล่าเรื่องราว

Web Meta Tag องค์ประกอบที่ยังขาดหายไปในการพัฒนาเว็บไซต์

จากการศึกษาเว็บไซต์ของหน่วยงาน โดยเฉพาะหน่วยงานภาคการศึกษาและภาครัฐในประเทศไทย พบว่าเป็นการพัฒนาเว็บที่ยังตกหล่นประเด็นสำคัญหลายประเด็น โดยเฉพาะการให้ข้อมูลแก่ Search Engine เพื่อเพิ่มมูลค่าการเข้าถึงดังคำแนะนำของ Google : Google Search engine optimization starter guide ข้อมูลจำเป็นสำหรับการให้ข้อมูลเกี่ยวกับเว็บต่อ Search Engine เรียกว่า Web Metadata โดยจะต้องระบุผ่าน Tag พิเศษภายใน Head Section ดังนี้ <head> <meta http-equiv=”content-type” content=”text/html;charset=UTF-8″> <Meta http-equiv=”content-language” content=”EN”> <title>My...

Category & Tag ใน Blog

บอกเล่าเรื่องราว

Category & Tag ใน Blog

เว็บในรูปแบบ Blog นับว่าเป็นเว็บที่ได้รับความนิยมสูงมากในปัจจุบัน โดยเว็บลักษณะนี้มีจุดเด่นหลายประการ เช่น เป็นมิตรที่ดีกับ Search Engine รวมทั้ง Blog Search Engine เช่น Technorai ส่งผลให้เนื้อหาที่นำเสนอผ่าน Blog สามารถสืบค้นได้เร็วกว่าเว็บปกติ มีรูปแบบการเข้าถึงเนื้อหาได้หลายลักษณะ การจัดกลุ่มเนื้อหาตามเดือนปี แสดงผลด้วย Archives หรือปฏิทิน โดยยึดจากวันที่/เวลาเผยแพร่เอกสาร การเข้าถึงผ่านหมวดหมู่ (Category) การเข้าถึงผ่าน Tag Cloud ที่นำเอา Tag มาแสดงผล การเข้าถึงด้วยช่่องสืบค้น การเข้าถึงด้วยการคลิกลิงก์ที่มีเนื้อหาสัมพันธ์ การเข้าถึงโดยการเบราว์เนื้อหาโดยผู้ใช้...

พัฒนาเว็บให้เข้ากับ Google ด้วยคำแนะนำดีๆ โดย Google

บอกเล่าเรื่องราว

พัฒนาเว็บให้เข้ากับ Google ด้วยคำแนะนำดีๆ โดย Google

เว็บไซต์ที่พัฒนาขึ้นมาแล้วคงคาดหวังว่าจะถูกค้นพบได้ง่ายผ่าน Search Engine โดยเฉพาะ Google ดังนั้น Webmaster ทุกคนก็ไม่ควรพลาดกับการศึกษารายละเอียด Google Webmaster Guidelines ชุดนี้ประกอบนะครับ สำหรับเอกสารภาษาไทย สามารถศึกษาเพิ่มเติมได้ในประเด็น Search Engine Optimization (SEO) เมตาแท็ก สถิติดัชนี  

ความละเอียดภาพสำหรับเว็บกราฟิก

บอกเล่าเรื่องราว

ความละเอียดภาพสำหรับเว็บกราฟิก

ภาพที่จะนำมาใช้ในเอกสารเว็บ จะต้องมีค่าความละเอียด (Resolution) เท่ากับ 72 pixels/inch เท่านั้น ดังนั้นหากภาพนั้นมีค่าความละเอียดมาก จะต้องปรับค่าก่อน ตัวอย่างการใช้โปรแกรม Adobe PhotoShop เลือกเมนูคำสั่ง Image, Image Size… ปรับค่า Resolution ให้เท่ากับ 72 pixels/inch โดยปกติเมื่อมีการปรับค่าความละเอียดของภาพ จะส่งผลต่อขนาดของภาพ (pixel dimensions) ด้วย ดังนั้นจะต้องยกเลิกรายการเลือกของ Resample Image ก่อน นอกจากนี้ยังสามารถใช้โปรแกรมอื่นๆ เช่น XnView ที่มีความสามารถปรับความละเอียดภาพได้พร้อมๆ...

การพัฒนา Thesaurus ด้วย Open Source Vacabulary เจ๋งด้วย TemaTres

บอกเล่าเรื่องราว

การพัฒนา Thesaurus ด้วย Open Source Vacabulary เจ๋งด้วย TemaTres

TemaTres เป็นโอเพนซอร์สที่ช่วยในการพัฒนาเว็บระบบจัดการคำศัพท์ทั้งที่เป็นศัพท์ปกติ ศัพท์สัมพันธ์ (Thesaurus) Taxonomy และอื่นๆ ตามลักษณะงานที่ต้องการ เพื่อให้การใช้งานในห้องเรียนเป็นไปอย่างสะดวก ผมได้พัฒนาชุดการสอนพร้อมใช้ที่เรียกว่า Server2Go + TemaTres พร้อมสไลด์แนะนำการใช้งาน TemaTres : OSS Thesaurus View more presentations from Boonlert Aroonpiboon. คลิกดาวน์โหลด .zip

เลือกซอฟต์แวร์สร้าง Blog อย่างเหมาะสม

บอกเล่าเรื่องราว

เลือกซอฟต์แวร์สร้าง Blog อย่างเหมาะสม

การสร้าง Blog ไม่ใช่เรื่องยาก ปัจจุบันมีทั้งบริการฟรีบนเว็บ เช่นเว็บไซต์ http://blogger.com หรือ http://blog.com รวมทั้ง http://wordpress.com ที่อนุญาตให้ผู้สนใจสมัครสมาชิกและสร้าง blog ส่วนตัวได้ รวมทั้งมีซอฟต์แวร์สร้าง blog ในกลุ่ม Open Source เช่น http://wordpress.org ที่อนุญาตให้ดาวน์โหลดโปรแกรมมาติดตั้งที่เครื่องของเราเองเพื่อสร้าง blog ได้ตามต้องการ สำหรับท่านที่สนใจสร้าง Blog สามารถศึกษารายละเอียดเพิ่มเติมได้จากเว็บไซต์ Weblog Matrix โดยเลือกซอฟต์แวร์ที่ต้องการและเปรียบเทียบความสามารถให้เหมาะสมกับความต้องการของเราได้ครับ  

การปรับแต่งค่า Config ที่จำเป็นของ AppServ

บอกเล่าเรื่องราว

การปรับแต่งค่า Config ที่จำเป็นของ AppServ

การจำลองพีซีเป็น Web Server ไม่ยากด้วยความสามารถของ AppServ โดยโปรแกรมนี้ประกอบด้วยโปรแกรมย่อย คือ Apache ที่เป็นโปรแกรมหลักในการจำลองพีซีเป็นเครื่องแม่ข่ายเว็บ MySQL โปรแกรมจัดการฐานข้อมูลระบบเปิด PHP โปรแกรมภาษาคอมพิวเตอร์ที่นิยมใช้กันมากโปรแกรมหนึ่ง รวมทั้ง PHPMyAdmin โปรแกรมจัดการระบบต่างๆ ผ่านเว็บ โปรแกรม AppServ ทำงานได้ดีกับคอมพิวเตอร์พีซีและโน้ตบุ๊คที่ติดตั้ง Microsoft Windows เกือบทุกรุ่น โดยดาวน์โหลดโปรแกรมAppServ ได้ที่ http://www.appservnetwork.com อย่างไรก็ดีการใช้งาน AppServ ให้มีประสิทธิภาพ ควรปรับแต่งค่า Config ของ AppServ ให้เหมาะสม...

นำเสนอ FreeMind/FreePlane ผ่านเว็บ

บอกเล่าเรื่องราว

นำเสนอ FreeMind/FreePlane ผ่านเว็บ

ไฟล์ MindMap ที่สร้างด้วยโปรแกรม FreeMind หรือ FreePlane สามารถนำเสนอผ่านเว็บได้ ดังตัวอย่าง โดยมีวิธีการนำเสนอดังนี้ 1) ดาวน์โหลดไฟล์นำเสนอผ่านเว็บ โดยคลิกลิงก์ ซึ่งเป็นไฟล์ .zip จากนั้น unzip ไฟล์ดังกล่าว 2) เมื่อ Unzip แล้วให้คัดลอกไฟล์ MindMap ที่สร้างด้วย FreeMind หรือ FreePlane ซึ่งมีส่วนขยายเป็น .mm ไปไว้ในโฟลเดอร์ตามข้อ 1 3) เปิดไฟล์ index.html ในโฟลเดอร์ตามข้อ...

เขียนอะไรดีเพื่อเผยแพร่ผ่านเว็บ KM

บอกเล่าเรื่องราว

เขียนอะไรดีเพื่อเผยแพร่ผ่านเว็บ KM

หน่วยงานที่พัฒนา KM โดยใช้เว็บไซต์เป็นเครื่องมืออาจจะประสบปัญหาไม่แตกต่างกันมากนักในประเด็นที่ว่า จะแนะนำสมาชิกให้นำเสนอ เขียนเนื้อหาอะไรผ่านเว็บ KM ยังไงก็ขอเสนอตั้งต้นดังนี้ครับ เขียนเรื่องเล่าสบายๆ จากประสบการณ์การทำงานที่รับผิดชอบ นำปัญหาที่พบจากการทำงานมาเล่า และพร้อมแนวทางการแก้ไขที่ดำเนินการ หรือคำแนะนำที่ควรดำเนินการs เล่าเทคนิคที่ใช้ในการทำงาน ระหว่างการทำงานเพื่อก้าวสู่ความสำเร็จ ไม่ควรเขียนยกตน หรือพูดแต่ความสำเร็จของตนเอง ไม่เขียนในเชิงวิจารย์ดูหมิ่น หรือกระทบต่อบุคคลที่ีสาม ไม่เีขียนประเด็นการเมือง ศาสนา ความเชื่อ แนบเอกสารที่เกี่ยวข้องประกอบเรื่องเล่า อาจจะเป็นแฟ้มภาพ แฟ้มเอกสารดิจิทัล แฟ้ม Mind map อย่าลืมให้เครดิตบุคคลที่นำมากล่าวอ้าง หรืออ้างอิง และ/หรืออ้างอิงแหล่งสารสนเทศที่นำมาใช้ประกอบการเขียน เขียนในลักษณะสอบถามปัญหาที่พบจากการทำงานอื่นๆ นอกเหนือภาระงานประจำ เื่พื่อขอคำแนะนำจากเครือข่าย เขียนเล่าเรื่องสิ่งที่พบจากคำแนะนำที่ได้รับ...