Дизайнды иштеп чыгууда же татаал сүрөттү жаратууда модулдук торчолорду колдонуу ыңгайлуу. Алар баракты бирдей же ар кандай аралыкта жайгашкан тигинен жана горизонталдык тепкичтин белгиленген санына бөлүп, композициянын негизи катары кызмат кылат.
Зарыл
Photoshop программасы
Нускамалар
1 кадам
Бардык заманбап графикалык редакторлордо жана веб-дизайн программаларында модулдук торлор орнотулган. Эгерде сиз Adobe Photoshop программасында иштеп жаткан болсоңуз, анда сүрөттүн объектилерин оңой жайгаштыруу жана аларды баракта так жайгаштыруу үчүн сетка дисплейин күйгүзүңүз. Ал үчүн Түзөтүү меню пунктуна өтүп, чычканды Артыкчылык коштомосунун үстүнө жылдырыңыз. Пайда болгон менюдан Гиддер, Тор жана тилимдер пунктун тандаңыз (программанын версиясына жараша, бул пункттун аталышы ар башка болушу мүмкүн, Тор сөзүн тандаңыз).
2-кадам
Ачылган орнотуулар терезесинде модулдук тордун параметрлерин орнотуңуз. Торчонун аймагынан, тор элементтерин түзгөн сызыктардын түсүн жана сап аралыгын тандаңыз. "ОК" баскычын чыкылдатып, киргизилген өзгөртүүлөр сүрөттүн сырткы көрүнүшүнө кандай таасир этерин текшерип алыңыз. Adobe DreamWeaver веб иштеп чыгуу чөйрөсүндө, тор иштелип жаткан барактын жайгашуусуна демейки шартта киргизилет.
3-кадам
Вставка таблицасын колдонуп, ар кандай катарлар менен мамычалар топтому менен ар кандай таблицаларды (торчолорду) кошо аласыз, ошондой эле уячаларга жаңы таблицаларды киргизип, ошону менен барактын элементтерин куруу үчүн татаал тармак түзөсүз.
4-кадам
CSS стилдерин колдонуп, модулдук торду кол менен түзсөңүз болот. Ал үчүн #grid, Gridmaker, CSS Grid Builder, 1 KB CSS Grid, Gridr Buildrrr жана башка модулдарды колдонуңуз. Мисалы, төмөнкү коддун үзүндүсү берилген кеңдиктеги төрт модулдун торун түзөт:.page-layout {margin-right: -5px; }.layout-box {float: left; маржа: 0 5px 5px 0; }.lb-1 {туурасы: 779px; } / * 100% * /. Lb-2 {туурасы: 583px; } / * 75% * /. Lb-3 {туурасы: 387px; } / * 50% * /. Lb-4 {туурасы: 191px; } / * 25% * /
5-кадам
Модулдук тордун болушу жаңы башталган дизайнерлерге дагы, веб иштеп чыгуучуларга дагы, бул жааттагы тажрыйбалуу чеберлерге дагы жеңилдик берет. Модулдук торчонун негизинде түзүлгөн долбоорлорду оңдоо жана өткөрүп берүү оңой, бул чоң көлөмдөгү жумуштарга ыңгайлуу. Ошондой эле каалаган убакта ишин токтотуп, сакталган файлды колдоно берсеңиз болот.
