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

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

การตัดเมนู Control ของไฟล์ Flash ออกจากเมนูคลิกขวา

เรื่อง : วิธีการตัด Control ของ Flash Animation บทความนี้เป็น Trick ในการใช้งาน Flash Animation กับเว็บ...

ตรวจสอบโค้ด HTML ว่าได้มาตรฐานหรือไม่

เรื่อง : ตรวจสอบมาตรฐานของ HTML Code ด้วย Dreamweaver โค้ด HTML ที่ใช้ในการพัฒนาเว็บ...

เมาท์ (Mouse) มาตารางเปลี่ยนสี (CSS Pseudo-classes)

เรื่อง : เมาท์มาตารางเปลี่ยนสีด้วย CSS มีผู้ชมที่ติดตามเว็บ DwThai.Com ขอกันเข้ามามากครับเกี่ยวกับการทำเทคนิคนี้ ซึ่งคุณคงจ...

Upload ไฟล์เว็บไปไว้บน Web Hosting ด้วย Dreamweaver

เรื่อง : Dreamweaver กับการ Upload ไฟล์เว็บไซต์ไปยัง Web Hosting เมื่อเร็ว ๆ นี้มีน้องคนหนึ่งโทรเข้ามาสอบถามเรื่องของการใช้...