About DwThai.Com 00

DwThai.Com Logo

DwThai.Com

Tip and Trick Dreamweaver

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





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

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


เรื่อง : เปิดเส้น Grid เพื่อช่วยการออกแบบเว็บเพจ (How to enable Grid view in Dreamweaver)

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

วิธีการเปิดเส้นกริด (Grid)

เส้นกริดที่จะทำการเปิดขึ้นมาใช้เพื่อใช้ในการกะระยะ หรือวางเป็นเส้นแนวให้หน้าเว็บเพจนั้น หากต้องการเปิดใช้งานให้ปฏิบัติ ดังนี้

1. เปิดหน้าเว็บเพจที่ต้องการขึ้นมา หรือทำการ New File ขึ้นมาใหม่
2. จากนั้นไปที่ Menu -> Views -> Grid -> Show Grid ดังรูป 3. เมื่อเรียกใช้ Show Grid ที่หน้าเว็บเพจจะพบว่า ปรากฎมีเส้นกริดแสดงขึ้นแล้ว ดังรูป *ซึ้งเส้นกริดเหล่านี้ จะแสดงให้เราเห็นเฉพาะกับโปรแกรมเท่านั้น ไม่แสดงผลเมื่อเรานำเว็บเพจไปใช้งานกับ Web Browser

คำสั่งอื่น ๆ ของเมนู Grid

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

Snap To Grid

การใช้ Snap To Grid จะช่วยให้ Object ที่จะทำการวางไปที่ Web Page ขยับเข้ามาอยู่ในแนวเส้นกริดได้ง่าย (ส่วนมากให้ผลกับ Object เช่น AP Div ที่มีใช้ใน Dreamweaver CS6 ลงไป) ดังรูป

Grid Settings...

ใช้ในการปรับแต่งเส้นกริด เช่น เลือกสีของเส้นกริดที่ต้องการ, กำหนดระยะระหว่างเส้นกริด เป็นต้น ซึ่งสามารถกำหนดได้จากหน้าต่าง Grid Settings ดังรูป
อย่างไรก็ลองใช้กันดูครับ น่าจะมีประโยชน์ โดยเฉพาะกับผู้ที่กะระยะไม่ค่อนแม่นยำ Grid จะช่วยเป็นเส้นไกด์ให้ท่านได้เป็นอย่างดี
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



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

เปิดใช้งาน Server Behaviors ให้กับ Dreamweaver CC

เรื่อง: การเปิดใช้งาน Server Behaviors ของ Dreamweaver CC เพื่อใช้งาน Dreamweaver Database Dreamweaver เวอร์ชั่น ...  

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

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

การสร้างโปรแกรมสำหรับแสดงข้อมูลจาก Database (Select Data)

เรื่อง :: การสร้าง Web Application ด้วย Dreamweaver + PHP + MySQL ตอนที่ 4ในตอนก่อนเราได้ทำการสร้าง Form และโปรแกรมส...  

การตั้งไซต์เพื่อใช้งานกับ Server Side Script

เรื่อง : การตั้งไซต์เพื่อใช้งานกับ Server Side Script (PHP/MySQL) การตั้งไซต์หรือการ New Sit...  


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

*
*
*