http://website.forwebdev.com จัดทำเว็บไซต์, ออกแบบเว็บไซต์, ทำ website, web สำเร็จรูป, website สำเร็จรูป Tue, 04 May 2010 14:37:31 +0000 http://backend.userland.com/rss092 en ผลงานตัวนี้เป็น E-Commerce ล่าสุดที่ผมได้ทำ (พึ่งเสร็จได้ 2 วัน) ตัวระบบเป็นของ Opencart ซึ่งที่ผมเลือกใช้ Opencart นี้เพราะว่าใช้งานได้ง่ายสำหรับผู้เริ่มต้น อ่านเพิ่มเติมเกี่ยวกับ Opencart ระยะเวลาทำงานให้กับเว็บ Stickyberry.com นั้นผมใช้เวลา 3 วัน วันละไม่กี่ ชม. เพราะช่วงนี้งานเยอะมากๆต้องแบ่งเวลา ใครมีความเห็นติดชมใดๆเชิญ Comment นะครับ http://website.forwebdev.com/%e0%b8%82%e0%b8%ad%e0%b9%82%e0%b8%8a%e0%b8%a7%e0%b9%8c%e0%b8%9c%e0%b8%a5%e0%b8%87%e0%b8%b2%e0%b8%99%e0%b8%97%e0%b8%b3-e-commerce-%e0%b8%94%e0%b9%89%e0%b8%a7%e0%b8%a2-opencart-%e0%b8%8b%e0%b8%b0/ JQuery เป็น framework javascript ตัวหนึ่งที่ถูกนำมาใช้งานอย่าแพร่หลายเพราะรูปแบบการใช้งานนั้นง่ายมาก ในส่วนของลูกค้าท่านใดสนใจนำ JQuery ไปใช้กับเว็บไซต์ก็ติดต่อกับทาง WebSite.ForWebDev.Com ได้ครับ 1. Nivo Slider เป็นลูกเล่นเพิ่มสำหรับต้องการนำเสนอรูปภาพแบบ Slide สุดเท่ห์ Demo 2. Flip ตัวนี้แนวมากๆเราสามารถพลิกรูปภาพกลับไปมาได้ต้องลองเข้าไปดู Demo เองครับ Demo 3. Coin Slider ตัวนี้ก็เป็น Slide อีกรูปแบบหนึ่งไว้นำเสนอรูปภาพ หรือจะเป็นโฆษณาที่สลับกันแสดงก็ได้ครับ Demo http://website.forwebdev.com/%e0%b8%a3%e0%b8%b1%e0%b8%9a%e0%b8%97%e0%b8%b3%e0%b9%80%e0%b8%a7%e0%b9%87%e0%b8%9a%e0%b9%84%e0%b8%8b%e0%b8%95%e0%b9%8c%e0%b8%94%e0%b9%89%e0%b8%a7%e0%b8%a2-jquery/ Opencart ระบบร้านค้าออนไลน์ สำหรับผู้เริ่มต้นหัดขาย จนถึงมืออาชีพ Opencart นั้นจะกล่าวได้ว่าเหมาะสำหรับผู้หัดขายเพราะว่ารูปแบบการใช้งานนั้นเรียบง่ายผู้เริ่มต้นขายก็สามารถใช้งานได้อย่างง่ายดายเพียงไม่กี่นาทีสินค้าของท่านก็ไปอยู่บนเว็บไซต์ เมื่อเทียบกับ Software E-Commerce ตัวอื่น OpenCart osCommerce PrestaShop Open Source Documentation Unlimited Categories Unlimited Products Unlimited Manufacturers Templatable Multi-Language Multi-Currency Product Reviews Product Ratings Downloadable Products Automatic Image Resizing Multiple Tax Rates Related Products Unlimited Information Pages Shipping Weight Calculation Discount Coupon System Search Engine Optimization (SEO) Module System Backup & Restore Tools Printable Invoices Sales Reports จะเห็นได้ว่า Opencart นั้นมีระบบที่เพรียบพร้อมทุกๆด้านไม่ว่าจะมืออาชีพหรือผู้เริ่ม ต้นก็ตามท่านสามารถใช้ Opencart ที่ทาง WebSite.ForWebDev.Com ติดตั้งระบบให้ท่านได้และยังออกแบบดีไซน์ Opencart ให้เหมาะสมกับร้านค้าของท่านได้อย่างสวยงาม สนใจติดต่อสอบถามลายละเอียดได้ตลอด 24hr. http://website.forwebdev.com/opencart-e-commerce-%e0%b9%80%e0%b8%a3%e0%b8%b5%e0%b8%a2%e0%b8%9a%e0%b8%87%e0%b9%88%e0%b8%b2%e0%b8%a2%e0%b8%aa%e0%b8%b3%e0%b8%ab%e0%b8%a3%e0%b8%b1%e0%b8%9a%e0%b8%9c%e0%b8%b9%e0%b9%89%e0%b9%80%e0%b8%a3/ เบื่อไหมที่เวลาลงวินโดว์แล้วเราต้องมานั่งลงโปรแกรมใหม่บางทีต้องมาโหลดทีละโปรแกรมแล้วต้องมานั่งลงทีละโปรแกรม -*- แต่ปัญหานี้จะหมดไปเมื่อคุณจะได้เจอกับโปรแกมอย่าง Smart Installer Pack มาดูฟีเจอร์ดีกว่า * Easy, intuitive user interface design - หน้าตาโปรแกรมไม่ซับซ้อนใช้งานง่าย * Contains usual start-up software - ประกอบไปด้วยโปรแกรมที่จำเป็น * Greatly reduces the time needed to install that software, eliminating some of the unnecessary searching, waiting, etc. - ลดเวลาในการลงโปรแกรม * All free - ที่สำคัญมันฟรี * The installer comes packed in a convenient executable ... http://website.forwebdev.com/%e0%b9%81%e0%b8%99%e0%b8%b0%e0%b8%99%e0%b8%b3%e0%b9%82%e0%b8%9b%e0%b8%a3%e0%b9%81%e0%b8%81%e0%b8%a3%e0%b8%a1%e0%b8%aa%e0%b8%b8%e0%b8%94%e0%b9%80%e0%b8%88%e0%b9%8b%e0%b8%87%e0%b8%aa%e0%b8%b3%e0%b8%ab/ Open Source E-Commerce ที่ Website.ForWebdev.Com จะแนะนำนี้ถูกจัดอันดับโดย http://php.opensourcecms.com ซึ่งแต่ละตัวที่ถูกจัดอันดับมาจากความพึงพอใจของผู้ใช้งานที่โหวตผ่านเว็บไซต์ E-Commerce แต่ละตัวก็มีความสามารถที่หลากหลายไม่เหมือนกันมีข้่อดีและข้อเสียต่างกันด้วย ทั้งนี้ขึ้นอยู่กับว่าเราพึงพอใจกับตัวไหนมากกว่า ที่ทำให้เราใช้งานได้ง่ายขายได้คล่อง ^^ ถ้าท่านสนใจอยากทำเว็บไซต์ E-Commerce ขายของทาง Website.ForWebdev.Com ให้บริการรับทำเว็บไซต์ E-Commerce ในราคาที่ไม่แพง ถ้าสนใจติดต่อได้ที่ ติดต่อ ส่ง E-Mail ของท่านมาได้ตลอด 24hr. ครับ Zen Cart 1.3.8 Zen Cart truly is the art of e-commerce; a free, user-friendly, open source shopping cart system. The software is being developed ... http://website.forwebdev.com/%e0%b9%81%e0%b8%99%e0%b8%b0%e0%b8%99%e0%b8%b3-open-source-e-commerce-%e0%b8%aa%e0%b8%b3%e0%b8%ab%e0%b8%a3%e0%b8%b1%e0%b8%9a%e0%b8%84%e0%b8%99%e0%b8%97%e0%b8%b5%e0%b9%88%e0%b8%ad%e0%b8%a2%e0%b8%b2/ หลังจากที่ได้ทำการโปรโมทเว็บไซต์ไม่ถึงเดือนก็ได้รับ PR 1 จาก Google แล้ว ขั้นต่อไปก็พยายามเพิ่ม PR ในการ Update ของ Google ครั้งต่อและทำเว็บไซต์ให้อยู่อันดับต้นๆของ Google ให้ได้ หากสนใจ Check PR ของเว็บตัวเองก็ลองไปที่นี่เลยครับ http://www.prchecker.info/check_page_rank.php เว็บนี้ค่อนข้างแม่นยำและไม่ Error บ่อยด้วย http://website.forwebdev.com/%e0%b8%94%e0%b8%b5%e0%b9%83%e0%b8%88%e0%b8%88%e0%b8%a3%e0%b8%b4%e0%b8%87%e0%b9%86-website-forwebdev-com-%e0%b8%a1%e0%b8%b5-pr-1-%e0%b9%81%e0%b8%a5%e0%b9%89%e0%b8%a7/ Text Editors Aptana Studio ตัวนี้เจ๋งทีเดียวเขียนได้ทั้ง HTML, CSS, JavaScript และอื่นๆ แต่กินทรัพยากรเครื่องมากทีเดียว KompoZer เป็น Text Editor ทีดูเรีียบง่ายใช้งานง่ายอีกด้วย ตามแบบ WYSIWYG Notepad++ NotePad++ ตัวนี้เหมาะสำหรับคนที่ต้องการ Text Editor เบาๆซักตัวไว้เปิดแก้โค้ดเล็กๆน้อยๆที่สำคัญมี Plugin ให้ใช้เยอะพอสมควร Firebug Firebug ตัวนี้ของโปรดผมเลยมันเป็น plugin สำหรับ Firefox ความสามารถของมันสามารถกดเลือก Element ของเว็บในบางส่วนเพื่อดู Code ได้เจ๋งโคดๆ Quanta Plus Quanta Plus ตัวนี้เหมาะสำหรับผู้เริ่มต้นเขียน CSS มันใช้งานง่ายและแสดงผลลัพท์ให้เห็นในทันที jEdit jEdit ตัวนี้ไม่ธรรมดาเลยทีเดียวเพราะมี Plugin ให้เลือกใช้เป็น 100 เลยเหมาะสำหรับ Web Developer มืออาชีพ http://website.forwebdev.com/%e0%b9%81%e0%b8%99%e0%b8%b0%e0%b8%99%e0%b8%b3%e0%b9%80%e0%b8%84%e0%b8%a3%e0%b8%b7%e0%b9%88%e0%b8%ad%e0%b8%87%e0%b8%a1%e0%b8%b7%e0%b8%ad%e0%b8%97%e0%b8%b3%e0%b9%80%e0%b8%a7%e0%b9%87%e0%b8%9a/ พอดีไปเจอวีดีโอสอน PHP แจ่มากๆเลยเอามาฝากกันเป็นภาษาอังกฤษนะ ^^ Old Videos Lesson 01 WAMP Installation 22 min Download Lesson 02 Numbers 8 min Download Lesson 03 Letters 8 min Download Lesson 04 Variables 11 min Download Lesson 05 Functions 9 min Download Lesson 06 Flow Control 18 min Download Lesson 07 Arrays 7 min Download Lesson 08 Writing Your Own Functions ... http://website.forwebdev.com/%e0%b9%81%e0%b8%99%e0%b8%b0%e0%b8%99%e0%b8%b3%e0%b8%a7%e0%b8%b5%e0%b8%94%e0%b8%b5%e0%b9%82%e0%b8%ad%e0%b8%aa%e0%b8%ad%e0%b8%99-php-%e0%b8%9f%e0%b8%a3%e0%b8%b5%e0%b9%86/ ถ้ากำลังงงว่า Lightbox คืออะไรไปดู ตัวอย่าง http://www.huddletogether.com/projects/lightbox2/ เจ๋งใช่ไหมละ มาดูวิธีติดตั้งกัน 1. Download ไฟล์มาแล้วทำการ แตก Zip มา จะได้ไฟล์มาก็ทำการ Upload เข้าสู่ Server 2. เปิดไฟล์ของเว็บเพจที่ต้องการจะแสดงรูปด้วย? LightBox มาแล้วเอา Code [php] <script type="text/javascript" src="js/prototype.js"></script> <script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script> <script type="text/javascript" src="js/lightbox.js"></script> [/php] และ [php] <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" /> [/php] 3. จากนั้นเราก็แก้ไข Tag HTML <a href> ด้วยการเพิ่ม Attribute rel="lightbox" ลงไปดังเช่น [php] <a href="images/image-1.jpg" rel="lightbox" title="my caption"><img src="image-1.jpg"></a> [/php] แค่นี้หละง่ายๆใครๆก็ทำกันได้เอาไปปรับปรุงเว็บไซต์ของเราเองให้ดูโดดเด่นมากขึ้น http://website.forwebdev.com/%e0%b9%82%e0%b8%8a%e0%b8%a7%e0%b9%8c%e0%b8%a3%e0%b8%b9%e0%b8%9b%e0%b8%aa%e0%b8%b8%e0%b8%94%e0%b9%80%e0%b8%88%e0%b9%8b%e0%b8%87%e0%b8%94%e0%b9%89%e0%b8%a7%e0%b8%a2-ajax-lightbox/ 1. Yahoo! Site Explorer Site explorer ของ Yahoo ไว้สำหรับดูลายละเอียดของเว็บไซต์เราในมุมต่างๆ เช่น มีการ index กี่ Page มี Inbound Link เท่าไร ซึ่งถือว่ามีประโยชน์มากสำหรับคนทำ SEO 2. Compete ตัวนี้เป็น Web-base analytics tool ในการช่วยเราเปรียบเทียบ Traffic ของเว็บไซต์เรา และ Trend ของเว็บไซต์เราให้มาวิเคราะห์ 3. Quantcast ตัวนี้ก็แจ่มไว้ดู Traffic ของเว็บเราได้ดีมากๆบอกลายละเอียดหลายอย่างทีเดียว 4. Alexa Alexa นั้นเป็นที่รู้กันสำหรับคนทำเว็บไว้ check เว็บไซต์ของเราว่าอยู่ใน Top 100 ของประเทศนั้นๆหรือป่าว 5. Feed Compare Feed Compare มีประโยชน์มากๆสำหรับคนที่มี RSS ในเว็บไซต์แล้วต้องการเก็บสถิติของ RSS นั้น แจ่มทีเดียวเลยตัวนี้ 6. popuri.us ตัวนี้ไว้ ... http://website.forwebdev.com/15-tools-%e0%b9%84%e0%b8%a7%e0%b9%89%e0%b8%94%e0%b8%b9%e0%b8%a7%e0%b9%88%e0%b8%b2%e0%b9%80%e0%b8%a7%e0%b9%87%e0%b8%9a%e0%b9%84%e0%b8%8b%e0%b8%95%e0%b9%8c/