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 " />