Monthly Archives: July 2013

เริ่มต้นการสร้างเว็บ Responsive ด้วย Bootstrap

ในการเริ่มต้นเขียน เว็บไซต์แบบ Responsive นั้นสิ่งที่ต้องเรียนรู้ คือ HTML5 และ CSS3 ซึ่งหลายคนยังไม่อาจยังไม่ถนัด ในการเขียนในรูปแบบนี้ดังนั้นวันนี้ผมจะมาสอนเทคนิคการทำ เว็บไซต์แบบ Responsive ด้วยการเรียนรู้แบบ ติดไอพ่นกันเลยทีเดียว ขั้นแรกเรามารู้จักกับ Framework Bootstrap ซึ่งจะมาเป็นผู้ช่วยของเราในบทความนี้ Bootstrap  ถูกพัฒนาขึ้นด้วย twitter ของเรานี้เองครับโดยตัว Bootstrap จะรวบรวมคำสั่ง Java และ CSS ไว้เพื่อให้ง่ายต่อการดึงมาใช้ในรูปแบบ Class ต่างๆ จึงทำให้การจัดหน้าตาของเว็บไซต์ง่ายขึ้นและยังสามารถเขียน Class ของเราเข้ามาผสมการทำงานกับตัวของ  Bootstrap ได้ด้วยเช่นกัน ขั้นที่สอง เรามาติดตั้ง Bootstrap กันดีกว่า -ในการติดตั้ง  Bootstrap  สามาถโหลดได้ที่ http://twitter.github.io/bootstrap/ หลังจากที่โหลดมาเสร็จเราจะเอาไฟล์ที่ได้มาไปไว้ใน Root เดี๋ยวกับเว็บที่เราสร้างไว้ โดยเมื่อแตก ไฟล์มาจะได้ โฟล์เดอร์ดังนี้ เวลาใช้งานนั้นทำได้ง่ายๆเพียงแค่ เพิ่ม โค้ดลงไปใน html ที่เราสร้างไว้ยกตัวอย่างดังนี้นะครับ <!DOCTYPE html> <html> <head> <title>Bootstrap 101 Template</title> <meta name="viewport" content="width=device-width, ... Read More »

imacro Java แก้ปัญหา กดปุ่ม Stop แล้วไม่หยุด

  ในการเขียน Imacro มือใหม่เรามักจะเจอปัญหาของการสร้าง Loop ในการวนเก็บข้อมูลแล้ว เมื่อ Loop ทำงานแล้ว เราต้องการหยุดการทำงาน โดยกดปุ่ม stop แต่ แม่เจ้าาา มันไม่ยอมหลุด loop ทั้งหมดออกมา ผมจะยกตัวอย่างนะครับ ยกตัวอย่างโค้ดนี้เป็นการวน loop  2 loop ซ้อนกัน เมื่อเรากดปุ่ม Stop โปรแกรมจะหลุด แค่ Loop เล็ก คือ loop  for แต่ loop while ยังคงใช้งานอยู่ while(counter<10} { for(var i=0;i<10;i++) { iimPlay(macro) } } ปัญหามันจะเยอะตอน ที่เราทำ Loop เป็นหลัง 100 ครับกด stop ยังไงก็ไม่ยอมหยุด ดังนั้นเราเลยต้องเติมโค้ดลงไป เล็กน้อยเพื่อให้การทำงานของโปรแกรมสมบูรณ์ main:{ while(counter<10} { for(var i=0;i<10;i++) { ... Read More »

สร้าง Network ส่วนตัวและวิธีใช้งานง่ายๆด้วย weontech

การสร้าง Network ส่วนตัวเพื่อโปรโมทเว็บไซต์ นั้น บางคนคิดว่าเป็นเรื่องยากในการสร้าง และต้องใช้งบประมาณใน การจดโดเมน และ โฮส เป็นเงินค่อนข้างมากสำหรับคนที่เริ่ม ทำ SEO เพื่อโปรโมทเว็บไซต์ และใขการทำ SEO นั้น หากเราได้ Link จากบทความที่มาจากหลายแหล่งทั้ง Blog -Bookmark -Social network ยิ่งส่งผลต่ออันดับของเว็บนั้นๆ ได้เป็นอย่างดี แต่จะให้มานั่งซับที่ละอันคงเป็นงานหนักไม่ใช่น้อยดังนั้นวันนี้ผมจะมาแนะนำเครื่องมือดีๆสำหรับการทำ Network   เครื่องมือตัวนี้ชื่อ weontech เป็นเว็บไซต์ที่ให้บริการ Post Network แบบหลาย Platform คือสามารถโพสได้หลายๆที่ โดยใช้เครื่องมือนี้ตัวเดียวจึงทำให้ได้รับความนิยมเป็นอย่างมาก เราสามารถใช้งานโดยใช้ Blog ฟรีต่างๆ ที่ Weontech ทีให้ใช้หรือ จะเป็น Socicl Network ต่างๆ ซึ่งเว็บเหล่านี้ มีค่า Authority ที่สูงทำให้ช่วยเรื่องการทำอันดับ ของเว็บไซต์ได้เป็นอย่างมาก นอกจากนั้นเรายังสามารถ เพิ่มเว็บ ส่วนตัวของเราที่เป็น WordPress ลงไปใน Network ได้อีกด้วย มาเริ่มต้นใช้งาน Weontech กันดีกว่านะครับ 1. สมัครใช้งานที่เว็บไซต์  www.weontech.com  หรือ Click ... Read More »