Come fare una griglia Matrice

Una griglia matrice è costituita da intersecare linee orizzontali e verticali . Matrix griglie possono essere creati in quasi ogni tipo di applicazione software , database , applicazioni di elaborazione testi , fogli di calcolo , pagine web e software di grafica hanno tutti griglie matrice in qualche forma . In genere , a matrice griglie sono utilizzati per presentare le informazioni in un modo specifico , come ad esempio durante la visualizzazione di fogli di calcolo finanziari o risultati di query di database . Tuttavia, matrice griglie possono essere utilizzati come elementi grafici inseriti nelle illustrazioni o presentazioni , e come strumenti di allineamento nei documenti di elaborazione testi . Cose che ti serviranno
Microsoft Office
Adobe Photoshop Adobe Dreamweaver

Browser Web
Show More Istruzioni
Creazione di una griglia in Microsoft Word
1

Apri Microsoft Word , fare clic sull'icona di Microsoft Word . Creare un nuovo documento vuoto selezionando il menu "File" e scegliere Nuovo documento vuoto o facendo clic sull'icona " Nuovo" . Salvare il file con il nome grid.doc .
2

Visualizzare la barra degli strumenti di disegno selezionando il menu "Visualizza" e scegliere Barre degli strumenti e Disegno . Verrà visualizzato il menu di disegno. Fare clic sull'icona " Opzioni griglia " per visualizzare la finestra di dialogo di visualizzazione Griglia.
3

Clicca sui "Mostra griglia - schermo sul " pulsante di opzione nella finestra di dialogo Griglia. Immettere un valore di "4" nel " Vertical ogni" campo di input e un valore di " 4" in " orizzontale ogni " campo di input . Fare clic sul pulsante " OK" per visualizzare la matrice 4x4 griglia .
4

aggiungere del testo , le immagini o altri elementi per la pagina utilizzando la griglia come riferimento per l'allineamento . Salva grid.doc .
Creazione di una griglia in Adobe Photoshop
5

Apri Adobe Photoshop facendo clic sull'icona di Adobe Photoshop . Creare un nuovo file facendo clic sul menu File e selezionando "Nuovo ". Impostare la larghezza del file da 400 pixel e altezza del file da 400 pixel . Fare clic sul pulsante "OK" per creare un'immagine che diventerà il modello di griglia a matrice .
6

Fare clic sulla voce di menu Finestra e selezionare "Canali " per visualizzare la finestra di dialogo canali . Un controllo apparirà accanto all'etichetta "Canali" , quando la finestra è attiva. Fare clic sull'icona "Crea nuovo canale " che si trova nella barra inferiore dei canali di dialogo per creare un nuovo canale .
7

Fare clic su " strumento Selezione rettangolare " e tracciare una selezione rettangolare all'incrocio tra linee dell'immagine.
8

mantenere la selezione rettangolare attiva e cliccare la voce di menu Modifica . Scegliere " Definisci pattern ", il nome del modello di " rete " e fare clic sul pulsante " OK" .
9

Creare un nuovo file cliccando la voce di menu File , selezionare "Nuovo" e salvare il file come grid.psd . Scegliere lo strumento Secchiello dal menu degli strumenti e utilizzare il menu delle opzioni per impostare il Secchiello fonte di riempimento a "Pattern ". Selezionare il modello di matrice griglia e fare clic sulla nuova immagine di applicare la griglia di grid.psd .
Creazione di una griglia in Adobe Dreamweaver
10

Aprire Adobe Dreamweaver e creare un nuovo file facendo clic sulla voce di menu "Nuovo" e seleziona " File ". Scegli il tipo di "HTML" e salvare il nuovo file come grid.html . Il nuovo file conterrà un codice di base che definisce la pagina.
11

Aggiungi un tag di stile per la sezione della pagina XHTML che definisce gli stili per le colonne e le righe che compongono la griglia . Impostare l'attributo width dello stile fila # al "100 %", il suo attributo float a "sinistra" e il suo attributo border al "solido 1px . " Impostare l' attributo width # di stile di colonna " 20px ", il suo attributo di overflow su "auto " e il suo attributo border al "solido 1px " :

< 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 = " Content-Type text /html ; charset = UTF - 8 " />

