About DwThai.Com 00

DwThai.Com Logo

DwThai.Com

Tip and Trick Dreamweaver

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





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

เปิดใช้งานไม้บรทัด (Rulers) และเส้น Guides Line ไว้ใช้กะระยะแนวเส้น [Article ID : 7]


เรื่อง : เปิดใช้งานไม้บรทัด (Rulers) และเส้น Guides Line ไว้ใช้กะระยะแนวเส้น

ในการออกแบบเว็บเพจ บางครั้งเราจำเป็นต้องมีการกะระยะเส้นแนวเพื่อให้ Object ต่าง ๆ ที่วางบนหน้าเว็บเป็นแนวเดียวเสมอกัน การกะระยะหรือแนวด้วยสายตา บางครั้งก็เกิดความยากลำบาก ทำให้ได้ระยะหรือแนวที่ไม่เท่าหรือม่เสมอกันเกิดขึ้น ดังนั้น โปรแกรม Dreamweaver จึงมีไม้บรรทัด หรือ Rulers และเส้น Guides มาช่วยเรา โดยผู้ใช้โปรแกรมทำการเปิดใช้งาน ดังนี้

การเปิดใช้ Rules

ก่อนที่จะไปทำการเปิดใช้ ให้ทำการเปิดไฟล์เว็บเพจ หรือทำการ New File ขึ้นมากับ Dreamweaver เสียก่อน จากนั้นทำการเปิดใช้ได้ ดังนี้

1. จากนั้นไปที่ Menu -> View -> Rules -> Show ดังรูป 2. จะพบว่า โปรแกรมแสดงไม้บรรทัดขึ้นมา ซึ่งจะแสดงอยู่ด้ายซ้ายมือ และด้านบนของเว็บเพจ ดังรูป

การใช้เส้น Guides

เมื่อได้ทำการเปิด Rulers หรือไม้บรรทัดขึ้นมาแล้ว ผู้ใช้งานโปรแกรม Dreamweaver สามารถทำการใช้งานเส้นไกด์ได้ ดังนี้

3. ที่ Rulers ด้านที่ต้องการใช้งานเส้นไกด์ ทำการ Drag เมาท์ลากจากไม้บรรทัดมาวางไว้ยังหน้าเว็บเพจในตำแหน่งที่ต้องการ ดังรูป 4. ที่หน้าเว็บเพจก็จะแสดงเส้นไกด์ให้ ดังรูป

การปรับแต่งเส้นไกด์ (Guides Line)

ผู้ใช้งานโปรแกรม สามารถปรับแต่งเส้นไกด์ได้จาก Menu -> Guides -> เลือกรายการปรับแต่งตามต้องการ ดังรูป
อย่างไรก็ลองใช้กันดู สำหรับ Rulers และเส้น Guides ที่แนะนำไป...สวัสดีครับ.
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



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

สร้าง Popup Menu ด้วย Spry Menu Bar (CS Only)

เรื่อง : การสร้างเมนูเว็บไซต์ด้วย Spry Menu Bar *Dreamweaver CC ไม่มีให้ใช้ครับ Spry เป็น Framework...  

มาเปิดใช้งาน Standard Toolbars เพื่อ Save File ได้อย่างสะดวกกันเถอะ

เรื่อง: เปิดใช้ Standard Toolbars ในโปรแกรม Dreamweaver Standard Toolbars เป็นเครื่องมือที่จะช่วยให้ผู...  

การสร้างโปรแกรมสำหรับการ Insert ข้อมูล

เรื่อง :: การสร้าง Web Application ด้วย Dreamweaver + PHP + MySQL ตอนที่ 3จากที่ 2 บทความที่แล้วเราได้ทำการเตรียมสร้าง Dat...  

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

เรื่อง : สร้างระยะเยื้องให้บรรทัดแรกของย่อหน้าด้วย 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

*
*
*