Kā Izveidot Moduļu Režģus

Satura rādītājs:

Kā Izveidot Moduļu Režģus
Kā Izveidot Moduļu Režģus

Video: Kā Izveidot Moduļu Režģus

Video: Kā Izveidot Moduļu Režģus
Video: Kāpēc koka karkasa māju ražotājs SIA “Eko modulis”, izvēlējās tieši Freimans kopnes. 2024, Novembris
Anonim

Izstrādājot dizainu vai izveidojot sarežģītu attēlu, ir ērti izmantot moduļu režģus. Tie kalpo par kompozīcijas pamatu, sadalot lapu noteiktā skaitā vertikālu un horizontālu pakāpienu ar vienādu vai atšķirīgu attālumu.

Kā izveidot moduļu režģus
Kā izveidot moduļu režģus

Nepieciešams

Abode Photoshop programma

Instrukcijas

1. solis

Visiem mūsdienu grafiskajiem redaktoriem un tīmekļa dizaina programmām ir iebūvēti moduļu režģi. Ja strādājat programmā Adobe Photoshop, ieslēdziet režģa displeju, lai ērti sakārtotu attēla objektus un to precīzu izvietojumu lapā. Lai to izdarītu, dodieties uz izvēlnes Rediģēt vienumu un pārvietojiet peles kursoru virs paraksta Preferences. Parādītajā izvēlnē atlasiet vienumu Guides, Grid & Slices (atkarībā no programmas versijas šim vienumam var būt dažādi nosaukumi, izvēlieties vārdu Grid).

2. solis

Atvērtajā iestatījumu logā iestatiet moduļu režģa parametrus. Rajonā Režģis atlasiet to līniju krāsu, kas veido režģa elementus, un līniju atstarpi. Noklikšķiniet uz "OK" un pārbaudiet, kā veiktās izmaiņas ietekmēs attēla izskatu. Adobe DreamWeaver tīmekļa izstrādes vidē režģis pēc noklusējuma ir iekļauts izstrādājamās lapas izkārtojumā.

3. solis

Izmantojot vienumu Ievietot tabulu, varat pievienot dažādas tabulas (režģa vienumus) ar jebkuru rindu un kolonnu kopu, kā arī šūnās ievietot jaunas tabulas, tādējādi izveidojot sarežģītu tīklu lapas elementu veidošanai.

4. solis

Jūs varat izveidot modulāru režģi manuāli, izmantojot CSS stilus. Lai to izdarītu, izmantojiet rīkus #grid, Gridmaker, CSS Grid Builder, 1 KB CSS Grid, Gridr Buildrrr un citus moduļus. Piemēram, šāds koda fragments izveido režģi no četriem noteiktā platuma moduļiem:.page-layout {margin-right: -5px; }.layout-box {pludiņš: pa kreisi; piemale: 0 5px 5px 0; }.lb-1 {platums: 779px; } / * 100% * /. Lb-2 {platums: 583 pikseļi; } / * 75% * /. Lb-3 {platums: 387px; } / * 50% * /. Lb-4 {platums: 191 pikseļi; } / * 25% * /

5. solis

Moduļu režģa klātbūtne atvieglo gan iesācēju dizainerus, gan tīmekļa izstrādātājus, gan pieredzējušus meistarus šajā jomā. Projektus, kas izveidoti, pamatojoties uz moduļu režģi, ir viegli rediģēt un pārsūtīt, kas ir ļoti ērti lieliem darba apjomiem. Varat arī jebkurā laikā pārtraukt darbu un turpināt izmantot saglabāto failu.

Ieteicams: