About DwThai.Com 00

DwThai.Com Logo

DwThai.Com

Tip and Trick Dreamweaver

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





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

วิธีเปลี่ยน CSS Designer ใน Dreamweaver CC เป็น CSS Styles Panel ในแบบดั่งเดิม [Article ID : 234]


เรื่อง: เปลี่ยน CSS Designer ใน Dreamweaver CC เป็น CSS Styles Panel แบบ CS6

การใช้ CSS ใน Dreamweaver CC นั้นเราจะใช้งานกันในส่วนของ CSS Designer Panel ซึ่งมีหน้าตาและการใช้งานที่แตกต่างไปจากในเวอร์ชั่นก่อนๆ อย่างเช่นใน Dreamweaver CS6 เป็นต้น เนื่องจากไม่ได้ทำงานในลักษณะของ Wizard ที่ให้ผู้ใช้สามารถเลือกแล้วกำหนดค่าได้แบบแต่ก่อน จึงทำให้ผู้ใช้งานโปรแกรม Dreamweaver CC โดยเฉพาะผู้ที่คุ้นเคยกับการใช้งาน CSS Panel ในแบบดั่งเดิมสับสน และอาจต้องเรียนรู้ใหม่ในการใช้งาน
บทความนี้ผมมี Trick มาแนะนำครับ ว่าทำอย่างไรจึงจะเปลี่ยน CSS Designer มาเป็น CSS Style Panel ในแบบ Dreamweaver รุ่นก่อน ๆ ได้ อย่างไรลองติดตามอ่าน และปฏิบัติตามกันดู

Change CSS Designer to CSS Panel

วิธีการเปลี่ยน CSS Designer เป็น CSS Styles Panel

ก่อนอื่นนั้นให้ทำการเปิดหน้าต่าง CSS Designer ขึ้นมาก่อน โดยทำตามขั้นตอน ดังนี้

1. ไปที่ Main Menu -> Window -> CSS Designer ดังรูป Dreamweaver CSS Designer Panel เพื่อเปิดหน้าต่าง CSS Designer ขึ้นมา

2. เมื่อทำตามขั้นตอนที่ 1 โปรแกรมจะเปิดหน้าต่าง CSS Designer ขึ้นมา ดังรูป
3. ทำการกดปุ่ม Ctrl + Alt + Shift + P พร้อมๆ กันที่แป้นคีย์บอร์ด (4 ปุ่ม) ดังรูป
Computer Keyboard

เท่านี้เราก็สามารถเปลี่ยนหน้าต่าง CSS Designer มาเป็น CSS Styles Panel ในแบบ CS5, CS6 หรือแบบดั้งเดิมได้แล้วครับ ดังรูป
Dreamweaver CSS Styles Panel

หมายเหตุ: หากต้องการเปลี่ยนกลับไปใช้ CSS Designer Panel ก็ให้เราทำการกดปุ่มเช่นเดียวกับข้อที่ 3 (สลับไปมาในวิธีการเดียวกัน)

เป็นอันเสร็จสิ้นขั้นตอน
สำหรับการใช้งาน CSS Panel ที่เปิดขึ้นมานี้ ก็ใช้งานดั่งเช่นที่เราเคยใช้ ๆ กันมาในเวอร์ชั่นก่อนครับ อย่างไรลองใช้งานกันดู แต่ผมอยากแนะนำให้ฝึกใช้ CSS Designer Panel ที่ Dreamweaver CC มีมาให้น่าจะดีกว่าครับ..สวัสดี.
Request for MySQLi Database Connector
About the Author
Mr.Sittichai Raksasuk

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



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

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

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

เปิดเส้น Grid เพื่อช่วยในการออกแบบเว็บเพจ (Enable Grid)

เรื่อง : เปิดเส้น Grid เพื่อช่วยการออกแบบเว็บเพจ (How to enable Grid view in Dreamweaver) Grid คือ ตาราง ซึ่งผู้ใช้งานโป...  

การ Export สไตล์ชีต CSS ที่อยู่ในเว็บเพจไปเป็นไฟล์ CSS (External Style Sheet)

เรื่อง : Export โค้ด CSS ไปเป็น External Style Sheet ด้วย Dreamweaver โค้ด CSS ที่ได้สร้างไว้กับไฟล์เว...  

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

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


Copyright ©2003-2019 dwthai.com. All rights reserved.
This website was created by : S.raksasuk.

ติดต่อ DwThai.Com

e-mail : dwthai@gmail.com
mobile: 08-9495-7296

เขียน Guestbook : DwThai.Com

*
*
*