Hoe Om Modulêre Roosters Te Maak

INHOUDSOPGAWE:

Hoe Om Modulêre Roosters Te Maak
Hoe Om Modulêre Roosters Te Maak

Video: Hoe Om Modulêre Roosters Te Maak

Video: Hoe Om Modulêre Roosters Te Maak
Video: Bedrijfsrooster Personeelsplanning u0026 Roosters Maken | Voor Verlof, Verzuim en Urenregistratie 2024, November
Anonim

Dit is handig om modulêre roosters te gebruik wanneer u 'n ontwerp ontwikkel of 'n komplekse beeld skep. Dit dien as basis van die samestelling en verdeel die vel in 'n gespesifiseerde aantal vertikale en horisontale trappe met dieselfde of verskillende afstande.

Hoe om modulêre roosters te maak
Hoe om modulêre roosters te maak

Nodig

Bly Photoshop-program

Instruksies

Stap 1

Alle moderne grafiese redakteurs en webontwerpprogramme het ingeboude modulêre roosters. As u in Adobe Photoshop werk, skakel die rooster aan om die beeldvoorwerpe maklik te rangskik en hul presiese plasing op die blad te plaas. Om dit te doen, gaan na die menu-wysigingsitem en beweeg die muis oor die voorskrif-onderskrif. Kies die gids Gids, rooster en snye in die menu wat verskyn (afhangende van die weergawe van die program, kan hierdie item verskillende name hê, kies die woord Rooster).

Stap 2

Stel die parameters van die modulêre rooster in die instellingsvenster wat oopgaan. Kies die kleur van die lyne wat die roosteritems vorm en die lynspasiëring in die Grid-area. Klik op "OK" en kyk hoe die aangebringde veranderinge die voorkoms van die prentjie sal beïnvloed. In die Adobe DreamWeaver-webontwikkelingsomgewing word die rooster standaard ingesluit in die uitleg van die bladsy wat u ontwikkel.

Stap 3

U kan verskillende tabelle (roosteritems) by elke stel rye en kolomme byvoeg met behulp van die item Tabel invoeg, sowel as om nuwe tabelle in selle in te voeg en sodoende 'n komplekse netwerk vir die bou van bladsy-elemente te skep.

Stap 4

U kan 'n modulêre rooster handmatig met behulp van CSS-style skep. Gebruik hiervoor die gereedskapstukke #grid, Gridmaker, CSS Grid Builder, 1 KB CSS Grid, Gridr Buildrrr en ander modules. Die volgende kodestukkie skep byvoorbeeld 'n rooster van vier modules van 'n gegewe breedte:.page-layout {margin-right: -5px; }.layout-box {float: links; marge: 0 5px 5px 0; }.lb-1 {breedte: 779px; } / * 100% * /. Lb-2 {breedte: 583px; } / * 75% * /. Lb-3 {breedte: 387px; } / * 50% * /. Lb-4 {breedte: 191px; } / * 25% * /

Stap 5

Die teenwoordigheid van 'n modulêre rooster maak dit makliker vir beginners en webontwikkelaars, sowel as ervare meesters op hierdie gebied. Projekte wat aan die hand van 'n modulêre rooster geskep is, is maklik om te redigeer en oor te dra, wat baie handig is vir groot hoeveelhede werk. U kan ook op enige tydstip werk stop en die gestoorde lêer gebruik.

Aanbeveel: