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

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

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

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

สร้าง Web Application ด้วย Dreamweaver + PHP + MySQL การเตรียมพร้อมและข้อตกลงในการเรียนรู้

เรื่อง :: การสร้าง Web Application ด้วย Dreamweaver + PHP + MySQL ตอนที่ 1สำหรับบทความนี้ก็จะเป็นบทความชุดนะครับคือใน 1 เร...

การลบ Tag/Code ของ HTML ที่ไม่จำเป็นออก (Clean up HTML)

เรื่อง: ลบ Tag/Code ของ HTML ที่ไม่จำเป็นออกจาก Source Code บางครั้งการสร้าง Web Page โดยใช้โปรแกรม Dreamweaver ตัวโปรแ...

วิธีการออกแบบเว็บในแบบ Responsive ด้วย Dreamweaver ตอนที่ 3 (จบ)

เรื่อง : การออกแบบ Responsive Web Design ด้วย Dreamweaver ตอนที่ 3 (จบ) กลับมาต่อกันอีกสักตอนสำหรับเรื่องของการใช้งานโป...