Модульдік торларды қалай жасауға болады

Мазмұны:

Модульдік торларды қалай жасауға болады
Модульдік торларды қалай жасауға болады

Бейне: Модульдік торларды қалай жасауға болады

Бейне: Модульдік торларды қалай жасауға болады
Бейне: Канал балық аулау желілері мен балық аулау Меззасты спорттық балық аулау. 2024, Мамыр
Anonim

Дизайнды жасау кезінде немесе күрделі кескін жасау кезінде модульдік торларды қолдану ыңғайлы. Олар парақты бірдей немесе әр түрлі қашықтықтағы тік және көлденең қадамдардың белгіленген санына бөле отырып, композицияның негізі ретінде қызмет етеді.

Модульдік торларды қалай жасауға болады
Модульдік торларды қалай жасауға болады

Қажетті

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 {қалтқы: сол; маржа: 0 5px 5px 0; }.lb-1 {ені: 779px; } / * 100% * /. Lb-2 {ені: 583px; } / * 75% * /. Lb-3 {ені: 387px; } / * 50% * /. Lb-4 {ені: 191px; } / * 25% * /

5-қадам

Модульдік тордың болуы бастаушы дизайнерлерге де, веб-әзірлеушілерге де, осы саладағы тәжірибелі шеберлерге де жеңілдетеді. Модульдік тор негізінде жасалған жобаларды өңдеу және тасымалдау оңай, бұл үлкен көлемді жұмыс үшін өте ыңғайлы. Сіз сонымен қатар кез-келген уақытта жұмысты тоқтатып, сақталған файлды пайдалануды жалғастыра аласыз.

Ұсынылған: