About DwThai.Com 00

DwThai.Com Logo

DwThai.Com

Tip and Trick Dreamweaver

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





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

วิธีเปลี่ยน CSS Designer ใน Dreamweaver CC เป็น CSS Style 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



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

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

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

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

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

Upload ไฟล์เว็บไปไว้บน Web Hosting ด้วย Dreamweaver

เรื่อง : Dreamweaver กับการ Upload ไฟล์เว็บไซต์ไปยัง Web Hosting เมื่อเร็ว ๆ นี้มีน้องคนหนึ่งโทรเข้ามาสอบถามเรื่องของการใช้...  

สร้างปุ่มกดให้กลายเป็น Link (Button Link with Dreamweaver)

เรื่อง : การทำปุ่มกดให้เป็นลิงค์เพื่อกดไปหน้าอื่นด้วย Dreamweaver โดยปรกติถ้าต้องการสร้าง Link บนหน้าเว็บเพจ เราต้อ...  


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

*
*
*