Hvordan Man Laver Modulære Net

Indholdsfortegnelse:

Hvordan Man Laver Modulære Net
Hvordan Man Laver Modulære Net

Video: Hvordan Man Laver Modulære Net

Video: Hvordan Man Laver Modulære Net
Video: DIY Room Decor! 10 DIY Room Decorating Ideas for Teenagers (DIY Wall Decor, Pillows, etc.) 2024, Kan
Anonim

Det er praktisk at bruge modulære net, når man udvikler et design eller skaber et komplekst billede. De tjener som basis for sammensætningen og deler arket i et specificeret antal lodrette og vandrette trin med samme eller forskellige afstande.

Hvordan man laver modulære net
Hvordan man laver modulære net

Nødvendig

Ophold Photoshop-program

Instruktioner

Trin 1

Alle moderne grafiske redaktører og webdesignprogrammer har indbyggede modulære net. Hvis du arbejder i Adobe Photoshop, skal du tænde gitterdisplayet for nem placering af billedobjekter og deres nøjagtige placering på arket. For at gøre dette skal du gå til menupunktet Rediger og flytte musen over præferenceoverskriften. I menuen, der vises, skal du vælge elementet Guides, Grid & Slices (afhængigt af versionen af programmet kan dette punkt have forskellige navne, vælg ordet Grid).

Trin 2

I indstillingsvinduet, der åbnes, skal du indstille parametrene for modulgitteret. I området Gitter skal du vælge farven på de linjer, der danner gitterelementerne og linjeafstanden. Klik på "OK", og kontroller, hvordan de foretagne ændringer vil påvirke billedets udseende. I Adobe DreamWeaver webudviklingsmiljø er gitteret som standard inkluderet i layoutet på den side, du udvikler.

Trin 3

Du kan tilføje forskellige tabeller (gitterelementer) med ethvert sæt af rækker og kolonner ved hjælp af elementet Indsæt tabel samt indsætte nye tabeller i celler og derved skabe et komplekst netværk til opbygning af sideelementer.

Trin 4

Du kan oprette et modulært gitter manuelt ved hjælp af CSS-stilarter. For at gøre dette skal du bruge værktøjerne #grid, Gridmaker, CSS Grid Builder, 1 KB CSS Grid, Gridr Buildrrr og andre moduler. For eksempel opretter følgende kodestykke et gitter med fire moduler i en given bredde:.page-layout {margin-right: -5px; }.layout-boks {float: left; margen: 0 5px 5px 0; }.lb-1 {bredde: 779px; } / * 100% * /. Lb-2 {bredde: 583px; } / * 75% * /. Lb-3 {bredde: 387px; } / * 50% * /. Lb-4 {bredde: 191px; } / * 25% * /

Trin 5

Tilstedeværelsen af et modulært net gør det lettere for både nybegyndere og webudviklere og erfarne mestre inden for dette område. Projekter oprettet på basis af et modulært gitter er nemme at redigere og overføre, hvilket er meget praktisk til store mængder arbejde. Du kan også stoppe arbejdet når som helst og fortsætte med at bruge den gemte fil.

Anbefalede: