Een matrix rooster bestaat uit kruisende horizontale en verticale lijnen . Matrix roosters kunnen worden gemaakt in bijna elke vorm van software-applicatie , databases , tekstverwerkers , spreadsheets , webpagina's en grafische software hebben allemaal matrix roosters in een bepaalde vorm . Gewoonlijk worden matrix roosters gebruikt om informatie te presenteren op een specifieke manier , zoals bij het weergeven van financiële spreadsheets of database query resultaten . Echter , kunnen matrix roosters worden gebruikt als grafische elementen geplaatst in illustraties of presentaties , en zoals uitlijning gereedschappen in tekstverwerkingsdocumenten . Wat je nodig hebt
Microsoft Office
Adobe Photoshop
Adobe Dreamweaver
webbrowser
Toon Meer Aanwijzingen
Het creëren van een tabel in Microsoft Word
1 Open Microsoft Word door te klikken op het pictogram Word Microsoft . Maak een nieuw leeg document door het menu " File " te selecteren en te kiezen voor Nieuw leeg document of door te klikken op de " New " icoon . Sla het bestand met de naam grid.doc . Kopen van 2 Geef de werkbalk tekening van het menu "Beeld " te selecteren en te kiezen voor Werkbalken en Tekenen. Het menu tekening wordt weergegeven . Klik op de " Grid Opties " pictogram om de Grid display dialoogvenster weer te geven .
3 Klik op de " display rasterlijnen op het scherm " knop in het dialoogvenster Raster . Voer een waarde van " 4 " in de " Vertical elke" invoerveld en een waarde van " 4 " in de " horizontale Every " invoerveld . Klik op de knop " OK " om het scherm 4X4 matrix raster .
4 Voeg wat tekst, afbeeldingen of andere elementen op de pagina met behulp van het net als een uitlijning referentie. Opslaan grid.doc .
Het creëren van een tabel in Adobe Photoshop
Open Adobe Photoshop 5 door te klikken op het pictogram Adobe Photoshop . Maak een nieuw bestand door te klikken op het File menu en te kiezen voor " Nieuw . " Stel breedte van het bestand naar 400 pixels en de hoogte van het bestand naar 400 pixels . Klik op de knop " OK " om een beeld dat de matrix rasterpatroon zal worden te creëren .
6 Klik op het Venster menu-item en selecteer " Kanalen " om het dialoogvenster kanalen weer te geven . Een controle zal naast de " Channels "-label verschijnen wanneer het dialoogvenster actief is. Klik op het icoon "Nieuw kanaal" gelegen in de onderste balk van de kanalen dialoogvenster om een nieuw kanaal te maken .
7 Klik op de "Rectangular Marquee Tool " en teken een rechthoekige selectie op de kruising van lijnen van de afbeelding .
8 Houd de rechthoekige selectie actieve en klik op de knop Aanpassen . Kies " Patroon definiëren , " noem het patroon "grid " en klik op de knop "OK " .
9 Maak een nieuw bestand door te klikken op het File menu-item " Nieuw" te selecteren en opslaan van het bestand als grid.psd . Kies het emmertje uit het menu tool en gebruik het menu -opties aan de Emmertje vulling die is ingesteld op " Pattern . " Selecteer het raster matrix patroon en klik op de nieuwe afbeelding op het raster van toepassing op grid.psd .
Het creëren van een tabel in Adobe Dreamweaver
Open Adobe Dreamweaver 10 en creëren een nieuw bestand door te klikken op de " New " menu en selecteer " file ". Kies het type " HTML " en sla het nieuwe bestand als grid.html . Het nieuwe bestand zal een aantal fundamentele code definiëren van de pagina bevat .
11 Voeg een tag style aan de van de XHTML- pagina die de stijlen definieert voor de kolommen en de rijen die deel uitmaken van het rooster . Stel breedte attribuut de # rij stijl op " 100 % ", haar float attribuut op " links" en zijn border attribuut op " 1px solid . " Stel breedte attribuut de # column stijl op " 20px ", haar overflow attribuut op "auto " en zijn border attribuut op " 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 > <p> <style type="text/css"> <br> /<p> # rij {width : 100 % ; overflow : auto ; border : 1px solid ; } <br> <p> # column { width : 100px ; float : left ; border : 1px <br> 12 <p> Voeg drie HTML <DIV> elementen om het lichaam sectie van grid.html , nestelen twee <DIV> elementen binnen een derde <DIV> element . Wijs een " rij " ID aan de buitenste <DIV> en een "kolom " ID aan elke innerlijke <DIV> . Plaats de tekst " Col A " in de eerste kolom # en " Col B " in de tweede # kolom . Opslaan grid.html : <br> <p> < DOCTYPE html PUBLIC " - //W3C //DTD XHTML 1.0 Transitional //EN " " http://www.w3.org/TR/xhtml1/DTD/xhtml1 ! - transitional.dtd > <p> <html xmlns="http://www.w3.org/1999/xhtml"> <br> <p> <br> <html> <br> <p " > <head><meta name="viewport" content="width=device-width, initial-scale=1.0"> <p> <meta <br> http-equiv="Content-Type" content="text/html; charset=utf-8" /> <br> <p> <title> Untitled document < /title > <p> <style type="text/css"> <p> # rij <br> {width : 100 % ; overflow : auto ; border : 1px solid ; } <br> <p> # column { width : 100px ; float : left ; border : 1px solid ; } <p> < /style > <br> <p> < head /> <br> <p> < body > <p> <div id="row"> <p> <div id="column"> Col A < /div > <br> <p> < div id <br> = " column " > Col B < /div > <br> <p> < /div <br> <p> < /body <br> <p> < /html > <br> < br > > > 13 <p> Klik op het File menu, selecteer " Voorbeeld in browser ' en kiest u een browser uit de geconfigureerde lijst . Grid.html wordt geopend in een browser weer te geven en de matrix net in HTML . <br> <br></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=90>
<tr>
<td bgColor=#e7edf4 align=middle><script language='javascript' src='/ad/201310/3.js'></script></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=90>
<tr>
<td align=left>Previous: <a class='LinkPrevArticle' href='/software/presentation-software/201309/159880.html' >Hoe kan ik een afbeelding in Paint Fade </a></li> </td>
<td align=right>Next: <a class='LinkNextArticle' href='/software/presentation-software/201309/159882.html' >Problemen Hardlopen Sony PMB-software op Laptop </a></li> </td>
</tr>
</table>
</td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=18>
<tr>
<td></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=246>
<tr>
<td height=246 vAlign=top width=199>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=199>
<tr>
<td height=244 vAlign=top width=197>
<table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee>
<tr>
<td height=29 width="4%"> </td>
<td width="96%"><STRONG>presentatie Software</STRONG></td>
</tr>
</table>
<table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/presentation-software/201309/159661.html" title="Hoe te Stage converteren naar Filmpje " target="_self">Hoe te Stage converteren naar …</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/presentation-software/201309/160058.html" title="Hoe je Outlook-agenda synchroniseren met het web " target="_self">Hoe je Outlook-agenda synchron…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/presentation-software/201309/160073.html" title="Screensaver Programma " target="_self">Screensaver Programma </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/presentation-software/201309/159708.html" title="Hoe maak je een voettekst op een Slide schrijven " target="_self">Hoe maak je een voettekst op e…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/presentation-software/201309/159907.html" title="Hoe je tekst " target="_self">Hoe je tekst </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/presentation-software/201309/160316.html" title="Picture Slideshow Ideeën " target="_self">Picture Slideshow Ideeën </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/presentation-software/201309/159766.html" title="Hoe maak je een presentatie sjabloon in OpenOffice Creëren " target="_self">Hoe maak je een presentatie sj…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/presentation-software/201309/160334.html" title="Hoe Word- documenten converteren naar Bitmap " target="_self">Hoe Word- documenten converter…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/presentation-software/201309/160476.html" title="Hoe te SnagIt 8 " target="_self">Hoe te SnagIt 8 </a></td></tr><tr></tr></table></td>
</tr>
</table>
</td>
<td vAlign=top width=12></td>
<td vAlign=top width=375>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=375>
<tr>
<td height=244 vAlign=top>
<table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee>
<tr>
<td height=29 width="4%"> </td>
<td width="96%"><STRONG>Related Articles</STRONG></td>
</tr>
</table>
<table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=209>
<tr>
<td height=201 width="33%"><IMG src="/img_xby/n1.jpg" width=111 height=182></td>
<td width="67%"><a class='LinkArticleCorrelative' href='/software/word-processing-software/201309/181073.html' target="_self">Hoe maak je een Tilde gebruiken in een W…</a><br><a class='LinkArticleCorrelative' href='/software/word-processing-software/201309/181072.html' target="_self">Hoe kan ik een Umlaut gebruiken in een W…</a><br><a class='LinkArticleCorrelative' href='/software/word-processing-software/201309/181071.html' target="_self">Hoe maak je een Holiday Nieuwsbrief op u…</a><br><a class='LinkArticleCorrelative' href='/software/word-processing-software/201309/181070.html' target="_self">Hoe maak je een viervoudige Wenskaart ma…</a><br><a class='LinkArticleCorrelative' href='/software/word-processing-software/201309/181069.html' target="_self">Hoe maak je een Tent - Fold Wenskaart Ma…</a><br><a class='LinkArticleCorrelative' href='/software/word-processing-software/201309/181068.html' target="_self">Hoe te Spelling en grammatica fouten te …</a><br><a class='LinkArticleCorrelative' href='/software/word-processing-software/201309/181067.html' target="_self">Hoe kan ik een document Zoom in Word 200…</a><br><a class='LinkArticleCorrelative' href='/software/word-processing-software/201309/181066.html' target="_self">Hoe je tekst rond een afbeelding in Word…</a><br><a class='LinkArticleCorrelative' href='/software/word-processing-software/201309/181065.html' target="_self">Hoe je de uitlijning van de tekst wijzig…</a><br></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td vAlign=top width=8></td>
<td vAlign=top width=376>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=375>
<tr>
<td height=244 vAlign=top>
<table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee>
<tr>
<td height=29 width="4%"> </td>
<td width="96%"><STRONG>Software Articles</STRONG></td>
</tr>
</table>
<table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=207>
<tr>
<td height=199 width="33%"><IMG src="/img_xby/n2.jpg" width=111 height=182></td>
<td width="67%">
<table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/utility-software/201309/169429.html" title="Hoe te RipIt4Me gebruiken Met DVD Decrypter en Nero " target="_self">Hoe te RipIt4Me gebruiken Met DVD Decryp…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/word-processing-software/201309/179203.html" title="Hoe te WPS Vertalen naar DOC " target="_self">Hoe te WPS Vertalen naar DOC </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/presentation-software/201309/160104.html" title="Hoe naar films in OpenOffice Impress Play " target="_self">Hoe naar films in OpenOffice Impress Pla…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/photoshop/201309/151903.html" title="Hoe te Orbs in Photoshop " target="_self">Hoe te Orbs in Photoshop </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/utility-software/201309/173554.html" title="Hoe te Weatherbug verwijderen " target="_self">Hoe te Weatherbug verwijderen </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/desktop-video/201309/120980.html" title="Hoe te Muvee verwijderen " target="_self">Hoe te Muvee verwijderen </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/antivirus-software/201309/102780.html" title="Hoe kan ik Norton AntiVirus activeren " target="_self">Hoe kan ik Norton AntiVirus activeren </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/powerpoint/201309/157870.html" title="De onderdelen van PowerPoint " target="_self">De onderdelen van PowerPoint </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/file-extension-types/201309/130693.html" title="Wat is de extensie Qrt ? " target="_self">Wat is de extensie Qrt ? </a></td></tr><tr></tr></table></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=10>
<tr>
<td></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=57>
<tr>
<td class=bs background=/img_xby/di.jpg align=center>Copyright © Computer Kennis https://www.nldit.com <script language='javascript' src='/ad/201310/5.js'></script></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=10>
<tr>
<td></td>
</tr>
</table>
</div>
</body>
</html>
| 