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 แบบเดิม

การใช้ CSS ใน Dreamweaver CC นั้นเราจะใช้งานกันในส่วนของ CSS Designer Panel ซึ่งมีหน้าตาและการใช้งานที่แตกต่างไปจากในเวอร์ชั่นก่อน ๆ อย่างมาก เนื่องจากไม่ได้ทำงานในลักษณะของ 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 ในแบบเดิมได้แล้วครับ ดังรูป
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



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

การจัดเรียงข้อมูลในตาราง (Sort Table) ด้วย Dreamweaver

เรื่อง : การจัดเรียงข้อมูลในตารางด้วย Dreamweaver (Sort Data on Table) บางครั้งการจัดทำข้อมูลในเว็บเพจของเรา อาจจะเคยต้...  

สร้างระยะเยื้องให้บรรทัดแรกของข้อความย่อหน้า (text-indent)

เรื่อง : สร้างระยะเยื้องให้บรรทัดแรกของย่อหน้าด้วย Dreamweaver หลายท่านคงมีปัญหา เมื่อทำการพิมพ์ข้อความที่เป็นเนื้อหาของห...  

เรียกใช้ External Stylesheet (CSS) ด้วยการ Drag & Drop

เรื่อง : เรียกใช้ไฟล์ CSS ด้วยการลากวาง โปรแกรม Dreamweaver มีความสามารถด้านการลากและวาง หรือ Drag...  

วิธีการออกแบบเว็บในแบบ Responsive ด้วย Dreamweaver ตอนที่ 3 (จบ)

เรื่อง : การออกแบบ Responsive Web Design ด้วย Dreamweaver ตอนที่ 3 (จบ) กลับมาต่อกันอีกสักตอนสำหรับเรื่องของการใช้งานโป...  


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

*
*
*