En matris galler består av korsande horisontella och vertikala linjer . Matrix nät kan skapas i nästan alla typer av program , databaser , ordbehandlingsprogram , kalkylprogram , webbsidor och grafisk programvara har alla matris galler i någon form . Typiskt matris galler används för att presentera information på ett visst sätt , t.ex. vid visning finansiella kalkylblad eller en databas frågeresultat . Dock får matris galler användas som grafiska element placeras i illustrationerna eller presentationer , och som justeringsverktygen i ordbehandlingsdokument . Saker du behöver
Microsoft Office
Adobe Photoshop
Adobe Dreamweaver
webbläsare
Visa fler instruktioner
Skapa ett rutnät i Microsoft Word
1

Öppna Microsoft Word genom att klicka på Microsoft Word -ikonen . Skapa ett nytt tomt dokument genom att välja " Arkiv " -menyn och välja Nytt tomt dokument eller genom att klicka på " Ny " -ikonen . Spara filen med namnet grid.doc .
2

Visa verktygsfältet Rita genom att välja " Visa " -menyn och välja Verktygsfält och Rita . Ritningen menyn kommer att visas . Klicka på " Grid Options " -ikonen för att visa rutnätet fält visas dialogrutan .
3

Klicka på "Visa stödlinjer på skärmen " knappen i Grid dialogrutan . Ange ett värde för " 4 " i " Vertical varje " fältet och ett värde av " 4 " i " Horisontal Varje " inmatningsfältet . Klicka på " OK " -knappen för att visa 4X4 matris rutnät .
4

Tillfoga någon text , bilder eller andra element till sidan med nätet som en anpassning referens . Spara grid.doc . Addera Skapa ett rutnät i Adobe Photoshop
5

Öppna Adobe Photoshop genom att klicka på Adobe Photoshop ikonen . Skapa en ny fil genom att klicka på objektet Arkiv-menyn och välja " Nytt . " Ange filens bredd till 400 pixlar och filens höjd till 400 pixlar . Klicka på " OK " -knappen för att skapa en bild som kommer att bli den matris rutmönster .
6

Klicka posten Fönster -menyn och välj " Kanaler " för att visa kanaler dialogrutan . En kontroll kommer att visas bredvid " Kanaler " etikett när dialogrutan är aktiv . Klicka på " Skapa ny kanal " -ikonen i nedre baren av kanalerna dialogrutan för att skapa en ny kanal .
7

Klicka på " rektangulära markeringsramen " och rita en rektangulär markering vid korsningen av bildens linjer .
8

Håll rektangulär markering aktiva och klicka på menyalternativet Redigera . Välj " Definiera mönster , " namnge mönstret " grid " och klicka på " OK " -knappen .
9

Skapa en ny fil genom att klicka på objektet Arkiv-menyn , välja " Ny " och spara filen som grid.psd . Välj färgpytsen från verktygsmenyn och använda alternativmenyn för att ställa in Paint Skopfyllnad källa till " Pattern . " Välj mönster rutnätet matrisen och klicka på den nya bilden att tillämpa nätet för att grid.psd .
Skapa ett rutnät i Adobe Dreamweaver
10

Öppna Adobe Dreamweaver och skapa en ny fil genom att klicka på " ny " i menyn och välja " File ". Välj filtypen "HTML " och spara den nya filen som grid.html . Den nya filen kommer att innehålla några grundläggande kod som definierar sidan .
11

Lägg en stil tagg till delen av XHTML-sida som definierar stilar för kolumnerna och raderna som utgör nätet. Ställ in # rad stilens bredd attribut till " 100 % ", dess float attributet " vänster " och dess gräns attributet " 1px solid . " Ställ # kolumnen stilens bredd attributet " 20px " överflödningspip attribut till " Auto " och dess gräns attributet " 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 " >

< meta http - equiv = " content - Type " content = " text /html ; charset = UTF - 8 " />

