Modul ızgaralar Necə Edilir

Mündəricat:

Modul ızgaralar Necə Edilir
Modul ızgaralar Necə Edilir

Video: Modul ızgaralar Necə Edilir

Video: Modul ızgaralar Necə Edilir
Video: Samsung WF6528N7W. Qapını bloklayır və başqa bir şey yoxdur. Modulun təmiri. 2024, Bilər
Anonim

Bir dizayn hazırlayarkən və ya kompleks bir şəkil yaradan zaman modul ızgaralardan istifadə etmək rahatdır. Onlar təbəqəni eyni və ya fərqli məsafələrdə müəyyən sayda şaquli və üfüqi addımlara bölərək kompozisiyanın əsasını təşkil edirlər.

Modul ızgaralar necə edilir
Modul ızgaralar necə edilir

Zəruri

Yerdə Photoshop proqramı

Təlimat

Addım 1

Bütün müasir qrafik redaktorlar və veb dizayn proqramları daxili modul şəbəkələrə malikdir. Adobe Photoshop-da işləyirsinizsə, şəkil obyektlərinin asanlıqla yerləşdirilməsi və onların vərəqdə dəqiq yerləşdirilməsi üçün şəbəkə ekranını açın. Bunu etmək üçün Düzəliş menyu bəndinə gedin və siçanı Tercih başlığı üzərinə aparın. Görünən menyuda Kılavuzlar, Şəbəkə və Dilimlər bəndini seçin (proqramın versiyasından asılı olaraq, bu bəndin fərqli adları ola bilər, Grid sözünü seçin).

Addım 2

Açılan parametrlər pəncərəsində modul şəbəkənin parametrlərini təyin edin. Izgara sahəsindəki şəbəkə elementlərini təşkil edən sətirlərin rəngini və sətir arasını seçin. "Tamam" düyməsini basın və edilən dəyişikliklərin görüntünün görünüşünə necə təsir edəcəyini yoxlayın. Adobe DreamWeaver veb inkişaf mühitində, şəbəkə, inkişaf etdirdiyiniz səhifənin tərtibatına standart olaraq daxil edilmişdir.

Addım 3

Cədvəl əlavə et bəndindən istifadə edərək istənilən cədvəl və sütun dəsti ilə müxtəlif cədvəllər (qarmaq elementləri) əlavə edə bilərsiniz, həmçinin yeni cədvəlləri hüceyrələrə daxil edə bilərsiniz və bununla da səhifə elementləri yaratmaq üçün kompleks bir şəbəkə yarada bilərsiniz.

Addım 4

CSS üslublarından istifadə edərək əl ilə modul şəbəkə yarada bilərsiniz. Bunu etmək üçün #grid, Gridmaker, CSS Grid Builder, 1 KB CSS Grid, Gridr Buildrrr və digər modul vasitələrindən istifadə edin. Məsələn, aşağıdakı kod parçası müəyyən bir genişlikdə dörd moduldan ibarət bir şəbəkə yaradır:.page-layout {margin-right: -5px; }.layout-box {üzmək: sol; margin: 0 5px 5px 0; }.lb-1 {en: 779px; } / * 100% * /. Lb-2 {genişlik: 583 piksel; } / * 75% * /. Lb-3 {genişlik: 387 piksel; } / * 50% * /. Lb-4 {en: 191px; } / * 25% * /

Addım 5

Modul bir şəbəkənin olması həm təcrübəsiz dizaynerlər, həm də veb inkişaf etdiricilər və bu sahədə təcrübəli ustalar üçün asanlaşdırır. Modul bir şəbəkə əsasında yaradılan layihələrin düzəldilməsi və ötürülməsi asandır, bu da böyük həcmli iş üçün çox əlverişlidir. İstədiyiniz zaman işi dayandıra və qeyd olunan fayldan istifadə etməyə davam edə bilərsiniz.

Tövsiyə: