Hur Man Gör Modulära Nät

Innehållsförteckning:

Hur Man Gör Modulära Nät
Hur Man Gör Modulära Nät

Video: Hur Man Gör Modulära Nät

Video: Hur Man Gör Modulära Nät
Video: How To Make Spider-Man Far From Home Web Shooter 2024, Maj
Anonim

Det är bekvämt att använda modulnät när man utvecklar en design eller skapar en komplex bild. De tjänar som bas för kompositionen och delar arket i ett specificerat antal vertikala och horisontella steg med samma eller olika avstånd.

Hur man gör modulära nät
Hur man gör modulära nät

Nödvändig

Abode Photoshop-program

Instruktioner

Steg 1

Alla moderna grafiska redigerare och webbdesignprogram har inbyggda modulära nät. Om du arbetar i Adobe Photoshop, slå på rutnätet för att enkelt arrangera bildobjekt och deras exakta placering på arket. För att göra detta, gå till menyalternativet Redigera och flytta musen över inställningen. I menyn som visas väljer du objektet Guider, Grid & Slices (beroende på programversion kan det här objektet ha olika namn, välj ordet Grid).

Steg 2

I inställningsfönstret som öppnas ställer du in parametrarna för det modulära rutnätet. I rutnätet väljer du färgen på de linjer som bildar rutnätet och linjeavståndet. Klicka på "OK" och kontrollera hur de ändringar som gjorts påverkar bildens utseende. I Adobe DreamWeaver webbutvecklingsmiljö ingår rutnätet som standard i layouten på den sida du utvecklar.

Steg 3

Du kan lägga till olika tabeller (rutnätobjekt) med valfri uppsättning rader och kolumner med hjälp av objektet Infoga tabell, samt infoga nya tabeller i celler, vilket skapar ett komplext nätverk för att bygga sidelement.

Steg 4

Du kan skapa ett modulärt rutnät manuellt med CSS-format. För att göra detta använder du verktygen #grid, Gridmaker, CSS Grid Builder, 1 KB CSS Grid, Gridr Buildrrr och andra moduler. Till exempel skapar följande kodavsnitt ett rutnät med fyra moduler med en viss bredd:.page-layout {margin-right: -5px; }.layout-box {float: left; marginal: 0 5px 5px 0; }.lb-1 {bredd: 779px; } / * 100% * /. Lb-2 {bredd: 583px; } / * 75% * /. Lb-3 {bredd: 387px; } / * 50% * /. Lb-4 {bredd: 191px; } / * 25% * /

Steg 5

Närvaron av ett modulärt rutnät gör det lättare för både nybörjare och webbutvecklare och erfarna mästare inom detta område. Projekt som skapats på grundval av ett modulärt nät är enkla att redigera och överföra, vilket är mycket praktiskt för stora volymer arbete. Du kan också sluta arbeta när som helst och fortsätta använda den sparade filen.

Rekommenderad: