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



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

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

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

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

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

Dreamweaver กับข้อมูล XML

เรื่อง : Dreamweaver กับการใช้งานข้อมูลในรูปแบบ XML ความสามารถหนึ่งที่ Dreamweaver ในเวอร์ชั่น CS3 ที่มีมาให้ด้วย คือ ควา...  

การเคาะ Space Bar เว้นวรรคกับโปรแกรม Dreamweaver

เรื่อง : มาเคาะ Space Bar ให้เว้นวรรคได้หลาย ๆ ครั้งกัน ใช้งาน Dreamweaver เคยมีปัญหากันบ้างไหม ? เวลาที่เราต...  


Copyright ©2003-2016 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

*
*
*