จุดกริด ( Grid ) คือจุดที่เรียงกันอย่างเป็นระเบียบ ทั้งแนวตั้งและแนวนอน เปรียบเสมือนจุดตัดของเส้นต่างๆ บนกระดาษกราฟนั่นเอง โดยเราสามารถกําหนดระยะห่าง
ระหว่างจุดและการกระโดดเข้าหาจุดกริด ( Snap to grid ) ได้

การปรับระยะจุดกริดและการเข้าจุดกริดสําหรับวิธีการปรับระยะห่างของจุดกริด และการเข้าหาจุดกริด มีขั้นตอนดังต่อไปนี้

1. คลิกเมนู View > Grid >Grid Settings จะ ปรากฏหน้าต่าง Grid Settings ขึ้นมา

2. กําหนดสีของจุดกริด โดยคลิกเลือกจากกรอบ สีในส่วนของ Color

3. คลิกช่อง Show Grid ให้มีเครื่องหมายถูกปรากฏที่หน้าช่อง เพื่อให้แสดงกริดขณะสร้างเว็บเพจ

4. คลิกช่อง Snap to Grid ให้มีเครื่องหมายถูกปรากฏที่หน้าช่อง เพื่อกําหนดให้มีการกระโดดเข้าหาจุด ขณะจัดวางข้อความหรือรูปภาพบนหน้าเว็บเพจ

5. กรอกระยะห่างระหว่างจุดกริดที่ช่อง Spacing

6. กําหนดหน่วยของระยะห่างเป็น Pixels

7. คลิกช่อง Lines ในส่วนของ Display เพื่อ กําหนดให้แสดงเป็นเส้นร่าง

8. คลิกปุ่ม Apply หน้าเว็บเพจจะปรากฏเส้นร่าง ขึ้นมา ดังรูป

9. คลิกช่อง Dots เพื่อกําหนดให้แสดงกริดเป็นจุดกริด

10. คลิกปุ่ม หน้าเว็บเพจ จะปรากฏจุดกริดขึ้นมา ดังรูป

11. คลิกปุ่ม

จะปรากฏเส้นแสดงกริดเป็นจุดกริดขึ้นมา ดังรูป