У вікні настройки задайте параметри модульної сітки. В області Grid виберіть колір ліній, що утворюють елементи сітки і крок ліній. Натисніть «Ок», і перевірте, як прийняті зміни вплинуть на вигляд зображення. У середовищі розробки веб-проектів Adobe DreamWeaver модульна сітка включена за замовчуванням в макет розробляється сторінки.
Ви можете додавати різні таблиці (елементи сітки) з будь-яким набором рядків і стовпців за допомогою пункту Insert Table, а також вставляти нові таблиці в осередку, створюючи тим самим складну мережу для побудови елементів сторінки.
Ви можете створити модульну сітку вручну, використовуючи стилі CSS. Для цього скористайтеся інструментами #grid, Gridmaker, CSS Grid Builder, 1 KB CSS Grid, Gridr Buildrrr і іншими модулями. Наприклад, наступний фрагмент коду створює сітку з чотирьох модулів заданої ширини: .page-layout
Наявність модульної сітки полегшує роботу як початківцям дизайнерам і веб-розробникам, так і досвідченим майстрам в цій області. Створені на основі модульної сітки проекти легко редагувати і переносити, що вельми зручно при великих обсягах роботи. Ви також зможете в будь-який час зупинити роботу і продовжити за допомогою збереженого файлу.