Untitled Document < /title> <br> <p> <style type="text/css"> <br> <p> # riga { width: 100% ; overflow: auto ; border : 1px solid ; } <br> <p> # colonna {width : 100px ; float: left; border : 1px Pagina 12 <p> Aggiungi tre elementi HTML <div> alla sezione del corpo di grid.html , nidificazione due elementi <DIV> all'interno di un terzo elemento <DIV> . Assegnare un ID "riga " al <DIV> esterno e una "colonna" ID per ogni <DIV> interiore. Posizionare il testo " Col A" all'interno della prima colonna # e " Col B " all'interno della seconda colonna # . Salva 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> <br> <p> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <br> <p> <title> senza titolo documento < /title> <br> <p> <style type="text/css"> <br> <p> # riga { width: 100% ; overflow: auto ; border : 1px solid ; } <br> <p> # colonna {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 = " colonna" > Col B < /div > <br> <p> < /div > <br> <p> < /body> <br> <p> < /html > <br> < br > 13 <p> Fare clic sul menu File , selezionare " Anteprima nel browser " e scegliere un browser dall'elenco configurato. Grid.html viene aperto in un browser e visualizzare la griglia matrice in HTML . <br> <br> <div class=ad2><script language='javascript' src='/ad/201310/4.js'></script></div> </div> </td> </tr> </table> <table width="95%" height="1" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#DEE7EE"> <tr> <td></td> </tr> </table> <table width="100%" height="7" border="0" cellpadding="0" cellspacing="0"> <tr> <td></td> </tr> </table> <table width="91%" height="52" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="51%"><p>Previous ： <a class='LinkPrevArticle' href='/software/presentation-software/159880.html' >Come Fade un'immagine in Paint </a></li></p></td> </tr> <tr> <td width="49%"> next ： <a class='LinkNextArticle' href='/software/presentation-software/159882.html' >Problemi relativi all'esecuzione di Sony PMB software sul computer portatile </a></li></td> </tr> </table></td> </tr> </table> <table width="100%" height="7" border="0" cellpadding="0" cellspacing="0"> <tr> <td></td> </tr> </table> <table width="770" height="246" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="375" height="246" valign="top"><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian"> <tr> <td height="244" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" background="img_dm/danmai_r4_c04 -.jpg" bgcolor="#DBE3EE"> <tr> <td width="4%" height="29"> </td> <td width="96%" class="lan_lm"> Articoli Correlati </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="/software/presentation-software/159857.html" title="Come Potty Train un vecchio Maltese " target="_self">Come Potty Train un vecchio Maltese </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/presentation-software/160293.html" title="Come realizzare presentazioni utilizzando mappe mentali " target="_self">Come realizzare presentazioni utilizzando mappe mentali…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/presentation-software/159720.html" title="Come fare un file PPT " target="_self">Come fare un file PPT </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/presentation-software/160471.html" title="Quali sono gli elementi di base di Multimedia " target="_self">Quali sono gli elementi di base di Multimedia </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/presentation-software/159950.html" title="Che cosa è la Sequenza diapositive View " target="_self">Che cosa è la Sequenza diapositive View </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/presentation-software/160312.html" title="Come aprire un Pptx Doc Con Presentazioni " target="_self">Come aprire un Pptx Doc Con Presentazioni </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/presentation-software/160091.html" title="Il Keynote Tutorial iWork " target="_self">Il Keynote Tutorial iWork </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/presentation-software/159648.html" title="Come guardare la mia storia Telnet " target="_self">Come guardare la mia storia Telnet </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/presentation-software/160447.html" title="Come copiare e incollare in Adobe Acrobat " target="_self">Come copiare e incollare in Adobe Acrobat </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/presentation-software/160366.html" title="Come creare un calendario digitale " target="_self">Come creare un calendario digitale </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 width="100%" border="0" cellpadding="0" cellspacing="0" background="img_dm/danmai_r4_c04 -.jpg" bgcolor="#DBE3EE"> <tr> <td width="4%" height="29"> </td> <td width="96%" class="lan_lm">Articoli in evidenza </td> </tr> </table> <table width="95%" height="207" border="0" align="center" cellpadding="0" cellspacing="4"> <tr> <td height="199"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/desktop-publishing/119531.html" title="Come fare le miniature delle foto per un sito web " target="_self">Come fare le miniature delle foto per un sito web </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/desktop-publishing/119587.html" title="Come disegnare oggetti opachi in MS Paint " target="_self">Come disegnare oggetti opachi in MS Paint </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/microsoft-access/135793.html" title="Come proteggere vendite in Excel 2007 " target="_self">Come proteggere vendite in Excel 2007 </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/digital-video-software/123231.html" title="Come Stream una webcam con VLC " target="_self">Come Stream una webcam con VLC </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/desktop-publishing/116678.html" title="Come fare un grafico su XP " target="_self">Come fare un grafico su XP </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/photoshop/150362.html" title="Come dare un volto su un altro corpo in Photoshop " target="_self">Come dare un volto su un altro corpo in Photoshop </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/back-up-data/108952.html" title="Come fare il backup Windows Mail Folders " target="_self">Come fare il backup Windows Mail Folders </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/word-processing-software/175392.html" title="Come creare un grafico cerchio concentrico in Word " target="_self">Come creare un grafico cerchio concentrico in Word </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/word-processing-software/179640.html" title="Come fare due colonne su una pagina " target="_self">Come fare due colonne su una pagina </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/word-processing-software/177874.html" title="Come utilizzare OpenOffice Base per il Web " target="_self">Come utilizzare OpenOffice Base per il Web </a></td></tr><tr></tr></table></td> </tr> </table></td> </tr> </table></td> </tr> </table></td> </tr> </table> <table width="980" height="8" border="0" cellpadding="0" cellspacing="0"> <tr> <td></td> </tr> </table> <table border=0 cellSpacing=0 cellPadding=0 width=980 bgColor=#36506e height=90> <tr> <td class=bs height=90 align=middle>Copyright © Conoscenza Informatica http://it.wingwit.com <script language='javascript' src='/ad/201310/1.js'></script></td> </tr> </table> </div> </body> </html>