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

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

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

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

การสร้างโปรแกรมสำหรับการค้นหา (Search) ข้อมูลจาก Database

เรื่อง : การสร้างโปรแกรมสำหรับการค้นหา (Search) ข้อมูลจาก Database บทความนี้คงถูกอกถูกใจของใครหลายคนเป็นแน่ เ...

สร้างรูปภาพให้ผู้ชมเว็บสามารถจับเคลื่อนย้ายไปมาได้

เรือง :: สร้างรูปภาพให้ผู้ชมเว็บสามารถจับเคลื่อนย้ายไปมาได้ (Drag Layer by Dreamweaver)สำหรับบทความนี้เป็นบทความการป...

การกำหนด Class ของ CSS มากกว่า 1 คลาสด้วย Apply Multiple Classes

เรื่อง : การกำหนดคลาส CSS ให้แก่ Element ที่ต้องการใช้ Class มากกว่า 1 คลาส Class Selector ของ CSS นั้น ...