วันจันทร์ที่ 10 พฤษภาคม พ.ศ. 2553

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

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

ไม่มีความคิดเห็น:

แสดงความคิดเห็น