About DwThai.Com 00

DwThai.Com

Tip and Trick Dreamweaver

ก่อตั้งเมื่อปีพุทธศักราช ๒๕๔๖

Go to Post-iT Sign Guestbook

ค้นหาข้อมูลใน DwThai.Com

เปิดหน้าต่าง Code เพื่อแก้ไขโค้ดได้อย่างรวดเร็ว [Article ID : 22]

เรื่อง : เปิดหน้าต่างเพื่อแก้ไข Source Code เว็บเพจ (Code Inspector)

ทุกครั้งที่ผู้ใช้งานโปรแกรม Dreamweaver ต้องการแก้ไขโค้ดโปรแกรม หรือโค้ดของเว็บเพจ จำเป็นต้องกดเข้าไปที่ในส่วนของ Code View ซึ่งบางครั้งอาจจะไม่ทันใจ หรือต้องการความรวดเร็วในการแก้ไขโค้ด ไม่อยากเปิดแบบสลับไปสลับมาระหว่าง Code กับ Design Views บทความนี้ DwThai.Com มี Trick มาแนะนำ

วิธีการเปิดหน้าต่างเพื่อแก้ไข Code ได้อย่างรวดเร็ว

ผู้ใช้งานโปรแกรมสามารถเปิดหน้าต่างที่เรียกว่า Code Inspector ขึ้นมาเพื่อแก้ไข Code ได้อย่างง่ายดาย ดังนี้

1. ที่หน้าจอของโปรแกรม Dreamweaver ทำการกดปุ่ม F10 ที่แป้นคีย์บอร์ด

2. เมื่อกดปุ่มในข้อ 1 แล้ว โปรแกรมจะทำการเปิดหน้าต่าง Code Inspector ขึ้นมาให้ผู้ใช้งานโปรแกรมสามารถแก้ไข Code ของเว็บเพจได้ ดังรูป

*ที่หน้าต่าง Code Inspector นี้สามารถใช้ในการเขียนโค้ดต่าง ๆ ได้เหมือนในส่วนของ Code View

หากต้องการปิดหน้าต่าง Code Inspector ให้กดที่ปุ่ม F10 อีกครั้ง เพื่อเป็นการปิดหน้าต่าง Code Inspector ที่แสดงอยู่กับโปรแกรมลง

อย่างไรก็ลองใช้งานกันดูนะครับ ซึ่งก็น่าสะดวกดีสำหรับผู้ที่ไม่อยากกดไปดูโค้ดที่ Code View ของโปรแกรม...สวัสดีครับ.

About the Author

Mr.Sittichai Raksasuk

Sittichai is a Web Developer and Web Technology Instructor for over 10 yrs. He is also a webmaster of dwthai.com and author jQuery with Dreamweaver (2010). DwThai.Com is a website for web developer using Adobe Dreamweaver.

Contact with him : dwthai@gmail.com

บทความอื่นที่คุณอาจสนใจ

วิธีการสร้างกรอบข้อความด้วย CSS (CSS Border)

เรื่อง : การใช้ CSS เพื่อสร้างกรอบข้อความ (CSS Border) เส้นกรอบ หรือ Border ที่จะพูดถึงในบทความนี้ คือ...

การสร้าง Popup Message แจ้งเตือนด้วยโปรแกรม Dreamweaver

เรื่อง : วิธีสร้าง Popup Message ด้วย Dreamweaver หลายท่านเข้าไปในเว็บไซค์อื่นๆ คงจะเคยพบหน้าต่างเล็กๆ [หรือไม่เล็ก] ปรา...

สร้างโปรแกรม Upload รูปภาพด้วยโปรแกรม Dreamweaver

เรื่อง : สร้างโปรแกรม Upload รูปภาพด้วย Dreamweaver สอบถามกันเข้ามามากว่าถ้าจะใช้โปรแกรม Dreamweaver พัฒนาโปรแกรมให้มีกา...

การทำ Refresh/Redirect ให้ Web Browser ด้วย Dreamweaver

เรื่อง : สั่งให้ Web Browser ทำการ Refersh หรือ Redirect ตัวเอง ใบบางครั้งเรามีความจำเป็นต้องทำการ Refresh ...