June 2
Una griglia matrice è costituita da intersecano linee orizzontali e verticali. griglie Matrix possono essere creati in quasi ogni tipo di applicazione software; database, applicazioni di elaborazione testi, fogli di calcolo, pagine Web e software grafici hanno tutti griglie matrice in qualche forma. In genere, vengono utilizzate le griglie di matrice di presentare le informazioni in modo specifico, come ad esempio durante la visualizzazione di fogli di calcolo finanziari o di risultati di query di database. Tuttavia, le griglie di matrice possono essere utilizzati come elementi grafici posizionati nelle illustrazioni o presentazioni, e come strumenti di allineamento in documenti di testo.
1 Aprire Microsoft Word facendo clic sull'icona di Microsoft Word. Creare un nuovo documento vuoto selezionando il menu "File" e scegliendo Nuovo documento vuoto o cliccando sull'icona "Nuovo". Salvare il file con il nome grid.doc.
2 Visualizzare la barra degli strumenti di disegno selezionando il menu "Visualizza" e scegliendo Barre degli strumenti e disegno. Verrà visualizzato il menu di disegno. Fare clic sull'icona "Opzioni griglia" per visualizzare la finestra di dialogo griglia di visualizzazione.
3 Fare clic sul pulsante "visualizzare una griglia sullo schermo" radio nella finestra di dialogo griglia. Inserire un valore di "4" nel "Vertical ogni" campo di input e un valore di "4" nel campo di immissione "orizzontale Ogni". Fare clic sul pulsante "OK" per visualizzare la griglia matrice 4x4.
4 Aggiungete un po 'di testo, immagini o altri elementi alla pagina utilizzando la rete come riferimento di allineamento. Salva grid.doc.
5 Aprite Adobe Photoshop facendo clic sull'icona di Adobe Photoshop. Creare un nuovo file facendo clic sul menu File e selezionare "Nuovo". Impostare la larghezza del file di 400 pixel e l'altezza del file di 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 di dialogo è attiva. Fare clic sull'icona "Crea nuovo canale" che si trova nella barra inferiore della finestra di canali per creare un nuovo canale.
7 Fare clic su "Selezione rettangolare Tool" e tracciare una selezione rettangolare nel punto di intersezione delle linee dell'immagine.
8 Mantenere la selezione rettangolare attiva e fare clic sulla voce di menu Modifica. Scegliere "Definisci pattern", il nome del modello di "rete" e fare clic sul pulsante "OK".
9 Creare un nuovo file facendo clic sul menu File, selezionare "Nuovo" e salvare il file come grid.psd. Scegliere lo strumento Secchiello dal menu strumento e utilizzare il menu delle opzioni per impostare la sorgente di riempimento Secchiello a "Pattern". Selezionare il motivo della matrice di griglia e fare clic sulla nuova immagine di applicare la griglia per grid.psd.
10 Aprite Adobe Dreamweaver e creare un nuovo file facendo clic sulla voce di menu "Nuovo" e selezionando "File". Scegli il tipo "HTML" e salvare il nuovo file come grid.html. Il nuovo file conterrà un codice di base che definisce la pagina.
11 Aggiungere un tag di stile per la sezione <head> della pagina XHTML che definisce gli stili per le colonne e le righe che compongono la griglia. Impostare attributo width dello stile #row al "100%", attribuisce la sua float di "sinistra" e attribuisce il suo confine a "1px solid". Impostare attributo width dello stile #column a "20px", la sua troppo pieno attributo di "auto" e il suo confine attribuire a "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">
fila {width: 100%; overflow: auto; border: 1px solid;} colonna {width: 100px; float: left; border: 1px solid;}
</ Style>
</ Head>
<Body>
</ Body>
</ Html>
12 Aggiungere tre HTML <DIV> Elementi per la sezione corpo di grid.html, nidificano due <DIV> elementi all'interno di un terzo elemento <DIV>. Assegnare un ID "fila" al esterno <DIV> e una "colonna" ID per ciascun interno <DIV>. Posizionare il testo "Col A" all'interno del primo #column e "Col B" all'interno della seconda #column. Salva 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">
fila {width: 100%; overflow: auto; border: 1px solid;} colonna {width: 100px; float: left; border: 1px solid;}
</ Style>
</ Head>
<Body>
<Div id = "riga">
<Div id = "colonna"> Col A </ div>
<Div id = "colonna"> Col B </ div>
</ Div>
</ Body>
</ Html>
13 Fare clic sulla voce di menu File, selezionare "Anteprima nel browser" e scegliere un browser dall'elenco configurato. Grid.html si apre in un browser e visualizzare la griglia a matrice in HTML.