Kako Narediti Modularna Omrežja

Kazalo:

Kako Narediti Modularna Omrežja
Kako Narediti Modularna Omrežja

Video: Kako Narediti Modularna Omrežja

Video: Kako Narediti Modularna Omrežja
Video: Как подключить мотор с тремя проводами (XD-135) от стиральной машины Saturn 2024, Maj
Anonim

Pri pripravi zasnove ali ustvarjanju zapletene slike je priročno uporabljati modularne mreže. Služijo kot osnova sestave in delijo list na določeno število navpičnih in vodoravnih korakov z enakimi ali različnimi razdaljami.

Kako narediti modularna omrežja
Kako narediti modularna omrežja

Potrebno

Program Abode Photoshop

Navodila

Korak 1

Vsi sodobni grafični urejevalniki in programi za spletno oblikovanje imajo vgrajene modularne mreže. Če delate v programu Adobe Photoshop, vklopite mrežni prikaz za lažjo razporeditev slikovnih predmetov in njihovo natančno postavitev na list. Če želite to narediti, pojdite na element menija Uredi in premaknite miško nad napis Preference. V meniju, ki se prikaže, izberite element Vodniki, mreža in rezine (odvisno od različice programa ima lahko ta element drugačna imena, izberite besedo Mreža).

2. korak

V oknu z nastavitvami, ki se odpre, nastavite parametre modularne mreže. V območju Mreža izberite barvo črt, ki tvorijo elemente mreže, in razmik med vrsticami. Kliknite »V redu« in preverite, kako bodo spremembe vplivale na videz slike. V okolju spletnega razvoja Adobe DreamWeaver je mreža privzeto vključena v postavitev strani, ki jo razvijate.

3. korak

Z elementom Vstavi tabelo lahko dodate različne tabele (elemente mreže) s poljubnim nizom vrstic in stolpcev, v celice pa vstavite nove tabele, s čimer ustvarite zapleteno mrežo za gradnjo elementov strani.

4. korak

Modularno mrežo lahko ustvarite ročno z uporabo slogov CSS. Če želite to narediti, uporabite orodja #grid, Gridmaker, CSS Grid Builder, 1 KB CSS Grid, Gridr Buildrrr in druge module. Na primer, naslednji delček kode ustvari mrežo štirih modulov dane širine:.page-layout {margin-right: -5px; }.layout-box {float: left; marža: 0 5px 5px 0; }.lb-1 {širina: 779px; } / * 100% * /. Lb-2 {širina: 583px; } / * 75% * /. Lb-3 {širina: 387px; } / * 50% * /. Lb-4 {širina: 191px; } / * 25% * /

5. korak

Prisotnost modularne mreže olajša oblikovalce začetnike in spletne razvijalce ter izkušene mojstre na tem področju. Projekte, ustvarjene na osnovi modularne mreže, je enostavno urejati in prenašati, kar je zelo primerno za velike količine dela. Prav tako lahko kadar koli ustavite delo in nadaljujete z uporabo shranjene datoteke.

Priporočena: