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

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

การสร้างโปรแกรมสำหรับแสดงข้อมูลจาก Database (Select Data)

เรื่อง :: การสร้าง Web Application ด้วย Dreamweaver + PHP + MySQL ตอนที่ 4ในตอนก่อนเราได้ทำการสร้าง Form และโปรแกรมส...

CSS Layout ด้วย Dreamweaver ตอนที่ 1

เรื่อง : CSS Layout ด้วย Dreamweaver ตอนที่ 1 CSS Layout ปัจจุบันได้รับความนิยม และได้รับความสนใจอย่างมาก จากกลุ่มผู้ออกแ...

เก็บ Code ที่ชื่นชอบไว้ใช้นาน ๆ (Snippets Panel)

เรื่อง : การเก็บโค้ดโปรแกรมไว้ใช้กับโปรแกรม Dreamweaver เคยมีแฟนเว็บบางท่านเข้ามาถามว่า "พี่มีวิธีเก็บโค้ดที่เร...

การแปลง CSS ในแบบ Inline Style Sheet ให้เป็น Internal หรือ External Style Sheet

เรื่อง : การใช้ Convert Inline CSS to Rule เปลี่ยน CSS การเขียน CSS เพื่อทำการตบแต่งเว็บเพจ บางครั้งนักพัฒนาเว็บชอบที่จ...