Firebug สุดยอดเครื่องมือช่วยสร้างเว็บ Programming

Firebug สุดยอดเครื่องมือช่วยสร้างเว็บ Programming

Firebug >> Download<<

Web Development Evolved >>Home Page <<

หมายเหตุ: Firebug เป็นโปรแกรมเสริมของ Firefox Web Browser หากท่านไม่ได้ใช้ Firefox โปรดติดตั้งและใช้ Firefoxเพื่อดาวโหลด Firebug

ประโยชน์เบื่องต้นของ Firebug สำหรับช่วยสร้างเว็บ

• ใช้ตรวจสอบ คำสั่ง html และสามารถแก้ไข คุณสมบัติ ต่าง ๆ ได้ทันที
• Debug JavaScript code ใช้หาความผิดพลาดของโค็ด JavaScript
• ตรวจสอบความเร็วในดาวโหลด หน้าเว็บ และ องค์ประกอบต่าง ๆ ในหน้าเว็บ
• จัดตำแหน่ง องค์ประกอบ เพื่อปรับเปลี่ยนโครงสร้าง (Layout) หน้าเว็บ

เปิด firebug กดปุ่ม F12 หรือไปที่ Menu ของ FireFox แล้ว เครื่องมือ/tool -> Firebug -> Open Firebug

มองด้านล่างหน้าเว็บ จะเห็นหน้าต่างควบคุมของ Firebug คลิกที่ Tab HTML จะเห็นโคด HTML ด้ายซ้าย  และด้านขวาจะเป็นโคด CSS ใครไม่รู้จัก CSS ไปดูวีดีโอสอนเบื้องต้นได้ที่ สอน CSS ตอนที่ 1  สอน CSS ตอนที่ 2 สอน CSS ตอนที่ 3

คลิกที่ ปุ่มรูปลูกศรสีฟ้า ข้าง ๆ ปุ่มรูปแมลง จากนั้นสามารถนำ mouse ไปวางตามองค์ประกอบต่าง ๆ ในหน้าเว็บ Firebug จะแสดงเส้นขอบสีฟ้าเน้นให้เห็นส่วนที่เราเอา mouse ไปวางทับ และ ถ้ามองที่ด้านซ้ายมือของหน้าต่าง firebug จะเห็นว่า code html ของคำสั่งนั้นจะถูกไฮไลทเป็นสีฟ้า และ ถ้ามองไปด้านขวาจะเห็น code css ของคำสั่งนั้น

ด้วยเทคนิคนี้จะทำให้เราสามารถตรวจสอบ code และ การแสดงผล เทียบกันได้อย่างรวดเร็ว ทำให้เราสามารถสร้างเว็บได้อย่างมีประสิทธิภาพมากขึ้น

HTML คืออะไร รับสิทธิ์การอบรมฟรี ทำเว็บด้วยภาษา HTML

วิธีสร้างเว็บร้านค้าสวย ๆ และเทคนิคการสร้างยอดขาย

 www.Ran4U.com (ร้าน for you)

สร้างเว็บร้านค้าฟรี โปรดส่งข้อมูล สินค้า ข้อมูลติดต่อร้านค้า วิธีการชำระเงิน เพื่อรับสิทธิ์สร้างเว็บร้านค้าฟรี

(ด่วนจำนวนจำกัด 100 ท่านแรก หมดเขตรับสิทธิ์ภายในวันที่ 10พฤษภาคม)

โปรดส่งข้อมูลดังต่อไปนี้ตอบกลับมาที่อีเมล์นี้ ทางทีมงานจะใช้ข้อมูลนี้สร้างเว็บไชต์ร้านค้า online ให้ทางสมาชิกใช้งานได้ ฟรี สอบถามข้อมูลเพิ่มเติม 083 0466100

·         ข้อมูลสินค้า 15 ชิ้น หรือ แบ่งสินค้าเป็น 3 หมวดหมู่ หมวดหมู่ละ 3-5 ชนิด

1.    รูปสินค้า

2.    ชื่อ หรือ รหัส

3.    ราคา

4.    รายละเอียด

·         ข้อมูลร้านค้า ชื่อร้าน เบอร์ติดต่อ อีเมล์ ที่อยู่

·         วิธีการชำระเงิน

·         Download แบบฟอร์มเพื่อกรอกข้อมูล หลังจากกรอกครบแล้วบันทึกและส่งแบบฟอร์มกลับมาที่admin@rongrean.com

จุดเด่นของเว็บ eCommerce ของเรา

ถูกพัฒนาโดยเน้นให้ใช้งานง่ายที่สุด และมีบริการออกแบบเว็บฟรีให้ตรงกับ Concept ของสินค้าที่ขาย หรือConcept ของบริษัท นอกจากนี้ยังมีอบรมฟรีเทคนิคการโปรโมตเว็บ eCommerce การตลาด Onlineเพื่อสร้างและเพิ่มยอดขายแบบยั่งยืน ข้อมูลวันและเวลาในการอบรมจะแจ้งให้ท่านทราบภายหลังจากท่านส่งข้อมูลร้านค้าให้ทางทีมงาน