Untitled Document < /title > <br> <p> <style type="text/css"> <br> <p> # v { width : 100 % ; overflow : auto ; border : 1px solid ; } <br> <p> # kolonn { width : 100px ; float : left ; border : 1px <br> 12 <p> Lägg tre HTML <DIV> element till kroppen avsnittet grid.html , häckande två <DIV> element inuti ett tredje <DIV> inslag . Tilldela en " rad " ID för den yttre <DIV> och en " kolumn " ID till varje inre <DIV> . Placera texten " Col A " inne i första # kolumnen och " Col B " inuti den andra # kolonnen . Spara grid.html : <br> <p> < DOCTYPE html PUBLIC " - //W3C //DTD XHTML 1.0 Transitional //EN " " http://www.w3.org/TR/xhtml1/DTD/xhtml1 ! - transitional.dtd " > <br> <p> <html xmlns="http://www.w3.org/1999/xhtml"> <br> <p> <html> <br> <p> <head><meta name=viewport content="width=device-width, initial-scale=1.0"> <br> <p> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <br> <p> <title> Inget namn Document < /title > <br> <p> <style type="text/css"> <br> <p> # v { width : 100 % ; overflow : auto ; border : 1px solid ; } <br> <p> # kolonn { width : 100px ; float : left ; border : 1px solid ; } <br> <p> < /style > <br> <p> < /head > <br> <p> <body> <br> <p> <div id="row"> <br> <p> <div id="column"> Col A < /div > <br> <p> < div id = " kolumnen " > Col B < /div > <br> <p> < /div > <br> <p> < /body> <br> <p> < /html > <br> <br > 13 <p> Klicka posten Arkiv-menyn , välj " Förhandsgranska i webbläsare " och välj en webbläsare från konfigurerade listan . Grid.html öppnas i en webbläsare och visa matrisen rutnätet i HTML . <br> <br> <div class=dad2><script language='javascript' src='/ad/201310/4.js'></script></div> <div class=dad3><script language='javascript' src='/ad/201310/33.js'></script></div> </div> </td> </tr> </table> <table class=dhang1 bgcolor="#DEE7EE"> <tr> <td></td> </tr> </table> <div class=dhang7></div> <table width="92%" height="51" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="50%"><p>Tidigare: <a class='LinkPrevArticle' href='http://www.dator.xyz/Programvara/presentation-software/159880.html' >Hur Tona en bild i Paint </a></li></p></td> </tr> <tr> <td width="50%">nästa: <a class='LinkNextArticle' href='http://www.dator.xyz/Programvara/presentation-software/159882.html' >Problem med att köra Sony PMB programvaran på laptop </a></li></td> </tr> </table></td> </tr> </table> <div class=dhang7></div> <table class=s770x246 > <tr> <td class=s375x246 ><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian"> <tr> <td height="244" valign="top"><table class=c1 > <tr> <td width="4%" height="29"> </td> <td width="96%" class="lan_lm"> relaterade artiklar </td> </tr> </table> <table width="95%" height="209" border="0" align="center" cellpadding="0" cellspacing="4"> <tr> <td height="201"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programvara/presentation-software/160413.html" title="Vad behövs för att videokonferens " target="_self">Vad behövs för att videokonferens </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programvara/presentation-software/159749.html" title="Hur Justera bilder på Apple Keynote " target="_self">Hur Justera bilder på Apple Keynote </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programvara/presentation-software/160141.html" title="Hur Rotera Ramar i Windows Fotogalleri " target="_self">Hur Rotera Ramar i Windows Fotogalleri </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programvara/presentation-software/159721.html" title="Hur man gör DIV i Adobe Dreamweaver CS5 " target="_self">Hur man gör DIV i Adobe Dreamweaver CS5 </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programvara/presentation-software/160059.html" title="Hur att ändra ett PPS " target="_self">Hur att ändra ett PPS </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programvara/presentation-software/160190.html" title="Definition av Presentation Graphics Software " target="_self">Definition av Presentation Graphics Software </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programvara/presentation-software/159677.html" title="Hur man skriver ut en tatuering " target="_self">Hur man skriver ut en tatuering </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programvara/presentation-software/160434.html" title="Hur man stänger av den automatiska Spara " target="_self">Hur man stänger av den automatiska Spara </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programvara/presentation-software/159719.html" title="Hur Rita 3D-former i PPT " target="_self">Hur Rita 3D-former i PPT </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programvara/presentation-software/159556.html" title="Vad är PPT Globalization " target="_self">Vad är PPT Globalization </a></td></tr><tr></tr></table></td> </tr> </table></td> </tr> </table></td> <td width="20" valign="top"></td> <td width="375" valign="top"><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian"> <tr> <td height="244" valign="top"> <table class=c3 > <tr> <td width="4%" height="29"> </td> <td width="96%" class="lan_lm">Utvalda artiklarna </td> </tr> </table> <table class=c4 > <tr> <td height="199"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programvara/audio-software/105192.html" title="Hur du spelar FLAC till CD " target="_self">Hur du spelar FLAC till CD </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programvara/database-software/115065.html" title="Hur man byter ett fält med nya data i Access " target="_self">Hur man byter ett fält med nya data i Access </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programvara/open-source-code/143864.html" title="Hur du anpassar en Zen Cart mall " target="_self">Hur du anpassar en Zen Cart mall </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programvara/back-up-data/108324.html" title="Hur Backup & Restore Apple Mail " target="_self">Hur Backup & Restore Apple Mail </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programvara/other-computer-software/144640.html" title="Hur du använder eHome Infraröd Med en mobiltelefon " target="_self">Hur du använder eHome Infraröd Med en mobiltelefon </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programvara/database-software/116218.html" title="Konvertera en databas till Access Format " target="_self">Konvertera en databas till Access Format </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programvara/back-up-data/108363.html" title="Hur att skapa säkerhetskopior i Outlook 2010 " target="_self">Hur att skapa säkerhetskopior i Outlook 2010 </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programvara/utility-software/170664.html" title="Hur du sätter Remote Manager Access Connection på i registret " target="_self">Hur du sätter Remote Manager Access Connection på i r…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programvara/productivity-software/163677.html" title="Hur man installerar Microsoft Word 2003 " target="_self">Hur man installerar Microsoft Word 2003 </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programvara/pc-games/147018.html" title="Bågskyttebana Spel " target="_self">Bågskyttebana Spel </a></td></tr><tr></tr></table></td> </tr> </table></td> </tr> </table></td> </tr> </table></td> </tr> </table> <div class=dhang8></div> <div class=dhang1></div> <table class=b1> <tr> <td class=bs height=90 align=middle>Copyright © Dator Kunskap http://www.dator.xyz </td> </tr> </table> <div class=dhang1></div> </div> </body> </html>