Ինչպես պատրաստել մոդուլային ցանցեր

Բովանդակություն:

Ինչպես պատրաստել մոդուլային ցանցեր
Ինչպես պատրաստել մոդուլային ցանցեր

Video: Ինչպես պատրաստել մոդուլային ցանցեր

Video: Ինչպես պատրաստել մոդուլային ցանցեր
Video: Деревянные качели своими руками. Сенно. 2024, Նոյեմբեր
Anonim

Դիզայն մշակելիս կամ բարդ պատկեր ստեղծելիս հարմար է օգտագործել մոդուլային ցանցեր: Նրանք ծառայում են որպես կազմի հիմք ՝ թերթը բաժանելով նույն քանակի կամ տարբեր հեռավորությունների ուղղահայաց և հորիզոնական քայլերի:

Ինչպես պատրաստել մոդուլային ցանցեր
Ինչպես պատրաստել մոդուլային ցանցեր

Անհրաժեշտ է

Abode Photoshop ծրագիր:

Հրահանգներ

Քայլ 1

Բոլոր ժամանակակից գրաֆիկական խմբագիրները և վեբ ձևավորման ծրագրերն ունեն ներկառուցված մոդուլային ցանցեր: Եթե աշխատում եք Adobe Photoshop- ում, միացրեք ցանցի էկրանը `պատկերների օբյեկտները հեշտությամբ դասավորելու և թերթի վրա դրանց ճշգրիտ տեղադրման համար: Դա անելու համար անցեք «Խմբագրել» ընտրացանկի կետը և մկնիկը տեղափոխել «Նախընտրանք» մակագրության վրա: Հայտնվող ընտրացանկում ընտրեք Ուղեցույցներ, ridանց և Շերտեր տարրը (կախված ծրագրի տարբերակից, այս տարրը կարող է ունենալ տարբեր անուններ, ընտրեք Gանց բառը):

Քայլ 2

Բացված կարգավորումների պատուհանում տեղադրեք մոդուլային ցանցի պարամետրերը: Gանցի տարածքում ընտրեք ցանցի տարրերը կազմող գծերի գույնը և գծերի միջակայքը: Կտտացրեք «Լավ» և ստուգեք, թե ինչպես են կատարված փոփոխությունները ազդելու պատկերի արտաքին տեսքի վրա: Adobe DreamWeaver վեբ մշակման միջավայրում ցանցը լռելյայն ներառված է ձեր կողմից մշակվող էջի դասավորության մեջ:

Քայլ 3

Դուք կարող եք ավելացնել աղյուսակներ (ցանցի տարրեր) տողերի և սյունակների ցանկացած հավաքածուով, Տեղադրելով աղյուսակը, ինչպես նաև նոր աղյուսակներ մտցնել բջիջների մեջ, այդպիսով ստեղծելով բարդ ցանց էջի տարրերի կառուցման համար:

Քայլ 4

Կարող եք ձեռքով ստեղծել մոդուլային ցանց ՝ օգտագործելով CSS ոճեր: Դա անելու համար օգտագործեք #grid, Gridmaker, CSS Grid Builder, 1 KB CSS Grid, Gridr Buildrrr և այլ մոդուլները: Օրինակ, հետևյալ կոդի հատվածը ստեղծում է տրված լայնության չորս մոդուլներից բաղկացած ցանց ՝.page-layout {margin-right: -5px; }.layout-box {float: ձախ; լուսանցք ՝ 0 5px 5px 0; }.lb-1 {լայնությունը `779px; } / * 100% * /. Lb-2 {լայնությունը `583px; } / * 75% * /. Lb-3 {լայնությունը `387px; } / * 50% * /. Lb-4 {լայնությունը `191px; } / * 25% * /

Քայլ 5

Մոդուլային ցանցի առկայությունը հեշտացնում է ինչպես սկսնակ դիզայներները, այնպես էլ վեբ մշակողները, ինչպես նաև այս ոլորտում փորձառու վարպետները: Մոդուլային ցանցի հիման վրա ստեղծված նախագծերը հեշտությամբ խմբագրվում և փոխանցվում են, ինչը շատ հարմար է մեծ ծավալի աշխատանքի համար: Կարող եք նաև դադարեցնել աշխատանքը ցանկացած պահի և շարունակել օգտագործել պահված ֆայլը:

Խորհուրդ ենք տալիս: