Dizaynni ishlab chiqishda yoki murakkab tasvirni yaratishda modulli tarmoqlardan foydalanish qulay. Ular varaqni belgilangan miqdordagi vertikal va gorizontal qadamlarga bir xil yoki har xil masofalarga bo'linib, kompozitsiyaning asosi bo'lib xizmat qiladi.
Kerakli
Fotoshop dasturi
Ko'rsatmalar
1-qadam
Barcha zamonaviy grafik muharrirlar va veb-dizayn dasturlari o'rnatilgan modulli tarmoqlarga ega. Agar siz Adobe Photoshop-da ishlayotgan bo'lsangiz, rasm moslamalarini osongina joylashtirish va ularni varaqqa aniq joylashtirish uchun panjara ekranini yoqing. Buning uchun Tartibga solish menyusi bandiga o'ting va sichqonchani Preference sarlavhasi ustiga siljiting. Ko'rsatilgan menyuda qo'llanmalar, panjara va bo'laklarni tanlang (dastur versiyasiga qarab, ushbu element turli xil nomlarga ega bo'lishi mumkin, Grid so'zini tanlang).
2-qadam
Ochilgan sozlamalar oynasida modulli tarmoq parametrlarini o'rnating. Panjara maydonida katak elementlarini tashkil etuvchi chiziqlar rangini va qatorlar oralig'ini tanlang. "OK" tugmachasini bosing va kiritilgan o'zgarishlarning rasm ko'rinishiga qanday ta'sir qilishini tekshiring. Adobe DreamWeaver veb-ishlab chiqish muhitida, tarmoq sukut bo'yicha siz rivojlanayotgan sahifaning maketiga kiritilgan.
3-qadam
Siz Jadvalni qo'shish elementi yordamida har qanday qator va ustunlar to'plami bilan har xil jadvallarni (panjara elementlarini) qo'shishingiz mumkin, shuningdek katakchalarga yangi jadvallarni qo'shishingiz va shu bilan sahifa elementlarini yaratish uchun murakkab tarmoq yaratishingiz mumkin.
4-qadam
Siz CSS uslublari yordamida qo'lda modulli tarmoq yaratishingiz mumkin. Buning uchun #grid, Gridmaker, CSS Grid Builder, 1 KB CSS Grid, Gridr Buildrrr va boshqa modul vositalaridan foydalaning. Masalan, quyidagi kod parchasi berilgan kenglikdagi to'rtta moduldan iborat panjara hosil qiladi:.page-layout {margin-right: -5px; }.layout-box {float: left; margin: 0 5px 5px 0; }.lb-1 {kengligi: 779px; } / * 100% * /. Lb-2 {kengligi: 583 piksel; } / * 75% * /. Lb-3 {kengligi: 387 piksel; } / * 50% * /. Lb-4 {kengligi: 191px; } / * 25% * /
5-qadam
Modulli tarmoqning mavjudligi ham yangi boshlagan dizaynerlar, ham veb-ishlab chiquvchilar va ushbu sohadagi tajribali ustalar uchun osonroq bo'ladi. Modulli tarmoq asosida yaratilgan loyihalarni tahrirlash va o'tkazish oson, bu katta hajmdagi ishlarga juda qulaydir. Shuningdek, siz istalgan vaqtda ishni to'xtatishingiz va saqlangan fayldan foydalanishni davom ettirishingiz mumkin.
