დიზაინის შემუშავების ან რთული სურათის შექმნისას მოსახერხებელია მოდულარული ქსელების გამოყენება. ისინი ემსახურებიან კომპოზიციის საფუძველს, ფურცლის დაყოფას ვერტიკალური და ჰორიზონტალური ნაბიჯების განსაზღვრული რაოდენობით იმავე ან სხვადასხვა მანძილზე.
აუცილებელია
Abode Photoshop პროგრამა
ინსტრუქციები
Ნაბიჯი 1
გრაფიკული რედაქტორებისა და ვებდიზაინების ყველა თანამედროვე პროგრამაში არის ჩამონტაჟებული მოდულარული ბადე. თუ Adobe Photoshop- ში მუშაობთ, ჩართეთ ბადის ეკრანი გამოსახულების ობიექტების მარტივი მოწყობისა და ფურცელზე მათი ზუსტი განთავსებისთვის. ამისათვის გადადით მენიუს რედაქტირებაზე და გადააადგილეთ მაუსი Preference წარწერაზე. მენიუში, რომელიც გამოჩნდება, შეარჩიეთ სახელმძღვანელოები, ბადე და ნაჭრები (დამოკიდებულია პროგრამის ვერსიაზე, ამ ერთეულს შეიძლება ჰქონდეს განსხვავებული სახელები, აირჩიეთ სიტყვა ბადე).
ნაბიჯი 2
პარამეტრების ფანჯარაში, რომელიც იხსნება, დააყენეთ მოდულური ქსელის პარამეტრები. ბადის არეში აირჩიეთ ხაზების ფერი, რომლებიც ქმნიან ქსელის ნივთებს და ხაზების ინტერვალი. დააჭირეთ "OK" - ს და შეამოწმეთ, თუ როგორ იმოქმედებს განხორციელებული ცვლილებები სურათის გამოჩენაზე. 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
მოდულური ქსელის არსებობა ამარტივებს როგორც ახალბედა დიზაინერებსა და ვებ დეველოპერებს, ასევე ამ სფეროში გამოცდილ ოსტატებს. მოდულური ქსელის საფუძველზე შექმნილი პროექტების რედაქტირება და გადაცემა მარტივია, რაც ძალზე მოსახერხებელია დიდი მოცულობის სამუშაოებისთვის. ასევე შეგიძლიათ შეწყვიტოთ მუშაობა ნებისმიერ დროს და გააგრძელოთ შენახული ფაილის გამოყენება.