เว็บไชต์ eCommerce จะแบ่งออกเป็น 2 Package คือ แบบฟรี (จำกัดชนิดสินค้าที่ 15 ชนิด) และแบบ Professional (320 บาทต่อเดือน ไม่จำกัดชนิดสินค้า)

        

สิ่งสำคัญของการทำการค้าออนไลน์คือ “การโปรโมตเว็บเพื่อให้คนเข้ามาซื้อสินค้า” และ “ความน่าสนใจของสินค้าที่ขาย (ราคาและความนิยมสินค้าในขณะนั้น)”

·         สรุปขั้นตอนการทำการค้าออนไลน์ให้ประสบความสำเร็จ

1.    เลือกสินค้ามาขาย หากมีสินค้าอยู่แล้วข้ามไปข้อ 2 หลักในการเลือก เป็นที่นิยมในขณะนั้น และ หาแหล่งต้นทุนซื้อได้ถูก

2.   โปรโมตเว็บให้เป็นที่รู้จัก (สำคัญมากต้องทำ และต้องทำต่อเนื่องห้ามหยุด)

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

1.      http://www.pantipmarket.com/post/post.php

2.      http://classified.sanook.com/post.php

3.      http://pramool.com/newitem.html

4.      http://www.thaionlinemarket.com/newquestion.asp?rid=&gid=

5.      http://www.thaisecondhand.com/post/post1.php

6.      http://www.plazathai.com/post1.php

·         เวลาโพสประกาศขายให้ทำ Link มาที่หน้าเว็บของเรา หลักในการทำ Link ให้ใช้ชื่อ Link เป็นชื่อสินค้า เช่น

HTML Code:      <a href=”http://เว็บร้านค้าของเรา ” >ชื่อสินค้าหรือ keyword ที่ต้องการให้คนค้นหาแล้วมาเจอเว็บเรา</a>

BB Code:              [url= http://เว็บร้านค้าของเรา]ชื่อสินค้าหรือkeyword ที่ต้องการให้คนค้นหาแล้วมาเจอเว็บเรา[url]

3.    เพิ่มสินค้าใหม่ในเว็บของเราบ่อย ๆ เพื่อเพิ่มความน่าสนใจของเว็บ ดึงดูดให้ลูกค้ากลับเข้ามาเยี่ยมชมเว็บเราบ่อย ๆ

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

·         ในบทความควรมีรูปเพื่อให้ดูน่าสนใจ โดยเฉพาะรูปลูกค้าเก่าที่ใช้สินค้าแล้วได้ผล

5.    สร้างชุมชน Online ในเว็บ พยายามดึงดูดให้เกิดการโพสกระทู้ สร้างบทความ สร้างความคิดเห็นต่อบทความ ความคิดเห็นต่อสินค้า

6.    สร้างความสัมพันธ์กับลูกค้าเก่าอยู่เสมอ ส่งโปรโมชั่น ส่งข้อมูลสินค้าใหม่

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

ตัวอย่างเว็บร้านค้าออนไลน์ฟรีบางส่วน

ขอขอบคุณ 

ทีมงาน RongRean.com

บริษัท ออร์จิค จำกัด
อาคาร ตอยงเกียรติ์ติกลาส 2,4,6 ถนนบรมราชชนนี แขวงบางบำหรุ เขตบางพลัด กทม 10170
(02) 8817460 / (083) 0466100

http://www.rongrean.com

Firebug สุดยอดเครื่องมือช่วย ทำเว็บ (ภาค 2) แก้โค็ดแบบ realtime

admin | 13-04-2553 | เปิดดู 3485 | ความคิดเห็น 3

Instant HTML editing

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

เปิดหน้าเว็บและเปิด Firebug โดยกดปุ่ม F12 ที่หน้าต่าง Firebug ให้เปิด HTML Tab จากนั้นสามารถ เพิ่ม ลบ และ แก้ไข HTML attributes หรือ ข้อความในส่วนตรงกลางของคำสั่ง โดยการ click ไปที่ ค่าของ attribute หรือ ข้อความที่ต้องการแก้ และแก้ไขได้เลยทันที

การลบคำสั่ง HTML: คลิ๊กขวาที่คำสั่งที่ต้องการลบ แล้วเลือก Delete Element

การเพิ่ม HTML Attribute: คลิ๊กขวาที่คำสั่งที่ต้อการเพิ่ม attribute แล้วเลิอก New Attributeจะเห็น Textbox ภายใน Tag เปิด เขียน attribute ที่ต้องการเพิ่มลงใน Textbox

การแก้โค็ดทั้งหมดของคำสั่ง HTML: คลิ๊กขวาที่คำสั่งที่ต้องการแก้โค๊ด แล้วเลิอก Edit HTML จะเห็นหน้าต่างแสดงโค๊ดทั้งหมดของคำสั่งที่เลือก แก้ไขเสร็จให้คลิ๊กที่ปุ่ม Edit ด้านบนของหน้าต่าง

HTML คืออะไร รับสิทธิ์การอบรมฟรี ทำเว็บด้วยภาษา HTML