Hvordan lage en Matrix Grid
En matrise gitter består av kryssende horisontale og vertikale linjer. Matrix nett kan lages i nesten alle slags program; databaser, tekstbehandlingsprogrammer, regneark, websider og grafisk programvare har alle matrix nett i noen form. Vanligvis er matrise rutenett brukes til å presentere informasjon på en bestemt måte, for eksempel ved visning av finansielle regneark eller database spørringsresultatene. Imidlertid kan matrise nett brukes som grafiske elementer plassert i illustrasjoner eller presentasjoner, og som justering verktøy i tekstbehandlingsdokumenter.
Bruksanvisning
Opprette et rutenett i Microsoft Word
1 Åpne Microsoft Word ved å klikke på Microsoft Word-ikonet. Opprett et nytt tomt dokument ved å velge "File" -menyen og velge nytt, tomt dokument eller ved å klikke på "Ny" -ikonet. Lagre filen med navnet grid.doc.
2 Viser tegning verktøylinjen ved å velge "View" -menyen og velge Verktøylinjer og tegning. Tegningen Menyen vises. Klikk på "Grid Options" ikonet for å vise rutenett Skjerm dialogboksen.
3 Klikk på "Vis rutenett på skjermen" -knappen i Grid dialogboksen. Angi en verdi av "4" i "Vertical hver" input felt og en verdi på "4" i "Horisontal Hver" input-feltet. Klikk på "OK" -knappen for å vise 4X4 matrise rutenett.
4 Legg noen tekst, bilder eller andre elementer til siden ved hjelp av rutenettet som en justering referanse. Lagre grid.doc.
Opprette et rutenett i Adobe Photoshop
5 Åpne Adobe Photoshop ved å klikke på Adobe Photoshop-ikonet. Opprett en ny fil ved å klikke på Fil i menyen og velge "New". Sett filens bredde 400 piksler og filens høyde 400 piksler. Klikk på "OK" -knappen for å skape et bilde som vil bli matrisen rutenett mønster.
6 Klikk Vindu menyvalget og velg "kanaler" for å vise dialogboksen kanaler boksen. Et kryss vises ved siden av "Channels" etiketten når dialogboksen er aktiv. Klikk på ikonet "Opprett ny kanal" som ligger i bunnlinjen i dialogboksen kanaler for å opprette en ny kanal.
7 Klikk på "Rectangular Marquee Tool" og tegne en rektangulær markering i skjæringspunktet mellom bildets linjer.
8 Hold den rektangulære valget aktivt og klikk på Rediger menyen. Velg "Define Pattern," navnet på oppskriften "grid" og klikk på "OK" -knappen.
9 Opprett en ny fil ved å klikke Fil menyvalget, velge "Ny" og lagre filen som grid.psd. Velg Paint Bucket verktøyet fra verktøymenyen og bruke alternativmenyen for å angi Paint Bucket fyll kilde til "Mønster". Velg rutenett matrise mønster og klikk på det nye bildet for å bruke nettet for å grid.psd.
Opprette et rutenett i Adobe Dreamweaver
10 Åpne Adobe Dreamweaver og lage en ny fil ved å klikke på "Ny" menyen og velge "File". Velg type "HTML" og lagre den nye filen som grid.html. Den nye filen vil inneholde noen grunnleggende koden definerer siden.
11 Legg en stil tag i <head> -delen av XHTML-side som definerer stiler for kolonner og rader som utgjør rutenettet. Sett #row stil bredde attributt til "100%", har den flyte attributt til "venstre" og grensen tillegger "1px solid." Sett #column stil bredde attributt til "20px", har den overløp attributt til "auto" og grensen tillegger "1px solid":
<! DOCTYPE html PUBLIC "- // W3C // DTD XHTML 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<Html xmlns = "http://www.w3.org/1999/xhtml">
<Html>
<Head>
<Meta http-equiv = "Content-Type" content = "text / html; charset = UTF-8" />
<Title> Untitled Document </ title>
<Style type = "text / css">
rad {width: 100%; overflow: auto; border: 1px solid;} kolonne {width: 100px; float: left; border: 1px solid;}
</ Style>
</ Head>
<Body>
</ Body>
</ Html>
12 Legg tre HTML <div> elementer til kroppen delen av grid.html, hekker to <div> elementer inne i en tredje <DIV> element. Tildele en "rad" ID til den ytre <DIV> og en "kolonnen" ID til hver indre <DIV>. Plasser teksten "Col A" inne i den første #column og "Col B" inne i andre #column. Lagre grid.html:
<! DOCTYPE html PUBLIC "- // W3C // DTD XHTML 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<Html xmlns = "http://www.w3.org/1999/xhtml">
<Html>
<Head>
<Meta http-equiv = "Content-Type" content = "text / html; charset = UTF-8" />
<Title> Untitled Document </ title>
<Style type = "text / css">
rad {width: 100%; overflow: auto; border: 1px solid;} kolonne {width: 100px; float: left; border: 1px solid;}
</ Style>
</ Head>
<Body>
<Div id = "rad">
<Div id = "kolonnen"> Col A </ div>
<Div id = "kolonnen"> Col B </ div>
</ Div>
</ Body>
</ Html>
1. 3 Klikk menyvalget File, velg "Forhåndsvisning i leser" og velg en nettleser fra den konfigurerte listen. Grid.html åpnes i en nettleser og vise matrisenettet i HTML.